:root{--bg-0:#241552;--bg-1:#3a2596;--ink:#fff8ef;--ink-dim:#fff8efb8;--card:#ffffff17;--card-bd:#ffffff29;--green-hi:#54e89b;--green-lo:#16a85c;--green-lip:#0a6e3a;--gold-hi:#ffd86b;--gold-lo:#f5a623;--gold-lip:#b06a00;--font:"SF Pro Rounded", ui-rounded, "Nunito", -apple-system, system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(120% 70% at 50% -10%, #6f57e6 0%, transparent 55%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 60%, #1b0f40 100%);background-attachment:fixed;justify-content:center;min-height:100vh;display:flex}body:before{content:"";pointer-events:none;z-index:0;filter:blur(4px);background:radial-gradient(40% 22% at 18% 12%,#ff79c647,#0000 70%),radial-gradient(36% 20% at 88% 18%,#2fe0cf38,#0000 70%),radial-gradient(50% 26% at 50% 108%,#ffd23f29,#0000 70%);position:fixed;top:0;bottom:0;left:0;right:0}.wrap{z-index:1;width:100%;max-width:440px;padding:22px 18px calc(28px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.top{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.wordmark{gap:4px;display:flex}.wordmark .l{color:#fff;background:linear-gradient(165deg, var(--hi), var(--lo));width:30px;height:36px;box-shadow:inset 0 2px 2px #ffffff80, inset 0 -4px 7px #00000040, 0 4px 0 var(--lip), 0 8px 11px -3px #00000073;border-radius:26%;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex}.sub{color:var(--ink-dim);font-size:13px;font-weight:700}.daynum{letter-spacing:.01em;font-size:20px;font-weight:900}.hud{gap:9px;display:flex}.chip{background:linear-gradient(#ffffff24,#ffffff0f);border-radius:14px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #fff3,0 3px #0000003d}.chip b{font-variant-numeric:tabular-nums}.target{background:var(--card);border:1.5px solid var(--card-bd);border-radius:22px;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex;box-shadow:inset 0 1px #ffffff29,0 12px 26px -12px #00000080}.target .lbl{color:#ffd23f;letter-spacing:.06em;text-transform:uppercase;writing-mode:vertical-rl;font-size:12px;font-weight:900;transform:rotate(180deg)}.board{flex:1;justify-content:center;align-items:flex-end;gap:12px;display:flex}.board--mini{gap:7px}.rod{cursor:pointer;background:linear-gradient(#ffffff12,#ffffff08);border:1.5px solid #ffffff1f;border-radius:20px;flex-direction:column-reverse;align-items:center;gap:6px;min-width:56px;padding:9px 8px 12px;transition:box-shadow .12s,border-color .12s;display:flex;position:relative;box-shadow:inset 0 2px 6px #00000040,inset 0 1px #ffffff24}.board--mini .rod{cursor:default;border-radius:14px;gap:4px;min-width:0;padding:7px 6px 9px}.rod--legal{border-color:#3ddc8499;box-shadow:inset 0 0 0 2px #3ddc8466,0 0 18px #3ddc8459}.rod--matched{border-color:#3ddc848c}.rod--shake{animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.blk{color:#fff;text-shadow:0 1.5px #00000038;background:linear-gradient(165deg, var(--hi), var(--lo));width:48px;height:48px;box-shadow:0 6px 0 var(--lip), inset 0 3px 4px #ffffff80, inset 0 -7px 12px #00000042, 0 10px 14px -4px #00000073;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:26%;justify-content:center;align-items:center;font-size:24px;font-weight:900;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;display:flex;position:relative}.board--mini .blk{width:26px;height:26px;box-shadow:0 3px 0 var(--lip), inset 0 2px 2px #ffffff73;font-size:13px}.blk .shape{opacity:.85;font-size:.42em;position:absolute;top:7%;right:9%}.rod .blk--lifted{box-shadow:0 9px 0 var(--lip), inset 0 3px 4px #ffffff80, 0 16px 24px -6px #00000080;transform:translateY(-10px)scale(1.06)}.actions{gap:10px;width:100%;display:flex}.btn{cursor:pointer;font-family:var(--font);color:#fff;background:linear-gradient(180deg, var(--b-hi,#ffffff29), var(--b-lo,#ffffff0f));box-shadow:inset 0 2px 1px #ffffff73, inset 0 -4px 8px #0003, 0 5px 0 var(--b-lip,#0000004d), 0 11px 16px -6px #00000073;border:0;border-radius:18px;flex:1;padding:14px 16px;font-size:15px;font-weight:900;transition:transform 70ms,box-shadow 70ms}.btn:active{box-shadow:inset 0 2px 1px #ffffff73, 0 1px 0 var(--b-lip,#0000004d);transform:translateY(4px)}.btn[disabled]{opacity:.45;pointer-events:none}.btn--green{--b-hi:var(--green-hi);--b-lo:var(--green-lo);--b-lip:var(--green-lip)}.btn--gold{--b-hi:var(--gold-hi);--b-lo:var(--gold-lo);--b-lip:var(--gold-lip);color:#3a2400;text-shadow:0 1px #fff6}.note{color:var(--ink-dim);text-align:center;max-width:320px;font-size:12.5px;font-weight:600;line-height:1.5}.loading{color:var(--ink-dim);padding:60px 0;font-weight:700}.overlay{z-index:5;-webkit-backdrop-filter:blur(8px);background:#080614a8;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.overlay.show{animation:.25s fade;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{text-align:center;background:linear-gradient(#282a42f2,#161626f0);border-radius:28px;width:100%;max-width:360px;padding:26px 22px 22px;animation:.34s cubic-bezier(.3,1.4,.4,1) pop;box-shadow:inset 0 1px #ffffff29,0 6px #0006,0 28px 60px -10px #0009}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.card .stars{letter-spacing:5px;margin-bottom:4px;font-size:40px}.card h2{margin:4px 0 2px;font-size:24px;font-weight:900}.card .res{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin:0 0 14px;font-weight:700}.card .pitch{color:var(--ink-dim);margin:14px 0 16px;font-size:13px;line-height:1.5}.card .stack{flex-direction:column;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.blk,.btn,.overlay.show,.card,.rod--shake{transition:none!important;animation:none!important}}