:root{--ink:#201b2b;--paper:#fffaf1;--bg:#cbbce5;--violet:#6b56c4;--pink:#f4a0b7;--yellow:#ffcf4b;--green:#9fdf8e;--blue:#9bcdf0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,select,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #5069f0;outline-offset:4px}.topbar{padding:9px clamp(18px,4vw,60px);background:var(--ink);display:flex;justify-content:space-between;gap:10px;color:#fff6e2;font:900 10px ui-monospace,monospace;letter-spacing:.5px}.page{max-width:1280px;margin:auto;padding:0 28px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border-bottom:3px solid var(--ink)}.logo{font-size:25px;letter-spacing:-1.5px;text-decoration:none;font-weight:1000;white-space:nowrap}.logo span{color:#de527d}.site-header nav{display:flex;gap:12px}.site-header nav a{background:var(--paper);padding:9px 12px;text-decoration:none;border:2px solid var(--ink);border-radius:6px;box-shadow:3px 3px 0 var(--ink);font-size:12px;font-weight:950}.site-header nav a:hover{background:var(--yellow)}.hero{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:28px;padding:52px 0 40px}.eyebrow,.section-kicker{display:inline-block;font:900 11px ui-monospace,monospace;letter-spacing:1px;background:var(--yellow);border:2px solid var(--ink);padding:7px 10px;box-shadow:3px 3px 0 var(--ink)}h1,h2,h3,p{margin-top:0}h1{font-weight:1000;font-size:clamp(48px,6.8vw,96px);line-height:.99;letter-spacing:-.085em;margin:19px 0 19px}h1 em{font-style:normal;color:#fff5df;text-shadow:3px 3px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}h1 span{color:var(--yellow);text-shadow:3px 3px 0 var(--ink)}.hero-text>p{max-width:630px;font-weight:600;font-size:15px}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-tags span{font:900 10px ui-monospace,monospace;border-bottom:2px solid var(--ink);padding-bottom:5px}.hero-side{min-height:230px;display:grid;place-items:center;position:relative}.cup{width:210px;height:210px;background:var(--yellow);border:4px solid var(--ink);border-radius:26px;box-shadow:12px 12px 0 var(--ink);display:grid;place-items:center;font-size:100px;transform:rotate(-8deg)}.stripe{position:absolute;right:-12px;bottom:0;transform:rotate(7deg);background:var(--green);border:3px solid var(--ink);padding:9px 13px;font:1000 15px/1.1 ui-monospace,monospace;box-shadow:4px 4px 0 var(--ink)}.profile{display:grid;grid-template-columns:1fr minmax(270px,.9fr);gap:25px;background:var(--paper);border:3px solid var(--ink);border-radius:13px;box-shadow:6px 6px 0 var(--ink);padding:22px;margin-bottom:65px}.profile small,.my-rank small{display:block;font:900 10px ui-monospace,monospace;letter-spacing:1px}.profile h2{font-size:30px;letter-spacing:-1.4px;margin:5px 0}.profile p{font-size:12px;color:#6b6272;margin:3px 0 0}.profile label{font:950 11px ui-monospace,monospace;display:block;margin-bottom:7px}.profile-input{display:flex;gap:8px}.profile input{width:100%;min-width:0;background:white;border:2px solid var(--ink);padding:11px;border-radius:5px}.profile button,.refresh{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);padding:10px 14px;font:1000 11px ui-monospace,monospace;white-space:nowrap;border-radius:5px}.profile button:hover,.refresh:hover{background:var(--green)}#profileFeedback{min-height:18px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-header h2,.how h2{font-size:clamp(35px,4.6vw,63px);line-height:1.04;letter-spacing:-.065em;font-weight:1000;margin:14px 0 0}.section-header h2 span{color:var(--violet)}.refresh{background:var(--paper)}.selector{border:3px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0;background:var(--paper);padding:18px}.game-tabs{display:flex;gap:8px;flex-wrap:wrap}.game-tabs button{border:2px solid var(--ink);background:#eae5ee;padding:13px 16px;box-shadow:3px 3px 0 var(--ink);font:1000 12px ui-monospace,monospace;border-radius:6px}.game-tabs button.active{background:var(--yellow);transform:translate(-1px,-1px)}.sub-controls{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.sub-controls label{display:flex;align-items:center;gap:9px;font:900 11px ui-monospace,monospace}.sub-controls select{border:2px solid var(--ink);border-radius:5px;background:#fff;padding:10px 8px;font:800 13px system-ui}.my-rank{border:3px solid var(--ink);border-bottom:0;display:flex;align-items:center;gap:32px;background:var(--green);padding:18px 22px;flex-wrap:wrap}.my-rank strong{font-weight:1000;font-size:34px;letter-spacing:-1.6px}.my-note{font-size:12px;font-weight:750;margin-left:auto;max-width:250px}.board-wrap{border:3px solid var(--ink);background:#fffdf8;overflow:auto}table{border-collapse:collapse;width:100%;min-width:525px;text-align:left}th{background:var(--ink);color:#fff6e5;padding:15px 18px;font:950 11px ui-monospace,monospace;letter-spacing:1px}td{padding:17px 18px;border-bottom:2px solid #e9e2de;font-size:14px;font-weight:750}tr:last-child td{border-bottom:0}th:nth-child(1),td:nth-child(1){width:95px}th:nth-child(3),td:nth-child(3){text-align:right}th:nth-child(4),td:nth-child(4){text-align:right;width:165px}td:nth-child(1){font:1000 20px ui-monospace,monospace}td:nth-child(3){font:1000 20px ui-monospace,monospace}td:nth-child(4){font-size:11px;color:#706879}tbody tr:nth-child(odd){background:#f9f4ff}tbody tr.me{background:#e0f6d6}.medal{background:var(--yellow);border:2px solid var(--ink);padding:4px 8px;border-radius:4px}.me-mark{font:900 9px ui-monospace,monospace;background:var(--ink);color:white;border-radius:3px;padding:4px 6px;margin-left:7px}.empty{font:800 14px system-ui;text-align:center!important;padding:45px 20px;color:#6b6074}.board-foot{display:flex;justify-content:space-between;gap:15px;font:800 11px ui-monospace,monospace;margin:12px 0 65px}.how{border-top:3px dashed #554877;padding:45px 0 55px}.how h2{margin:16px 0 26px}.how h2 span{color:#fffaf1;text-shadow:2px 2px 0 var(--ink)}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.how-grid article{background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:10px;padding:18px}.how-grid article>span{font:1000 30px ui-monospace,monospace;color:var(--violet)}.how-grid h3{font-size:18px;letter-spacing:-.8px;margin:12px 0 6px}.how-grid p{font-size:12px;color:#6c6271;line-height:1.6;margin:0}.disclaimer{font-size:12px;max-width:780px;margin:22px 0 0;font-weight:650;color:#4b4056}footer{border-top:3px solid var(--ink);padding:26px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:12px}footer>span{font:900 10px ui-monospace,monospace}@media(max-width:900px){.hero{grid-template-columns:1fr 150px}.cup{width:140px;height:140px;font-size:70px}.stripe{font-size:10px}.profile{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}}@media(max-width:620px){.topbar{font-size:8px}.topbar span:last-child{display:none}.page{padding:0 14px}.site-header{padding:15px 0}.logo{font-size:20px}.site-header nav a{padding:8px 8px;font-size:10px}.hero{display:block;padding:31px 0 24px}.hero h1{font-size:clamp(40px,11vw,62px)}.hero-side{display:none}.hero-text>p{font-size:13px}.hero-tags{margin-top:16px}.profile{padding:15px;margin-bottom:45px;gap:15px;box-shadow:4px 4px 0 var(--ink)}.profile h2{font-size:24px}.profile-input{flex-wrap:wrap}.profile button{width:100%}.section-header h2{font-size:39px}.selector{padding:12px}.game-tabs button{flex:1;font-size:10px;padding:12px 5px;min-width:0}.sub-controls{gap:8px}.sub-controls label{width:100%;justify-content:space-between}.sub-controls select{min-width:160px}.my-rank{gap:18px;padding:13px}.my-rank strong{font-size:27px}.my-note{margin-left:0;max-width:none;flex-basis:100%}.board-foot{flex-wrap:wrap}.how{padding-top:25px}.how h2{font-size:36px}footer{display:block}footer>span{display:block;margin-top:9px}}

@media(max-width:620px){table{min-width:0}th:nth-child(4),td:nth-child(4){display:none}th,td{padding:15px 10px}th:nth-child(1),td:nth-child(1){width:64px}td:nth-child(3){white-space:nowrap}}