*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:linear-gradient(180deg,#f8f7ff,#eef4ff);color:#17213c;min-height:100vh}.wrap{width:min(1080px,calc(100% - 24px));margin:auto;padding:25px 0 60px}header{background:linear-gradient(135deg,#5d45e9,#8b6cff);color:white;border-radius:28px;padding:24px 28px;display:flex;align-items:center;gap:20px;box-shadow:0 20px 55px rgba(75,55,190,.25)}header img{width:100px;margin-right:auto}header a{color:#fff;text-decoration:none;background:rgba(255,255,255,.15);padding:10px 13px;border-radius:12px}header h1{margin:4px 0;font-size:33px}header p{margin:0;opacity:.9;line-height:1.8}.rule,.me{background:#fff;border:1px solid #e6e6ef;border-radius:18px;padding:16px 18px;margin-top:16px}.me{background:linear-gradient(135deg,#fff9dc,#fff);font-size:18px;font-weight:900}.board{margin-top:16px;background:#fff;border:1px solid #e5e6ef;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px rgba(45,60,100,.08)}.head,.row{display:grid;grid-template-columns:70px 1.4fr 1fr 1fr 1fr 1fr;gap:8px;align-items:center;padding:15px 18px}.head{background:#f0edff;font-weight:900;color:#5541ca}.row{border-top:1px solid #f0f0f5}.row.me-row{background:#fff9df}.rank{font-size:20px;font-weight:900}.top1 .rank{color:#d89500}.top2 .rank{color:#7b8794}.top3 .rank{color:#b66a30}.time{direction:ltr;text-align:right}.notice{padding:14px;background:#ffe9ed;color:#9d3045;border-radius:14px;margin-top:15px}.hidden{display:none}@media(max-width:700px){.head{display:none}.row{grid-template-columns:60px 1fr 1fr;grid-auto-rows:auto}.row span:nth-child(n+4){font-size:11px;color:#6b7280}header img{display:none}header{align-items:flex-start;flex-direction:column}}