:root{--font-display: "Noto Serif Bengali", "Noto Serif", "Shonar Bangla", Georgia, serif;--font-body: "Noto Sans Bengali", "Noto Sans", "Hind Siliguri", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root{--accent-a: #fb923c;--accent-b: #ea580c;--success: #22c55e;--success-dark: #15803d;--danger: #dc2626;--cream: #fdf3d8;--cream-border: #e5c37e;--ink: #2b2013;--modal-bg: linear-gradient(175deg, #1b1545 0%, #0e0b33 100%);--modal-border: rgba(45, 212, 191, .7);--modal-text: #e8fdff;--modal-text-dim: rgba(232, 253, 255, .64);--overlay-dim: rgba(3, 2, 14, .62);--bg: radial-gradient(circle at 50% 30%, #17103d 0%, #0d0a2b 55%, #05031a 100%);--text: #e8fdff;--text-dim: rgba(232, 253, 255, .64);--panel: #14103a;--panel-border: #2dd4bf;--hud-bg: rgba(20, 16, 58, .92);--hud-border: rgba(45, 212, 191, .7);--hud-text: #e8fdff;--glow: #f472b6;--chip-bg: rgba(45, 212, 191, .12);--chip-text: #e8fdff;--gold: #fde047}:root[data-theme=classic]{--bg: radial-gradient(circle at 50% 38%, #1b1b48 0%, #12123a 55%, #0a0a20 100%);--text: #f1f0ff;--text-dim: rgba(241, 240, 255, .66);--panel: #1e1b4b;--panel-border: #4338ca;--hud-bg: rgba(30, 27, 75, .92);--hud-border: #4338ca;--hud-text: #f1f0ff;--glow: #22c55e;--chip-bg: rgba(255, 255, 255, .08);--chip-text: #f1f0ff;--gold: #e0a458;--modal-bg: linear-gradient(175deg, #232061 0%, #171638 100%);--modal-border: #4338ca;--modal-text: #f1f0ff;--modal-text-dim: rgba(241, 240, 255, .66);--overlay-dim: rgba(4, 4, 16, .62)}:root[data-theme=wooden]{--bg: linear-gradient(180deg, #e5d0b1 0%, #d9bf98 100%);--text: #3a2a16;--text-dim: rgba(58, 42, 22, .72);--panel: #dfc4a2;--panel-border: #8c6239;--hud-bg: rgba(223, 196, 162, .95);--hud-border: #8c6239;--hud-text: #3a2a16;--glow: #b45309;--chip-bg: rgba(92, 58, 33, .12);--chip-text: #3a2a16;--gold: #8a5a17;--modal-bg: linear-gradient(175deg, #f5e7cd 0%, #e9d3ae 100%);--modal-border: #8c6239;--modal-text: #2f2010;--modal-text-dim: rgba(47, 32, 16, .72);--overlay-dim: rgba(58, 42, 22, .55)}*{-webkit-tap-highlight-color:transparent}html,body{position:fixed;inset:0;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit}#app,.app-root,.screen{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.screen{padding:calc(env(safe-area-inset-top,0px) + .4rem) calc(env(safe-area-inset-right,0px) + .75rem) calc(env(safe-area-inset-bottom,0px) + .6rem) calc(env(safe-area-inset-left,0px) + .75rem);gap:.5rem}.boot-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;background:var(--bg);color:var(--gold);font-family:var(--font-display);letter-spacing:.12em}.lobby-topbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.lobby-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:.9rem;background:var(--panel);border:1.5px solid var(--panel-border);box-shadow:0 6px 16px -8px #00000080}.lobby-title{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--gold);letter-spacing:.06em;text-shadow:0 2px 10px rgba(224,164,88,.25)}.lobby-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem}.mode-card{width:min(100%,21rem);display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.3rem 1rem 1.1rem;border-radius:1.15rem;border:1.5px solid var(--gold);color:#fdf6e3;box-shadow:0 14px 30px -16px #000000a6;transition:transform .12s ease,box-shadow .12s ease}.mode-card:active{transform:translateY(2px) scale(.99)}.mode-navy{background:linear-gradient(165deg,#27308f,#1a1f5c)}.mode-maroon{background:linear-gradient(165deg,#8e2432,#5f1622)}.mode-emblem{color:var(--gold);margin-bottom:.3rem}.mode-name{font-weight:800;font-size:1.12rem;letter-spacing:.09em}.mode-sub{font-size:.8rem;opacity:.82}.bead-art{display:flex;gap:.55rem;margin-top:.4rem}.bead-art i{width:14px;height:14px;border-radius:999px;box-shadow:inset -2px -3px 4px #00000073,inset 2px 3px 4px #ffffff73,0 2px 5px #00000059}.dock{display:flex;justify-content:center;gap:1.1rem;padding-top:.4rem}.icon-btn{display:grid;place-items:center;width:52px;height:52px;border-radius:999px;border:1.5px solid var(--panel-border);background:var(--hud-bg);color:var(--hud-text);box-shadow:0 8px 18px -10px #0000008c;cursor:pointer;transition:transform .11s ease}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn-sm{width:44px;height:44px}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:8.2rem;padding:.78rem 1.6rem;border-radius:999px;border:0;font-weight:800;font-size:.95rem;letter-spacing:.09em;cursor:pointer;transition:transform .11s ease,filter .11s ease}.pill-btn:active{transform:translateY(1px) scale(.99)}.pill-btn:disabled{opacity:.5;cursor:default}.btn-orange{background:linear-gradient(180deg,var(--accent-a),var(--accent-b));color:#fff7ed;border:1.5px solid #9a3412;box-shadow:0 10px 24px -10px #ea580ccc}.btn-green{background:linear-gradient(180deg,#34d27b,var(--success-dark));color:#f0fdf4;box-shadow:0 10px 24px -12px #22c55ecc}.btn-ghost{background:var(--chip-bg);color:var(--text-dim);border:1.5px solid var(--panel-border)}.btn-with-icon{display:inline-flex;align-items:center;gap:.4rem}.btn-with-icon svg{flex-shrink:0}.lang-pill{padding:.42rem .95rem;border-radius:999px;border:1.5px solid var(--cream-border);background:var(--gold);color:#2b2013;font-weight:800;font-size:.88rem;cursor:pointer}.select-topbar,.select-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.select-title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.06em;text-align:center;flex:1}.topbar-spacer{width:44px}.select-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:.9rem;padding-top:.4rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.game-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1rem .6rem;border-radius:1rem;border:1.5px solid var(--panel-border);background:var(--hud-bg);color:var(--hud-text);cursor:pointer}.game-card-selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 12px 26px -14px #0009}.game-card-title{font-weight:800;font-size:.95rem}.game-card-sub{font-size:.72rem;color:var(--text-dim);text-align:center}.theme-select-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .9rem;border-radius:.8rem;border:1.5px solid var(--panel-border);background:var(--chip-bg)}.theme-select-label{font-size:.85rem;font-weight:700;letter-spacing:.05em}.theme-select{border:0;background:transparent;color:var(--chip-text);font-weight:800;font-size:.9rem;padding:.2rem}.select-sub-note{margin:0;font-size:.72rem;color:var(--text-dim);line-height:1.35}.select-section{display:flex;flex-direction:column;gap:.45rem}.select-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem .9rem;border-radius:.8rem;border:1.5px solid var(--panel-border);background:var(--chip-bg)}.select-toggle-copy{display:flex;flex-direction:column;gap:.1rem}.select-toggle-copy strong{font-size:.9rem;font-weight:800}.select-toggle-copy em{font-size:.72rem;font-style:normal;color:var(--text-dim)}.chip-swatch{display:inline-flex;align-items:center;gap:.25rem;margin-right:.4rem}.chip-swatch i{display:inline-block;width:13px;height:13px;border-radius:999px;box-shadow:inset 0 -1px 2px #00000059}.select-heading{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.chip{padding:.42rem .9rem;border-radius:999px;border:1.5px solid var(--panel-border);background:var(--chip-bg);color:var(--chip-text);font-weight:700;font-size:.82rem;cursor:pointer}.chip-selected{border-color:var(--gold);background:#e0a4582e;box-shadow:0 0 0 1px var(--gold)}.diff-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.diff-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .3rem;border-radius:.9rem;border:1.5px solid var(--panel-border);background:var(--hud-bg);color:var(--hud-text);cursor:pointer}.diff-card-selected{border-color:var(--glow);box-shadow:0 0 0 2px var(--glow)}.diff-name{font-weight:800;font-size:.82rem;letter-spacing:.08em}.diff-record{display:flex;gap:.35rem;font-size:.72rem;font-style:normal}.record-w{color:#4ade80}.record-d{color:var(--gold)}.record-l{color:#f87171}:root[data-theme=wooden] .record-w{color:#15803d}:root[data-theme=wooden] .record-d{color:#8a5a17}:root[data-theme=wooden] .record-l{color:#b91c1c}.hud-top,.hud-bottom{display:flex;align-items:center;gap:.55rem}.hud-bottom{justify-content:flex-start}.capsule{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;border:1.5px solid var(--hud-border);background:var(--hud-bg);color:var(--hud-text);transition:box-shadow .16s ease,border-color .16s ease}.capsule-active{border-color:var(--glow);box-shadow:0 0 12px var(--glow),inset 0 0 8px #ffffff0f}.bead-avatar{display:inline-grid;place-items:center;border-radius:999px;flex-shrink:0;position:relative}.capsule-name{font-weight:800;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-score{margin-left:auto;font-weight:800;font-size:.9rem;color:var(--gold)}.capsule-win{margin-left:auto;flex-shrink:0;font-weight:800;font-size:.74rem;line-height:1;color:var(--gold);border:1.5px solid var(--gold);border-radius:999px;padding:.28rem .5rem;white-space:nowrap}.capsule-thinking{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-dim);white-space:nowrap}.capsule-win-compact{flex-shrink:0;font-size:.66rem;font-weight:800;line-height:1;color:var(--gold);border:1.5px solid var(--gold);border-radius:999px;padding:.2rem .4rem;margin-right:.35rem;white-space:nowrap}.capsule-dual{margin-left:auto;display:flex;align-items:center;gap:.2rem;font-size:.7rem}.capsule-detail{color:var(--text-dim);font-weight:600}.capsule-separator{color:var(--text-dim)}.thinking-dots i{display:inline-block;width:4px;height:4px;margin-left:3px;border-radius:999px;background:var(--gold);animation:dot-pulse 1s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.board-stage{position:relative;flex:1;min-height:0;display:flex}.board-wrap{position:relative;flex:1;min-height:0}.board-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.end-turn{position:absolute;left:50%;bottom:7%;transform:translate(-50%);padding:.55rem 1.3rem;border-radius:999px;border:1.5px solid var(--cream-border);background:var(--gold);color:#2b2013;font-weight:800;font-size:.85rem;letter-spacing:.08em;box-shadow:0 10px 24px -10px #0009;cursor:pointer}.modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.4rem;background:var(--overlay-dim);backdrop-filter:blur(2px);animation:overlay-fade .16s ease}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.modal-panel{position:relative;width:min(100%,21rem);max-height:78dvh;border-radius:1.2rem;padding:1.4rem 1.2rem 1.2rem;animation:modal-pop .2s cubic-bezier(.2,1.4,.4,1)}@keyframes modal-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-navy{background:var(--modal-bg);border:1.5px solid var(--modal-border);color:var(--modal-text);box-shadow:0 24px 60px -24px #000c}.modal-cream{background:var(--cream);border:2px solid var(--cream-border);color:var(--ink);box-shadow:0 24px 60px -24px #000000b3}.modal-cream:before{content:"";position:absolute;top:.45rem;left:1rem;right:1rem;height:5px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--gold) 0 7px,transparent 7px 12px);opacity:.8}.modal-close{position:absolute;top:.6rem;right:.6rem;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1.5px solid var(--modal-border);background:transparent;color:var(--modal-text);cursor:pointer}.modal-title{margin:0 0 .9rem;font-size:1.05rem;font-weight:800;letter-spacing:.07em;text-align:center}.confirm-body{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-top:.3rem}.confirm-title{margin:0;font-size:1.2rem;font-weight:900;letter-spacing:.06em}.confirm-sub{margin:0;font-size:.82rem;opacity:.75;text-align:center}.confirm-actions{display:flex;gap:.8rem;margin-top:.5rem}.settings-body{display:flex;flex-direction:column;gap:.85rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:2.4rem}.settings-label{font-weight:700;font-size:.92rem;color:var(--modal-text)}.settings-stack{display:flex;flex-direction:column;gap:.55rem}.settings-subrow{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:2.2rem}.settings-sublabel{font-size:.78rem;font-weight:700;color:var(--text-dim);flex-shrink:0}.toggle{position:relative;width:52px;height:28px;border-radius:999px;border:1.5px solid var(--panel-border);background:var(--chip-bg);cursor:pointer;transition:background .14s ease,border-color .14s ease;flex-shrink:0}.toggle[data-on=true]{background:var(--gold);border-color:var(--gold)}.toggle-knob{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:999px;background:var(--modal-text);transition:transform .14s ease}.toggle[data-on=true] .toggle-knob{transform:translate(24px);background:#2b2013}.theme-row{display:flex;gap:.8rem;justify-content:center}.theme-thumb{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .8rem .55rem;border-radius:.9rem;border:2px solid var(--panel-border);cursor:pointer}.theme-thumb-selected{border-color:var(--glow);box-shadow:0 0 0 2px var(--glow)}.theme-thumb-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--modal-text)}.theme-check{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--success);color:#f0fdf4}.rules-body{display:flex;flex-direction:column;gap:.7rem}.rules-scroll{overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding-right:.2rem}.rules-diagram{width:100%;max-height:30dvh;color:var(--modal-text-dim);background:var(--chip-bg);border-radius:.8rem;padding:.4rem}.rules-paragraph{margin:0;font-size:.86rem;color:var(--modal-text-dim)}.toss-body{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:.6rem 0 .4rem}.toss-badge{display:grid;place-items:center;width:84px;height:84px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffe9b0,var(--gold) 70%);color:#6b4a12;box-shadow:0 12px 30px -12px #e0a458cc;animation:badge-bounce .9s ease infinite alternate}@keyframes badge-bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.toss-text{margin:0;font-size:1.02rem;font-weight:800;text-align:center}.countdown-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#04041080}.countdown-digit{font-family:var(--font-display);font-size:5.4rem;font-weight:900;color:var(--gold);text-shadow:0 6px 40px rgba(224,164,88,.55);animation:digit-pop 1s ease}@keyframes digit-pop{0%{transform:scale(1.7);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.countdown-skip{position:absolute;bottom:12%;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase}.gameover-body{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding-top:.3rem}.gameover-badge{display:grid;place-items:center;width:88px;height:88px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffe9b0,var(--gold) 72%);color:#6b4a12;box-shadow:0 14px 34px -14px #e0a458d9;animation:badge-bounce .9s ease infinite alternate}.gameover-badge-draw{background:radial-gradient(circle at 35% 30%,#e5e7eb,#9ca3af 72%);color:#374151;animation:none}.gameover-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:.06em}.gameover-reason{margin:0;font-size:.85rem;color:var(--modal-text-dim)}.gameover-scores{display:flex;gap:1.2rem;margin-top:.3rem;font-size:.9rem}.gameover-score strong{color:var(--gold);font-size:1.05rem}.drawer-backdrop{position:fixed;inset:0;z-index:70;background:var(--overlay-dim);opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-backdrop.drawer-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:80;width:min(78vw,19rem);display:flex;flex-direction:column;background:var(--modal-bg);border-right:1.5px solid var(--modal-border);box-shadow:18px 0 44px -22px #000000bf;transform:translate(-102%);transition:transform .24s cubic-bezier(.2,1,.4,1);visibility:hidden}.drawer.drawer-open{transform:translate(0);visibility:visible}.drawer-header{display:flex;align-items:center;gap:.7rem;padding:1rem .9rem .9rem;border-bottom:1.5px solid var(--modal-border)}.drawer-logo{flex-shrink:0}.drawer-title-wrap{display:flex;flex-direction:column;min-width:0;flex:1}.drawer-title{font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:.04em;color:var(--modal-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-subtitle{font-size:.72rem;color:var(--modal-text-dim)}.drawer-close{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:999px;border:1.5px solid var(--modal-border);background:transparent;color:var(--modal-text);cursor:pointer}.drawer-list{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .6rem}.drawer-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;border:0;border-radius:.85rem;background:transparent;color:var(--modal-text);cursor:pointer;text-align:left;transition:background .12s ease}.drawer-item:active{background:var(--chip-bg)}.drawer-item-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:.8rem;background:var(--chip-bg);border:1.5px solid var(--panel-border);color:var(--gold);flex-shrink:0}.drawer-item-copy{display:flex;flex-direction:column;min-width:0}.drawer-item-copy strong{font-size:.9rem;font-weight:700}.drawer-item-copy em{font-size:.7rem;font-style:normal;color:var(--modal-text-dim)}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 5.4rem);transform:translate(-50%);z-index:60;padding:.55rem 1.1rem;border-radius:999px;background:#141428eb;border:1px solid var(--gold);color:#fdf6e3;font-size:.85rem;font-weight:700;animation:overlay-fade .18s ease}.tap-hand{position:absolute;z-index:5;width:0;height:0;pointer-events:none;animation:tap-bounce 1.3s ease-in-out infinite}.tap-hand svg{position:absolute;width:30px;height:30px;left:-14px;top:-10px;color:var(--gold);filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tap-pulse{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:999px;border:2px solid var(--gold);animation:tap-pulse 1.3s ease-out infinite}@keyframes tap-bounce{0%,to{transform:translate(4px,-8px)}50%{transform:translateY(2px)}}@keyframes tap-pulse{0%{transform:scale(.7);opacity:.9}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@keyframes practice-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.practice-overlay{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + .8rem) .8rem calc(env(safe-area-inset-bottom,0px) + .8rem);background:var(--bg);animation:overlay-fade .2s ease}.practice-banner{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:1rem;background:var(--hud-bg);border:1.5px solid var(--hud-border)}.practice-banner.practice-shake{animation:practice-shake .32s ease}@keyframes practice-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.practice-game{flex-shrink:0;padding:.3rem .7rem;border-radius:999px;background:var(--chip-bg);border:1.5px solid var(--panel-border);color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}.practice-instruction{flex:1;min-width:0;font-size:.85rem;font-weight:700;line-height:1.45}.practice-skip{flex-shrink:0;padding:.4rem .85rem;border-radius:999px;border:1.5px solid var(--panel-border);background:var(--chip-bg);color:var(--text-dim);font-size:.78rem;font-weight:700;cursor:pointer}.practice-board{position:relative;flex:1;min-height:0;display:flex;padding:.5rem 0}.practice-win{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:1.4rem;background:var(--overlay-dim);backdrop-filter:blur(2px);animation:overlay-fade .18s ease}.practice-win-card{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:min(20rem,100%);padding:1.5rem 1.4rem 1.3rem;border-radius:1.4rem;background:var(--modal-bg);border:1.5px solid var(--modal-border);color:var(--modal-text);text-align:center;animation:practice-pop .22s cubic-bezier(.34,1.4,.64,1)}.practice-win-icon{color:var(--gold)}.practice-win-title{margin:0;font-family:var(--font-display);font-size:1.5rem}.practice-win-sub{margin:0 0 .6rem;font-size:.85rem;line-height:1.6;color:var(--modal-text-dim)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}