:root{--bg: #0c1512;--felt: #12211c;--felt-2: #16281f;--line: #2a3f35;--text: #e8f0ec;--muted: #8ba79a;--gold: #f6c453;--gold-deep: #d9a326;--win: #56d98a;--lose: #f4736b;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%,#1b3128 0%,var(--bg) 60%),var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:520px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 32px;min-height:100%;display:flex;flex-direction:column;gap:16px}.topbar{text-align:center;padding-top:8px}.topbar h1{margin:0;font-size:34px;letter-spacing:6px;font-weight:800}.topbar h1 span{color:var(--gold)}.tagline{margin:2px 0 0;color:var(--muted);font-size:12px;letter-spacing:3px;text-transform:uppercase}.panel{background:linear-gradient(180deg,var(--felt-2),var(--felt));border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 18px 40px -24px #000}.lede{line-height:1.55;color:#d6e2db;margin-top:0}.rules{color:var(--muted);line-height:1.6;padding-left:18px;font-size:14px}.rules strong,.lede strong{color:var(--text)}.btn{border:none;border-radius:12px;font-weight:700;font-size:15px;padding:12px 20px;cursor:pointer;transition:transform .08s ease,filter .15s ease,opacity .15s;color:#1a1205;background:linear-gradient(180deg,var(--gold),var(--gold-deep))}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.btn.big{width:100%;padding:15px;font-size:17px;margin-top:18px;letter-spacing:1px}.rolls-left{opacity:.7;font-weight:600}.board-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.dots{display:flex;gap:7px}.dot{width:10px;height:10px;border-radius:50%;background:#2b3d34;border:1px solid var(--line)}.dot.done{background:var(--win);border-color:var(--win)}.dot.current{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px var(--gold)}.bag-label{font-size:12.5px;color:var(--muted);text-align:right}.score{display:flex;align-items:baseline;justify-content:center;gap:10px;font-variant-numeric:tabular-nums;margin:6px 0 12px}.score .total{font-size:52px;font-weight:800;line-height:1;transition:color .2s}.score .total.met{color:var(--gold);text-shadow:0 0 18px var(--gold-deep)}.score .slash{font-size:26px;color:var(--muted)}.score .threshold{font-size:30px;font-weight:700;color:var(--muted)}.bar{height:10px;border-radius:6px;background:#0d1a15;border:1px solid var(--line);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#3d7a5c,#56d98a);border-radius:6px;transition:width .45s cubic-bezier(.22,1,.36,1)}.bar-fill.met{background:linear-gradient(90deg,var(--gold-deep),var(--gold))}.hand{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;min-height:92px;align-items:center;margin:20px 0 6px}.hint{color:var(--muted);font-size:14px}.die-wrap{animation:pop .34s cubic-bezier(.18,1.3,.4,1) both}@keyframes pop{0%{transform:translateY(-10px) scale(.6) rotate(-8deg);opacity:0}}.die{position:relative;width:62px;height:62px;border-radius:14px;border:2px solid;background:#0e1a15;display:flex;align-items:center;justify-content:center}.die-face{font-size:28px;font-weight:800}.die-tag{position:absolute;bottom:4px;right:7px;font-size:10px;color:var(--muted);font-weight:700}.reshuffle{text-align:center;color:var(--gold);font-size:12.5px;margin:2px 0 0;letter-spacing:.5px}.board-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:14px}.piles{display:flex;gap:14px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040907b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:10;animation:fade .2s ease both}@keyframes fade{0%{opacity:0}}.result-card{background:linear-gradient(180deg,var(--felt-2),var(--felt));border:1px solid var(--line);border-radius:18px;padding:30px 34px;text-align:center;animation:rise .28s cubic-bezier(.18,1.1,.4,1) both}@keyframes rise{0%{transform:translateY(14px) scale(.96);opacity:0}}.result-card h2{margin:0 0 6px;font-size:30px;letter-spacing:3px}.result-card.win h2{color:var(--win)}.result-card.lose h2{color:var(--lose)}.result-card p{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 18px}.draft h2,.end h2{margin:0 0 6px;letter-spacing:2px}.cards{display:flex;flex-direction:column;gap:12px;margin-top:16px}.upgrade-card{text-align:left;padding:18px;border-radius:14px;border:1px solid var(--line);background:#0f1c16;color:var(--text);font-size:15.5px;font-weight:600;cursor:pointer;transition:border-color .15s,transform .08s,background .15s}.upgrade-card:hover{border-color:var(--gold);background:#13241b;transform:translateY(-2px)}.upgrade-card:active{transform:translateY(0)}.end{text-align:center}.end.victory{border-color:var(--gold);box-shadow:0 0 40px -14px var(--gold-deep)}.end .bag-label{text-align:center;margin:14px 0 0}