:root{--bg: #0b0f14;--bg-elev: #121822;--card: #161e2a;--card-2: #1c2634;--line: #26313f;--ink: #f4f7fb;--ink-dim: #9fb0c2;--ink-faint: #63748a;--accent: #16d67f;--accent-press: #10b46a;--accent-ink: #04160c;--blue: #4f8cff;--violet: #9b6bff;--gold: #ffd24a;--danger: #ff6b6b;--danger-bg: #2a1618;--pos: #4ade80;--neg: #ff7a7a;--radius: 16px;--radius-sm: 11px;--shadow: 0 10px 30px rgba(0,0,0,.45);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--maxw: 520px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#13202b 0%,transparent 60%),var(--bg);color:var(--ink);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.app{max-width:var(--maxw);margin:0 auto;min-height:100%;position:relative;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column}.scroll{flex:1;overflow-y:auto;padding:16px 16px calc(28px + var(--safe-bottom));-webkit-overflow-scrolling:touch}.header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(12px + var(--safe-top)) 14px 12px;border-bottom:1px solid var(--line);background:#0b0f14b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.header h1{font-size:17px;font-weight:700;margin:0;letter-spacing:.2px}.iconbtn{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-size:15px;font-weight:600;padding:8px 6px;border-radius:10px}.iconbtn:active{opacity:.6}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 18px;border-radius:var(--radius-sm);font-size:16px;font-weight:700;background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px #16d67f40}.btn.blue{background:var(--blue);color:#04122e;box-shadow:0 6px 18px #4f8cff40}.btn.ghost{background:transparent;color:var(--ink-dim);border:1px solid var(--line);box-shadow:none}.btn.danger{background:var(--danger);color:#2a0b0b;box-shadow:none}.btn:disabled{opacity:.5}.card>.btn{margin-top:18px}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.card{background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.card-title{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-faint);margin:0 0 12px;font-weight:700}.label{color:var(--ink-dim);font-size:13px;margin:10px 0 7px;font-weight:600}.hint{color:var(--ink-faint);font-size:12.5px;margin-top:8px;line-height:1.5}.home{padding:0 16px calc(24px + var(--safe-bottom))}.brand{text-align:center;padding:calc(40px + var(--safe-top)) 0 26px}.brand .suit{font-size:34px;letter-spacing:6px}.brand h1{font-size:44px;font-weight:800;letter-spacing:1px;margin:6px 0 2px;background:linear-gradient(180deg,#fff,#b8c6d6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand p{color:var(--ink-faint);margin:0;font-size:15px}.tile{width:100%;text-align:left;border-radius:var(--radius);padding:22px;margin-bottom:14px;border:1px solid var(--line);position:relative;overflow:hidden}.tile.g41{background:linear-gradient(135deg,#12351f,#0f2a1a)}.tile.g61{background:linear-gradient(135deg,#16233f,#111b30)}.tile h2{margin:0;font-size:26px;font-weight:800}.tile span{color:var(--ink-dim);font-size:14px}.tile .glow{position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;filter:blur(40px);opacity:.5}.tile.g41 .glow{background:var(--accent)}.tile.g61 .glow{background:var(--blue)}.home-links{display:flex;gap:10px;margin-top:8px}.home-links .btn{font-size:14px;padding:13px}.standing{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;margin-bottom:10px;position:relative;overflow:hidden}.standing .rank{width:22px;color:var(--ink-faint);font-weight:800;font-size:15px}.standing .who{flex:1;min-width:0}.standing .who .name{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standing .who .sub{font-size:12px;color:var(--ink-faint)}.standing .towin{color:var(--ink-faint);font-size:12px;margin-right:6px}.standing .score{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;min-width:54px;text-align:right}.standing.leader{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset,0 8px 24px #ffd24a1f}.standing .bar{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);opacity:.7}.boxes{display:flex;flex-wrap:wrap;gap:8px}.box{min-width:44px;height:46px;padding:0 10px;border-radius:12px;background:var(--bg-elev);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--ink-dim);transition:transform .08s ease}.box:active{transform:scale(.92)}.box.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.box.kaboom{color:var(--violet);border-color:#4a367a;letter-spacing:1px;font-size:14px;padding:0 14px}.box.kaboom.on{background:var(--violet);color:#fff;border-color:var(--violet)}.toggle-row{display:flex;gap:8px}.toggle{flex:1;padding:13px;border-radius:12px;text-align:center;background:var(--bg-elev);border:1px solid var(--line);color:var(--ink-dim);font-weight:700;font-size:15px}.toggle.on{background:var(--blue);color:#04122e;border-color:var(--blue)}.input{width:100%;background:var(--bg-elev);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-size:16px;margin-bottom:10px}.input:focus{outline:none;border-color:var(--accent)}.code-input{text-align:center;font-size:30px;font-weight:800;letter-spacing:12px;padding:16px}.entry-block{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.entry-block:last-of-type{border-bottom:none;margin-bottom:4px}.entry-name{font-size:17px;font-weight:800;margin-bottom:8px}.share{display:flex;align-items:stretch;background:linear-gradient(135deg,#0f2a1c,#0c2016);border:1px solid #1f5a3c;border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.share-code-btn{flex:1;text-align:left;padding:14px 16px;background:transparent}.share-code-btn:active{background:#ffffff0a}.share .lbl{color:#7fe3ac;font-size:12px;font-weight:600}.share .code{font-size:26px;font-weight:800;letter-spacing:6px}.share-link-btn{width:58px;flex:0 0 58px;border-left:1px solid #1f5a3c;color:var(--accent);font-size:22px;background:transparent}.share-link-btn:active{background:#ffffff0a}.win-actions{display:flex;flex-direction:column;gap:10px}.timerbar{text-align:center;margin-bottom:10px}.timer{color:var(--ink-dim);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.live{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;background:var(--danger-bg);color:var(--danger);font-weight:800;font-size:12px;letter-spacing:1px;padding:5px 11px;border-radius:999px;margin-bottom:12px}.live .dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:8px;margin:6px 0 18px;overflow-x:auto}.thead,.trow,.ttot{display:flex;align-items:stretch}.thead{border-bottom:1px solid var(--line);padding-bottom:6px}.trow{border-bottom:1px solid #1a2330}.trow:last-child{border-bottom:none}.ttot{padding-top:8px;margin-top:2px;border-top:1px solid var(--line)}.tc{width:92px;flex:0 0 92px;text-align:center;padding:8px 4px}.tc.rnd{width:34px;flex:0 0 34px;color:var(--ink-faint);font-weight:700;align-self:center}.tc .name{color:var(--ink-dim);font-weight:700;font-size:13px}.tc .delta{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.tc .sum{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.tc .meta{font-size:10.5px;color:var(--ink-faint)}.tc.total{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.pos{color:var(--pos)}.neg{color:var(--neg)}.hist-toggle{text-align:center;color:var(--blue);font-weight:700;padding:12px;font-size:14px}.tapedit{color:var(--ink-faint);font-size:11px;text-align:center;padding-bottom:6px}.lb-tabs{display:flex;gap:8px;margin-bottom:14px}.lb-tab{flex:1;text-align:center;padding:11px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--line);color:var(--ink-dim);font-weight:700;font-size:14px}.lb-tab.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.lb-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:9px}.lb-row .medal{font-size:20px;width:28px;text-align:center}.lb-row .lb-name{flex:1;font-size:16px;font-weight:700}.lb-row .lb-sub{color:var(--ink-faint);font-size:12px}.lb-row .lb-wins{font-size:22px;font-weight:800}.lb-row .lb-wins small{font-size:12px;color:var(--ink-faint);font-weight:600}.saved{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}.saved-main{flex:1;display:flex;align-items:center;gap:12px;padding:15px;background:transparent;text-align:left;min-width:0}.saved-del{width:54px;flex:0 0 54px;border-left:1px solid var(--line);color:var(--danger);font-size:18px;background:transparent}.saved-del:active{background:var(--danger-bg)}.saved .st{flex:1}.saved .st .t{font-weight:700;font-size:16px}.saved .st .s{color:var(--ink-faint);font-size:12.5px}.saved .badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}.saved .badge.fin{background:#1f2e22;color:var(--pos)}.saved .badge.act{background:#1a2740;color:var(--blue)}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center}.muted{color:var(--ink-faint);text-align:center;margin-top:26px;line-height:1.6}.penalty-btn{width:100%;padding:14px;border-radius:12px;border:1px dashed #6a4747;color:#f59e9e;font-weight:700;margin-top:4px;background:transparent}.win-line{text-align:center;color:var(--gold);font-size:22px;font-weight:800;margin:14px 0}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06090dd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px;text-align:center}.overlay .trophy{font-size:84px}.overlay h2{font-size:34px;font-weight:900;margin:8px 0 4px}.overlay .sub{color:var(--ink-dim);font-size:16px;margin-bottom:26px}.overlay.kb h2{color:var(--violet)}.confetti{position:fixed;top:-10px;width:10px;height:14px;border-radius:2px;z-index:61}