:root{--bg:#0F2A22;--gold:#E3B04B;--emerald:#1FA67A;--ink:#EAF4EF;--muted:#8FB3A6}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(130% 100% at 50% -10%,#153c2f 0%,var(--bg) 55%,#091d17 100%);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100%}.game{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 12px)}.pcard{display:flex;align-items:center;gap:11px;padding:9px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;transition:.2s}.pcard.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 8px 24px #e3b04b26}.pav{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0}.pav.white{background:linear-gradient(160deg,#fbf1d8,#e3c187);color:#2a2118}.pav.black{background:linear-gradient(160deg,#4a4640,#1c1a17);color:#eae2d0}.pname{font-weight:700;font-size:14px}.prole{font-size:12px;color:var(--muted)}.turn-dot{margin-left:auto;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 #e3b04b99;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #e3b04b99}70%{box-shadow:0 0 0 9px #e3b04b00}to{box-shadow:0 0 #e3b04b00}}.board-wrap{display:flex;justify-content:center}.board-wrap canvas{display:block;border-radius:14px;box-shadow:0 18px 44px #0006}.dice-row{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px}.dice{display:flex;gap:10px}.die{width:44px;height:44px;border-radius:11px;background:#f6efe1;box-shadow:0 4px 10px #00000059,inset 0 -3px 6px #0000001f;display:grid;place-items:center}.die.shake{animation:shake .12s infinite}@keyframes shake{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}to{transform:translateY(0) rotate(6deg)}}.pips{width:32px;height:32px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px}.pips span{border-radius:50%}.pips span.on{background:#2a2118}.btn-roll{font-family:inherit;cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-weight:700;font-size:15px;background:var(--gold);color:#1b1d2a;box-shadow:0 8px 20px #e3b04b4d;transition:.15s}.btn-roll:hover{filter:brightness(1.05)}.btn-roll:active{transform:translateY(1px)}.hint{color:var(--muted);font-size:13px}.foot{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.btn-ghost{font-family:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 14px;font-weight:600;font-size:13px;background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--ink);border-color:#ffffff4d}.btn-ghost:disabled{opacity:.4;cursor:default}.status-pill{font-size:12.5px;color:var(--muted);background:#ffffff0d;padding:6px 12px;border-radius:9px;font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#091d17b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:20;animation:fade .3s}@keyframes fade{0%{opacity:0}to{opacity:1}}.result-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px 40px;text-align:center;box-shadow:0 20px 60px #00000080}.result-big{font-size:30px;font-weight:800;color:var(--gold);letter-spacing:.5px}.result-big.small{font-size:22px}.result-type{color:var(--muted);font-size:14px;margin:6px 0 20px;max-width:280px;line-height:1.4}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.wait-card{max-width:340px;padding:26px 26px 20px}.spinner{width:34px;height:34px;border-radius:50%;margin:0 auto 14px;border:3px solid rgba(255,255,255,.14);border-top-color:var(--gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invite-link{font-size:12px;color:var(--ink);background:#00000047;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 11px;margin:0 0 16px;word-break:break-all;-webkit-user-select:all;user-select:all}.wait-cancel{margin-top:14px}.lobby{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 20px)}.lobby-top{display:flex;justify-content:flex-end}.langs{display:flex;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:3px}.lang{font-family:inherit;cursor:pointer;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:12px;padding:6px 10px;border-radius:8px;transition:.15s}.lang.on{background:var(--gold);color:#1b1d2a}.brand{text-align:center;margin:auto 0 30px}.logo{font-size:56px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));margin-bottom:8px}.brand-name{font-size:40px;font-weight:800;letter-spacing:4px;color:var(--gold)}.brand-sub{color:var(--muted);font-size:14px;margin-top:4px}.menu{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.menu-label{color:var(--muted);font-size:13px;font-weight:600;text-align:center;margin-bottom:2px}.menu-btn{font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--ink);text-align:left;transition:.15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-btn:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px);box-shadow:0 10px 26px #00000047}.menu-btn:active:not(:disabled){transform:translateY(0)}.menu-btn:disabled{opacity:.5;cursor:default}.mb-icon{font-size:26px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#00000038;flex-shrink:0}.mb-text{display:flex;flex-direction:column;flex:1;min-width:0}.mb-title{font-weight:700;font-size:16px}.mb-sub{color:var(--muted);font-size:12.5px;margin-top:1px}.mb-arrow{color:var(--muted);font-size:22px;font-weight:400}.lobby-back{align-self:center;margin-top:6px}.lobby-top{align-items:center;gap:8px}.rating-chip{margin-right:auto;font-weight:800;font-size:14px;color:var(--gold);background:#e3b04b1f;border:1px solid rgba(227,176,75,.3);padding:6px 12px;border-radius:10px}.nav-row{display:flex;gap:10px;margin-top:4px}.btn-nav{flex:1;font-family:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--ink);font-weight:700;font-size:13.5px;padding:12px;border-radius:12px;transition:.15s}.btn-nav:hover:not(:disabled){border-color:var(--gold)}.btn-nav:disabled{opacity:.5;cursor:default}.sheet{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 10px) 14px calc(env(safe-area-inset-bottom) + 16px);gap:12px}.sheet-top{display:flex;align-items:center;position:relative}.sheet-title{font-weight:800;font-size:18px;position:absolute;left:0;right:0;text-align:center;pointer-events:none}.sheet-spacer{margin-left:auto}.sheet-hint{color:var(--muted);text-align:center;padding:40px 20px;display:grid;place-items:center;gap:10px}.tabs{display:flex;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:4px}.tab{flex:1;font-family:inherit;cursor:pointer;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:9px;border-radius:9px;transition:.15s}.tab.on{background:var(--gold);color:#1b1d2a}.lb-list{display:flex;flex-direction:column;gap:6px}.lb-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.lb-row.me{border-color:var(--gold);background:#e3b04b1a}.lb-rank{width:26px;text-align:center;font-weight:800;font-size:14px;color:var(--muted)}.lb-rank.r1{color:#ffd54a}.lb-rank.r2{color:#cfd8dc}.lb-rank.r3{color:#e0a06a}.lb-name{flex:1;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-league{font-size:16px}.lb-extra{color:var(--muted);font-size:12.5px;min-width:44px;text-align:right}.lb-rating{font-weight:800;font-size:15px;color:var(--gold);min-width:44px;text-align:right}.stats-wrap{display:flex;flex-direction:column;gap:16px}.stats-hero{text-align:center;padding:22px;border-radius:18px;background:linear-gradient(160deg,#e3b04b24,#ffffff0a);border:1px solid rgba(227,176,75,.25)}.stats-league{font-weight:700;font-size:14px;color:var(--ink)}.stats-rating{font-size:46px;font-weight:800;color:var(--gold);line-height:1.1;margin:4px 0}.stats-rank{color:var(--muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-cell{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;text-align:center}.stat-val{font-size:22px;font-weight:800}.stat-lbl{color:var(--muted);font-size:12px;margin-top:2px}.result-rating{font-weight:800;font-size:15px;margin:-8px 0 18px}.result-rating.up{color:var(--emerald)}.result-rating.down{color:#e06a6a}.shop-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.shop-row.active{border-color:var(--gold);background:#e3b04b1a}.skin-prev{position:relative;width:58px;height:44px;border-radius:9px;overflow:hidden;flex-shrink:0;border:1px solid rgba(0,0,0,.3)}.skin-prev .tri{position:absolute;bottom:0;left:12px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:26px solid}.skin-prev .tri.d{left:34px}.skin-prev .chip-w,.skin-prev .chip-b{position:absolute;top:6px;width:14px;height:14px;border-radius:50%;box-shadow:0 1px 2px #0006}.skin-prev .chip-w{left:8px}.skin-prev .chip-b{right:8px}.skin-prev.prem{display:grid;place-items:center;font-size:26px;background:linear-gradient(160deg,#3a2a5e,#241640)}.shop-meta{flex:1;min-width:0}.shop-name{font-weight:700;font-size:15px}.shop-price{color:var(--muted);font-size:12.5px;margin-top:1px}.shop-badge{font-size:12px;font-weight:700;color:var(--gold);background:#e3b04b24;border:1px solid rgba(227,176,75,.3);padding:6px 11px;border-radius:9px;white-space:nowrap}.btn.slim{padding:9px 14px;font-size:13.5px}.invite-wrap{display:flex;flex-direction:column;gap:16px}.invite-hero{text-align:center;padding:22px;border-radius:18px;background:linear-gradient(160deg,#e3b04b24,#ffffff0a);border:1px solid rgba(227,176,75,.25)}.invite-emoji{font-size:40px;line-height:1}.invite-lead{color:var(--ink);font-size:14px;margin-top:8px}.invite-count{color:var(--gold);font-weight:800;font-size:15px;margin-top:8px}.result-share{margin:10px auto 0;display:block}.invite-ladder{display:flex;flex-direction:column;gap:8px}.invite-ladder-title{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px;margin-top:4px}.invite-step{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.invite-step.done{border-color:var(--gold);background:#e3b04b1a}.invite-step-mark{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--ink);background:#ffffff14}.invite-step.done .invite-step-mark{color:#1b1d2a;background:var(--gold)}.invite-step-name{flex:1;font-weight:700;font-size:15px}.invite-step-need{color:var(--muted);font-size:12.5px;white-space:nowrap}