:root{--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #f6f1e8;--bg-2: #ede5d8;--surface: rgba(255, 255, 255, .92);--surface-2: #f3ece1;--surface-3: #eadfcb;--border: rgba(106, 68, 40, .12);--text: #4a2f1c;--muted: #806f5d;--title: #6a4428;--primary: #6a4428;--primary-hover: #7b5233;--primary-ink: #ffffff;--primary-shadow: #3b2314;--accent: #d87a36;--accent-soft: rgba(216, 122, 54, .12);--peach: #e8a76b;--gold: #ffd54f;--star: #f5b400;--gold-soft: rgba(255, 213, 79, .22);--success: #43a047;--danger: #d32f2f;--blue: #2196f3;--purple: #8e24aa;--espresso: #3e2723;--board-bg: #f6f1e8;--board-dot: #e3d7c3;--arrow-neutral: #6a4428;--arrow-preview: #6a4428;--hero-glow: rgba(255, 213, 79, .25);--shadow: 0 1px 2px rgba(106, 68, 40, .06), 0 4px 16px rgba(106, 68, 40, .08);--radius: 16px;--surface-solid: #fffdf9;--chart: #c0662a;--sidebar-w: 220px;color-scheme:light}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #1e1b18;--bg-2: #171412;--surface: #2a2421;--surface-solid: #2a2421;--chart: #c97a3a;--surface-2: #352d29;--surface-3: #43382f;--border: #3e342d;--text: #f6f1e8;--muted: #bcaaa4;--title: #e8a76b;--primary: #e8a76b;--primary-hover: #f0b884;--primary-ink: #3b2314;--primary-shadow: #a8642e;--accent: #e8a76b;--accent-soft: rgba(232, 167, 107, .16);--gold: #ffd54f;--star: #ffd54f;--gold-soft: rgba(255, 213, 79, .14);--success: #66bb6a;--hero-glow: rgba(232, 167, 107, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .28);color-scheme:dark}}:root[data-theme=dark]{--bg: #1e1b18;--bg-2: #171412;--surface: #2a2421;--surface-solid: #2a2421;--chart: #c97a3a;--surface-2: #352d29;--surface-3: #43382f;--border: #3e342d;--text: #f6f1e8;--muted: #bcaaa4;--title: #e8a76b;--primary: #e8a76b;--primary-hover: #f0b884;--primary-ink: #3b2314;--primary-shadow: #a8642e;--accent: #e8a76b;--accent-soft: rgba(232, 167, 107, .16);--gold: #ffd54f;--star: #ffd54f;--gold-soft: rgba(255, 213, 79, .14);--success: #66bb6a;--hero-glow: rgba(232, 167, 107, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .28);color-scheme:dark}:root[data-board=parchment]{--board-bg: #eadfcb;--board-dot: #d4c5b0}:root[data-board=sage]{--board-bg: #e4ebdc;--board-dot: #c7d3bb}:root[data-board=sky]{--board-bg: #e5edf3;--board-dot: #c6d4df}:root[data-board=blush]{--board-bg: #f6e6e1;--board-dot: #e6cbc3}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{margin:0;color:var(--title);line-height:1.2;font-weight:900}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}img{max-width:100%}code,.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.link{color:var(--accent);font-weight:800;background:none;border:0;padding:0;cursor:pointer}.link:hover{text-decoration:underline}.pad{padding:16px}.shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px}.brand img{border-radius:10px}.brand-name{color:var(--title);font-size:22px;font-weight:900;letter-spacing:-.02em}.brand-name span{color:var(--accent)}.nav{display:flex;flex-direction:column;gap:2px}.nav-link{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-weight:800;font-size:15px;color:var(--muted);background:none;border:0;width:100%;text-align:left;cursor:pointer;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{background:var(--surface-2);color:var(--text)}.nav-link.active svg{color:var(--accent)}.nav-link--app{color:var(--accent)}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);margin-left:auto;box-shadow:0 0 0 3px var(--bg-2)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--border)}.sidebar-player{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;margin-bottom:4px}.sidebar-player:hover{background:var(--surface-2)}.sidebar-player strong{display:block;font-size:14px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{margin-left:var(--sidebar-w);min-height:100dvh}.topbar,.tabbar{display:none}@media(max-width:1100px){:root{--sidebar-w: 76px}.sidebar .brand-name,.sidebar .nav-link span,.sidebar-player span{display:none}.sidebar .nav-link{justify-content:center;padding:12px}.sidebar .nav-dot{position:absolute;top:8px;right:12px}.sidebar-player,.brand{justify-content:center}}@media(max-width:760px){.sidebar{display:none}.main{margin-left:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;padding:8px 16px;background:color-mix(in srgb,var(--bg-2) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar .brand{padding:0}.topbar .brand-name{font-size:19px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-coins{padding:4px 10px;background:var(--surface-2);border-radius:999px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--bg-2);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;font-size:11px;font-weight:800;color:var(--muted);background:none;border:0;cursor:pointer}.tab.active{color:var(--accent)}.tab .nav-dot{position:absolute;top:6px;right:calc(50% - 18px)}.shell--game .topbar{display:none}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40;display:flex;align-items:flex-end;animation:fade .15s}.sheet{width:100%;background:var(--surface);border-radius:20px 20px 0 0;padding:8px 16px calc(88px + env(safe-area-inset-bottom));animation:slideUp .2s ease-out}.sheet-grip{width:40px;height:4px;border-radius:4px;background:var(--surface-3);margin:4px auto 14px}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:12px;background:var(--surface-2);font-weight:800;font-size:13px}.sheet-item .nav-dot{position:absolute;top:8px;right:8px}.sheet-foot{margin-top:12px;display:flex;flex-direction:column}.page{max-width:1180px;margin:0 auto;padding:28px 28px 48px;display:flex;flex-direction:column;gap:20px}.page--game{max-width:1440px;padding:18px 24px 24px}@media(max-width:760px){.page{padding:16px 16px 32px;gap:16px}.page--game{padding:8px 10px 12px}h1{font-size:22px}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header-main{display:flex;align-items:center;gap:14px}.page-header-icon{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.page-header p{color:var(--muted);margin-top:2px}.page-header-actions{display:flex;gap:10px;align-items:center}.section-title{margin-top:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card h3{margin-bottom:10px}.card-head h3{margin:0}.notice{padding:12px 16px;border-radius:12px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);font-weight:700}.note{padding:10px 12px;border-radius:10px;background:var(--surface-2);font-size:13px;font-weight:700}.bullets,.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--muted)}.steps li::marker{font-weight:900;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:0;font-weight:800;font-size:15px;cursor:pointer;text-align:center;transition:transform .08s,background .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 4px 0 var(--primary-shadow)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--primary:active:not(:disabled){box-shadow:0 2px 0 var(--primary-shadow)}.btn--secondary{background:var(--surface-2);color:var(--text);box-shadow:0 3px 0 var(--surface-3)}.btn--secondary:hover:not(:disabled){background:var(--surface-3)}.btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.btn--danger{background:var(--danger);color:#fff}.btn--lg{padding:14px 22px;font-size:17px;border-radius:12px}.btn--sm{padding:6px 12px;font-size:13px;border-radius:8px}.btn--block{width:100%}.btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn-row .btn{flex:1;min-width:120px}.icon-btn{width:38px;height:38px;border-radius:10px;border:0;background:var(--surface-2);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0}.icon-btn:hover{background:var(--surface-3)}.segmented{display:inline-flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:4px;align-self:flex-start;max-width:100%;overflow-x:auto}.segmented button{border:0;background:none;padding:8px 16px;border-radius:9px;font-weight:800;font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.pill{background:var(--danger);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}.field{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px;color:var(--muted)}input[type=text],input:not([type]),.field input,.name-form input,.code-input{font:inherit;font-weight:700;color:var(--text);background:var(--surface-2);border:2px solid transparent;border-radius:10px;padding:11px 14px;outline:none;min-width:0}.field input:focus,.name-form input:focus,.code-input:focus{border-color:var(--accent)}.name-form{display:flex;gap:10px}.name-form input{flex:1}.form-error{color:var(--danger);font-weight:700;margin-top:12px}.avatar{display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none}.avatar--ring{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--glow, var(--gold))}.coins{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-variant-numeric:tabular-nums}.coins--sm{font-size:13px}.coin-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe082,#f5b700 55%,#c88a00);box-shadow:inset 0 -1px #0003;flex-shrink:0}.coins--md .coin-dot{width:18px;height:18px}.balance{display:flex;flex-direction:column;align-items:flex-end}.hearts{display:inline-flex;gap:3px;font-size:20px;color:#e53935;line-height:1}.heart--lost{color:var(--muted);opacity:.55}.hearts{position:relative;align-items:center}.hearts--hit{animation:heartShake .32s ease-in-out}.heart--breaking{display:inline-block;animation:heartBreak .5s ease-out}.hearts--shielded .heart{animation:shieldPulse .5s ease-out}.heart-shield{font-size:.8em;margin-left:4px;animation:shieldPop .9s ease-out forwards}@keyframes heartShake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes heartBreak{0%{transform:scale(1.6);color:#e53935;opacity:1}to{transform:scale(1)}}@keyframes shieldPulse{50%{transform:scale(1.25);filter:drop-shadow(0 0 6px #64b5f6)}}@keyframes shieldPop{0%{transform:scale(.4);opacity:0}25%{transform:scale(1.2);opacity:1}to{opacity:0}}.stars{display:inline-flex;gap:2px;line-height:1}.star{color:var(--surface-3)}.star--on{color:var(--star)}.stars--sm{font-size:14px}.stars--md{font-size:22px}.stars--lg{font-size:48px;gap:8px}.stars--animate .star--on{animation:starPop .5s cubic-bezier(.2,1.6,.4,1) both}.bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar div{height:100%;border-radius:inherit;background:var(--success);transition:width .4s ease}.bar--gold div{background:linear-gradient(90deg,#f5b700,#ffcf33)}.bar--blue div{background:var(--blue)}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 0;color:var(--muted);font-weight:700}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}.skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton{height:36px;border-radius:10px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s infinite}.empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{font-size:56px}.empty p{color:var(--muted);max-width:420px}.big-emoji{font-size:56px;line-height:1}.title-chip{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:13px;padding:3px 10px;border-radius:999px;background:var(--surface-2)}.diff{font-size:12px;font-weight:900;padding:2px 8px;border-radius:6px;color:#fff;margin-right:8px}.diff--easy{background:#43a047}.diff--medium{background:#fb8c00}.diff--hard{background:#e53935}.diff--expert{background:#8e24aa}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a058c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:grid;place-items:center;padding:16px;animation:fade .15s}.modal{width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--surface);border-radius:18px;border:1px solid var(--border);box-shadow:0 20px 60px #00000059;animation:pop .22s cubic-bezier(.2,1.3,.4,1);outline:none}.modal--sm{max-width:400px}.modal--md{max-width:540px}.modal--lg{max-width:760px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0;gap:10px}.modal-body{padding:22px;display:flex;flex-direction:column;gap:14px}.modal-body.center{align-items:center;text-align:center}.result h2{font-size:26px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.result-stats div{background:var(--surface-2);border-radius:12px;padding:10px 6px;display:flex;flex-direction:column}.result-stats strong{font-size:18px;font-weight:900}.result-stats span{font-size:11px;color:var(--muted);font-weight:700}.up{color:var(--success)}.down{color:var(--danger)}.toasts{position:fixed;top:16px;right:16px;z-index:80;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;gap:12px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px #0003;cursor:pointer;animation:slideIn .25s ease-out}.toast strong{display:block;font-size:14px}.toast small{color:var(--muted)}.toast--achievement{border-left-color:var(--gold)}.toast--error{border-left-color:var(--danger)}.toast--info{border-left-color:var(--blue)}.toast-icon{font-size:26px}@media(max-width:760px){.toasts{top:auto;bottom:calc(80px + env(safe-area-inset-bottom));left:16px;right:16px;max-width:none}}.consent{position:fixed;left:calc(var(--sidebar-w) + 16px);right:16px;bottom:16px;z-index:70;display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.consent p{font-size:14px;flex:1}.consent a{color:var(--accent);font-weight:800;text-decoration:underline}@media(max-width:760px){.consent{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}}.board-wrap{position:relative;width:100%}.board{position:relative;width:100%;height:min(calc(100dvh - 72px),920px);min-height:360px;background:var(--board-bg);border-radius:16px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 0 0 1px #6a44281f,var(--shadow);--arrow: #6a4428}.board-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:3%;transform-origin:0 0;will-change:transform}.board-svg{width:100%;height:100%;overflow:visible;display:block}.board-dots circle{fill:var(--board-dot)}.arrow{cursor:pointer}.arrow-hit{fill:none;stroke:transparent;stroke-width:34;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}.arrow-line{fill:none;stroke:var(--arrow);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .12s}.arrow-head{fill:var(--arrow);pointer-events:none;transition:fill .12s}@media(hover:hover){.arrow:hover .arrow-line{stroke:color-mix(in srgb,var(--arrow) 60%,#e07b00);stroke-width:7.5}.arrow:hover .arrow-head{fill:color-mix(in srgb,var(--arrow) 60%,#e07b00)}}.arrow--red .arrow-line,.board .arrow--red:hover .arrow-line{stroke:#e53935}.arrow--red .arrow-head,.board .arrow--red:hover .arrow-head{fill:#e53935}.arrow--hint .arrow-line{stroke:#e53935;animation:blink .22s 4 alternate}.arrow--hint .arrow-head{fill:#e53935;animation:blinkFill .22s 4 alternate}@keyframes blinkFill{to{fill-opacity:.3}}.arrow-fx{pointer-events:none}.board--disabled .arrow{cursor:default;pointer-events:none}.board-zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px}.board-zoom button{width:36px;height:36px;border-radius:10px;border:0;background:#ffffffd9;color:#6a4428;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 2px 6px #0000001f}.board-zoom button:disabled{opacity:.4}.board-hint{text-align:center;color:var(--muted);font-weight:700;font-size:13px;margin-top:8px;animation:fade .6s}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.game-board-col{min-width:0;display:flex;flex-direction:column;gap:10px}.game-board-col .board{height:min(calc(100dvh - 60px),940px)}.duel-board,.duel-board .board-wrap{position:relative}.duel-bar~.duel-board .board,.duel-bar~.game-mobile-stats~.duel-board .board{height:min(calc(100dvh - 190px),860px)}.game-panel{position:sticky;top:18px;display:flex;flex-direction:column;gap:16px}.game-panel-head h1{font-size:28px;margin:4px 0}.game-panel-sub{display:flex;align-items:center;flex-wrap:wrap}.game-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-stat{background:var(--surface-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.game-stat strong{font-size:24px}.game-progress{display:flex;flex-direction:column;gap:6px}.star-targets{background:var(--surface-2);border-radius:12px;padding:12px}.star-targets ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.star-targets li.on{color:var(--text);font-weight:800}.game-controls,.game-mobile-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.game-mobile-controls{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.ctrl{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border-radius:12px;border:0;background:var(--surface-2);box-shadow:0 3px 0 var(--surface-3);font-weight:800;font-size:13px;cursor:pointer}.ctrl:hover:not(:disabled){background:var(--surface-3)}.ctrl:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--surface-3)}.ctrl:disabled{opacity:.5;cursor:not-allowed}.ctrl em{position:absolute;top:-6px;right:-4px;font-style:normal;font-size:11px;font-weight:900;background:var(--success);color:#fff;padding:1px 7px;border-radius:999px}.how-to summary{cursor:pointer;font-weight:800;color:var(--muted)}.how-to p{margin-top:8px;font-size:13px;color:var(--muted)}.game-mobile-bar,.game-mobile-stats,.game-mobile-controls{display:none}.timer-pill{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;background:var(--surface-2);padding:4px 10px;border-radius:8px}@media(max-width:960px){.game-layout{grid-template-columns:1fr}.game-panel{display:none}.game-mobile-bar{display:flex;align-items:center;gap:10px}.game-mobile-title{flex:1;display:flex;flex-direction:column;min-width:0}.game-mobile-title strong{font-size:18px;font-weight:900}.game-mobile-title small{display:flex;align-items:center;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden}.game-mobile-stats{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.game-mobile-controls{display:grid}.game-board-col .board,.duel-bar~.duel-board .board,.duel-bar~.game-mobile-stats~.duel-board .board{height:calc(100dvh - 300px);min-height:300px}}@media(max-width:760px){.game-board-col .board,.duel-bar~.duel-board .board,.duel-bar~.game-mobile-stats~.duel-board .board{height:calc(100dvh - 330px - env(safe-area-inset-bottom))}.shell--game .game-board-col>.board-wrap .board{height:calc(100dvh - 268px - env(safe-area-inset-bottom))}}.duel-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px}.duel-side{display:flex;align-items:center;gap:10px;min-width:0}.duel-side--right{flex-direction:row-reverse;text-align:right}.duel-avatar{position:relative}.duel-info{display:flex;flex-direction:column;min-width:0}.duel-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duel-score{font-size:22px;font-weight:900;line-height:1;display:flex;align-items:baseline;gap:4px}.duel-side--right .duel-score{justify-content:flex-end}.duel-score small{font-size:12px;color:var(--muted)}.duel-score em{font-style:normal;font-size:9px;font-weight:900;background:var(--gold);color:#3a2a00;padding:1px 5px;border-radius:4px}.duel-timer{font-weight:900;font-size:18px;background:var(--surface-2);padding:4px 12px;border-radius:8px}.emote-pop{position:absolute;top:-26px;left:50%;font-size:28px;transform:translate(-50%);animation:emote 2.2s ease-out forwards}.emote-bar{display:flex;justify-content:center;gap:8px}.emote-bar button{font-size:22px;width:46px;height:46px;border-radius:50%;border:0;background:var(--surface-2);cursor:pointer;transition:transform .1s}.emote-bar button:hover:not(:disabled){transform:scale(1.12)}.emote-bar button:disabled{opacity:.4}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#140e0873;border-radius:16px;color:#fff;z-index:5}.countdown-overlay span{font-size:110px;font-weight:900;text-shadow:0 6px 30px rgba(0,0,0,.4);animation:countPop .8s ease-out}.countdown-overlay small{font-weight:800;font-size:16px}.countdown-overlay--soft{background:#140e0840;pointer-events:none}.player-card{display:flex;gap:12px;padding:12px;border-radius:12px;background:var(--surface-2);border-left:4px solid var(--pc)}.player-card-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.player-card-score{font-size:22px;font-weight:900;color:var(--pc)}.player-card .hearts{font-size:15px}.matchmaking,.lobby{max-width:640px;width:100%;margin:24px auto;display:flex;flex-direction:column;align-items:center;gap:22px;padding:32px 24px;text-align:center}.vs-row,.lobby-players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%}.vs-player,.lobby-slot{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:150px;justify-content:center;animation:pop .35s}.vs-player small{color:var(--muted);font-weight:700}.vs-badge{font-weight:900;font-size:22px;color:#fff;background:linear-gradient(135deg,#e53935,#fb8c00);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 20px #e5393559}.radar{width:84px;height:84px;border-radius:50%;border:3px solid var(--accent);position:relative;animation:radar 1.4s ease-out infinite}.radar--sm{width:56px;height:56px}.lobby-slot{background:var(--surface-2);border-radius:14px;padding:16px 10px;border:2px solid transparent}.lobby-slot--ready{border-color:var(--success)}.lobby-slot--empty{border-style:dashed;border-color:var(--surface-3)}.ready-tag{font-size:11px;font-weight:900;letter-spacing:.06em;color:var(--muted)}.lobby-slot--ready .ready-tag{color:var(--success)}.room-code{display:flex;gap:8px;border:0;background:none;cursor:pointer;padding:0}.room-code span{width:64px;height:76px;border-radius:14px;background:var(--surface-2);box-shadow:0 4px 0 var(--surface-3);display:grid;place-items:center;font-size:40px;font-weight:900;font-family:ui-monospace,Menlo,Consolas,monospace}.lobby-foot{width:100%}.lobby-foot span{display:inline-flex;align-items:center;gap:6px}.friend-setup{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}.friend-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;margin-top:18px;align-items:stretch}.friend-box{background:var(--surface-2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.friend-box h3{margin:0}.friend-or{align-self:center;color:var(--muted);font-weight:800}.join-form{display:flex;gap:8px}.code-input{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:22px;letter-spacing:.3em;text-transform:uppercase;text-align:center;background:var(--surface)}@media(max-width:860px){.friend-setup,.friend-actions{grid-template-columns:1fr}.friend-or{justify-self:center}.room-code span{width:54px;height:64px;font-size:32px}}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--gold) 14%,transparent),transparent 55%),var(--surface)}.hero-player{display:flex;align-items:center;gap:16px}.hero-player h1{margin:2px 0 6px}.hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:10px}.hero-stats div{background:var(--surface-2);border-radius:12px;padding:10px 16px;text-align:center;display:flex;flex-direction:column}.hero-stats strong{font-size:22px;font-weight:900}.hero-stats span{font-size:12px;color:var(--muted);font-weight:700}@media(max-width:640px){.hero-stats{grid-template-columns:repeat(2,1fr);width:100%}}.banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);font-size:14px}.banner>span:nth-child(2){flex:1}.banner-emoji{font-size:28px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.home-main,.home-side{display:flex;flex-direction:column;gap:20px}@media(max-width:1000px){.home-grid{grid-template-columns:1fr}}.play-card{display:flex;align-items:center;gap:20px;padding:22px 24px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#7b5233,#4e342e 70%);border:2px solid var(--peach, #e8a76b);box-shadow:0 6px #3b2314,0 14px 30px #6a44284d;transition:transform .12s,box-shadow .12s}.play-card:hover{transform:translateY(-2px)}.play-card:active{transform:translateY(3px);box-shadow:0 2px #3b2314}.play-card h2{font-size:26px}.play-card p{opacity:.85;font-weight:700;margin-top:4px}.play-card>div:nth-child(2){flex:1}.play-card-art{width:96px;height:96px;border-radius:18px;background:#ffffff24;display:grid;place-items:center;flex-shrink:0}.play-card-cta{width:56px;height:56px;border-radius:50%;background:#fff3;display:grid;place-items:center;flex-shrink:0}@media(max-width:560px){.play-card{padding:18px;gap:14px}.play-card-art{width:64px;height:64px}.play-card-art svg{width:54px}.play-card h2{font-size:20px}.play-card-cta{display:none}}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.mode-grid{grid-template-columns:1fr}}.mode-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .12s,border-color .12s}.mode-card:hover{transform:translateY(-2px);border-color:var(--surface-3)}.mode-card>svg{color:var(--muted)}.mode-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.mode-icon--purple{background:#8e24aa26}.mode-icon--blue{background:#1e88e526}.mode-icon--green{background:#43a04726}.mode-icon--gold{background:var(--gold-soft)}.mode-text{flex:1;display:flex;flex-direction:column;min-width:0}.mode-text small{color:var(--muted);font-weight:700}.mini-achievements{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.mini-achievements li{display:flex;gap:12px;align-items:center}.mini-achievements li>div{flex:1;display:flex;flex-direction:column;gap:4px}.ach-icon{width:40px;height:40px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:20px;flex-shrink:0}.reward-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reward-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:12px;background:var(--surface-2);text-align:center;border:2px solid transparent}.reward-tile span{font-size:30px}.reward-tile small{color:var(--muted);font-weight:700}.reward-tile--ready{border-color:var(--gold);background:var(--gold-soft);animation:glow 1.8s ease-in-out infinite}.mini-board{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.mini-board li{display:flex;align-items:center;gap:10px}.mini-board-name{flex:1;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-board-score{font-weight:900;color:var(--star)}.rank{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:13px;background:var(--surface-2);flex-shrink:0}.rank--1{background:#f5b700;color:#3a2a00}.rank--2{background:#b0bec5;color:#263238}.rank--3{background:#d7955b;color:#3e2410}.skin-current{display:flex;align-items:center;gap:16px;background:var(--board-bg);color:#3a2a1a;border-radius:12px;padding:12px 16px}.skin-current small{display:block}.levels-summary{display:flex;flex-direction:column;gap:10px}.level-block-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.level-block-head h2{font-size:17px}.block-stars{font-weight:900;color:var(--star)}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:560px){.level-grid{grid-template-columns:repeat(3,1fr)}}.level-tile{position:relative;height:108px;border-radius:14px;border:0;background:var(--surface);box-shadow:0 4px 0 var(--surface-3),var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .1s}.level-tile:hover{transform:translateY(-2px)}.level-tile:active{transform:translateY(2px);box-shadow:0 1px 0 var(--surface-3)}.level-num{font-size:26px;font-weight:900}.level-meta,.level-time{font-size:11px;color:var(--muted);font-weight:700}.level-tile--done{background:linear-gradient(180deg,color-mix(in srgb,var(--success) 12%,var(--surface)),var(--surface))}.level-tile--locked{opacity:.55;background:var(--surface-2)}.level-tile--next{outline:3px solid var(--accent);outline-offset:2px}.level-badge{position:absolute;top:-8px;right:-6px;background:var(--accent);color:#fff;font-size:10px;font-weight:900;padding:2px 7px;border-radius:6px}.gate{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--muted);padding:10px 12px;border-radius:10px;border:1px dashed var(--surface-3)}.gate--open{color:var(--success);border-color:color-mix(in srgb,var(--success) 50%,transparent)}.daily-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}@media(max-width:900px){.daily-grid{grid-template-columns:1fr}}.daily-hero{display:flex;flex-direction:column;gap:14px}.daily-preview .board{height:380px;min-height:0}@media(max-width:760px){.daily-preview .board{height:280px}}.daily-side{display:flex;flex-direction:column;gap:16px}.countdown{font-size:40px;font-weight:900;font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.02em}.stat-list{display:flex;flex-direction:column;gap:10px}.stat-list div{display:flex;justify-content:space-between;gap:10px}.arena-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.arena-stats div{display:flex;flex-direction:column}.arena-stats strong{font-size:26px;font-weight:900}.arena-stats span{color:var(--muted);font-size:13px;font-weight:700}.arena-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.arena-card{border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .12s}.arena-card:hover{transform:translateY(-3px)}.arena-card p{color:var(--muted);flex:1}.arena-card--quick{background:linear-gradient(160deg,rgba(30,136,229,.18),var(--surface) 60%)}.arena-card--friend{background:linear-gradient(160deg,rgba(67,160,71,.18),var(--surface) 60%)}.arena-emoji{font-size:40px}.arena-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.arena-modes,.arena-bottom{grid-template-columns:1fr}.arena-stats strong{font-size:20px}}.history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.history li{display:flex;align-items:center;gap:12px}.history-main{flex:1;display:flex;flex-direction:column;min-width:0}.outcome{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:900;color:#fff;flex-shrink:0}.outcome--win{background:var(--success)}.outcome--loss{background:var(--danger)}.outcome--draw{background:var(--muted)}.delta{font-weight:900;font-size:13px;white-space:nowrap}.delta--up{color:var(--success)}.delta--down{color:var(--danger)}.podium{display:flex;justify-content:center;align-items:flex-end;gap:14px;padding-top:10px}.podium-spot{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:160px}.podium-spot strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-medal{font-size:28px}.podium-score{font-weight:900;color:var(--star)}.podium-base{width:100%;margin-top:6px;border-radius:12px 12px 0 0;background:var(--surface-2);display:grid;place-items:center;font-size:30px;font-weight:900;color:var(--muted)}.podium-spot--1 .podium-base{height:110px;background:linear-gradient(180deg,rgba(245,183,0,.35),var(--surface-2))}.podium-spot--2 .podium-base{height:80px}.podium-spot--3 .podium-base{height:60px}@media(max-width:560px){.podium{gap:6px}.podium-spot{width:33%}}.table-card{padding:6px 0}.lb-row{display:grid;grid-template-columns:50px 1fr 80px 110px;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--border)}.lb-row:last-child{border-bottom:0}.lb-row--head{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.lb-player{display:flex;align-items:center;gap:10px;min-width:0}.lb-player span{display:flex;flex-direction:column;min-width:0}.lb-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:900;text-align:right}@media(max-width:560px){.lb-row{grid-template-columns:40px 1fr 90px;padding:10px 12px}.hide-sm{display:none}}.you-row{position:sticky;bottom:16px;display:flex;align-items:center;gap:12px;border:2px solid var(--accent)}.you-row>div{flex:1;display:flex;flex-direction:column}.you-score{font-weight:900}@media(max-width:760px){.you-row{bottom:calc(80px + env(safe-area-inset-bottom))}}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.skin-tile{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.skin-tile--active{border-color:var(--accent)}.skin-tile p{flex:1}.skin-art{background:var(--board-bg);border-radius:12px;height:120px;display:grid;place-items:center;box-shadow:inset 0 0 40px var(--glow, transparent)}.tier-tag{position:absolute;top:24px;left:24px;z-index:1;font-size:10px;font-weight:900;letter-spacing:.08em;padding:2px 8px;border-radius:6px;background:#8d6e63;color:#fff}.tier--rare .tier-tag{background:#0097a7}.tier--epic .tier-tag{background:#8e24aa}.booster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.booster-tile{display:flex;align-items:center;gap:14px}.booster-tile img{border-radius:12px;flex-shrink:0}.booster-main{flex:1;display:flex;flex-direction:column;gap:2px}.owned-tag{font-size:12px;font-weight:800;color:var(--success)}.earn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.earn-grid a{padding:12px;border-radius:10px;background:var(--surface-2);font-weight:700;font-size:14px}.earn-grid a:hover{background:var(--surface-3)}@media(max-width:640px){.earn-grid{grid-template-columns:1fr}}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.cal-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:12px;background:var(--surface-2);border:2px solid transparent;text-align:center}.cal-label{font-size:11px;font-weight:900;color:var(--muted)}.cal-icon{font-size:26px}.cal-reward{font-size:11px;font-weight:800}.cal-day--done{opacity:.55}.cal-day--done .cal-icon{color:var(--success);font-weight:900}.cal-day--today{border-color:var(--gold);background:var(--gold-soft);animation:glow 1.8s ease-in-out infinite}.cal-day--mega{background:linear-gradient(160deg,rgba(245,183,0,.25),var(--surface-2))}@media(max-width:640px){.calendar{grid-template-columns:repeat(4,1fr)}.cal-day--mega{grid-column:span 2}}.spin-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center}@media(max-width:760px){.spin-layout{grid-template-columns:1fr;justify-items:center}}.wheel-wrap{position:relative;width:300px;max-width:100%;aspect-ratio:1}.wheel{width:100%;height:100%;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid var(--danger);z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.spin-side{display:flex;flex-direction:column;gap:14px;width:100%}.odds{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:13px;font-weight:700}.odds li{display:flex;align-items:center;gap:8px}.odds li span{margin-left:auto}.odds i{width:10px;height:10px;border-radius:3px}.profile-hero{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.profile-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:220px}.rank-progress{width:100%;max-width:360px;display:flex;flex-direction:column;gap:4px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.stat{display:flex;flex-direction:column;gap:2px;padding:14px 16px}.stat strong{font-size:22px;font-weight:900}.stat span{font-size:12px;color:var(--muted);font-weight:700}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.ach{display:flex;gap:14px;align-items:flex-start;opacity:.85}.ach--unlocked{opacity:1;border-color:color-mix(in srgb,var(--gold) 50%,var(--border))}.ach--claimed{opacity:.75}.ach-main{flex:1;display:flex;flex-direction:column;gap:6px}.ach-cat{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.avatar-tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 10px;border-radius:14px;border:2px solid var(--border);background:var(--surface);cursor:pointer}.avatar-tile:hover:not(:disabled){border-color:var(--surface-3)}.avatar-tile--selected{border-color:var(--accent)}.avatar-tile--locked{opacity:.5;cursor:not-allowed;filter:grayscale(.7)}.learn-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:900px){.learn-grid{grid-template-columns:1fr}}.tutorial{display:flex;flex-direction:column;gap:12px}.tutorial-steps{display:flex;gap:8px}.tut-dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--surface-3);background:var(--surface-2);font-weight:900;cursor:pointer}.tut-dot.active{border-color:var(--accent);color:var(--accent)}.tut-dot.done{background:var(--accent);border-color:var(--accent);color:#fff}.tutorial-board .board{height:340px;min-height:0}.tutorial-done{display:flex;flex-direction:column;gap:12px}.learn-rules{display:flex;flex-direction:column;gap:10px}.rule{display:flex;gap:14px;padding:14px}.rule-icon{font-size:24px;width:36px;text-align:center;color:var(--accent)}.kbd-help{display:flex;flex-direction:column;gap:6px;font-size:13px}kbd{display:inline-block;min-width:22px;padding:1px 6px;border-radius:5px;background:var(--surface-2);box-shadow:0 2px 0 var(--surface-3);font-family:inherit;font-weight:900;font-size:12px;text-align:center}.settings .card{display:flex;flex-direction:column;gap:10px}.toggle-row,.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-weight:700;border-bottom:1px solid var(--border)}.toggle-row:last-child,.settings-row:last-child{border-bottom:0}.toggle-row{cursor:pointer;position:relative}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.switch{width:46px;height:26px;border-radius:999px;background:var(--surface-3);position:relative;transition:background .2s;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.toggle-row input:checked+.switch{background:var(--accent)}.toggle-row input:checked+.switch:after{transform:translate(20px)}.toggle-row input:focus-visible+.switch{outline:3px solid var(--gold);outline-offset:2px}.links-card a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-weight:800}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.92);opacity:0}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}}@keyframes slideIn{0%{transform:translate(24px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes starPop{0%{transform:scale(0) rotate(-40deg);opacity:0}}@keyframes blink{to{stroke-opacity:.35}}@keyframes glow{50%{box-shadow:0 0 0 4px var(--gold-soft)}}@keyframes radar{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 30px transparent}}@keyframes countPop{0%{transform:scale(1.8);opacity:0}}@keyframes emote{0%{transform:translate(-50%,10px) scale(.4);opacity:0}15%{transform:translate(-50%) scale(1.2);opacity:1}80%{opacity:1}to{transform:translate(-50%,-24px) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal,.sheet,.toast,.consent,.welcome{background:var(--surface-solid)}.play-card h2,.play-card p{color:#fff}.play-card p{color:#e8c5a8}.play-card-cta{background:var(--peach, #e8a76b);color:#3b2314}.arena-card--quick{background:linear-gradient(160deg,#4e342e,var(--espresso) 70%);border-color:var(--gold)}.arena-card--quick h2{color:var(--gold)}.arena-card--quick p{color:#ffe082}.mode-card--dark{background:var(--espresso);border-color:var(--gold)}.mode-card--dark strong{color:var(--gold)}.mode-card--dark small{color:#ffe082}.hero{background:radial-gradient(circle at 0 0,var(--hero-glow),transparent 55%),var(--surface)}.sidebar .nav-link.active{background:var(--surface-solid);box-shadow:var(--shadow);color:var(--title)}.title-chip{background:var(--accent-soft)}.welcome-logo{border-radius:20px;box-shadow:0 8px 24px #6a442840}.accent-text{color:var(--accent)}.welcome-field{width:100%;text-align:left}.check-row{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:13px;color:var(--muted);cursor:pointer}.check-row input{margin-top:3px;accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}.check-row a{color:var(--accent);font-weight:800;text-decoration:underline}.player-pills{display:flex;gap:8px;align-items:center}.star-pill{font-weight:900;font-size:13px;color:var(--star)}.topbar .star-pill{color:var(--title)}.board-stage{position:relative}.combo-pop{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:baseline;padding:6px 16px;border-radius:999px;background:var(--espresso);border:2px solid var(--gold);color:var(--gold);pointer-events:none;z-index:4;animation:comboPop 1.1s ease-out forwards}.combo-pop strong{color:var(--gold);font-size:18px}.combo-pop span{color:#ffe082;font-weight:900}@keyframes comboPop{0%{transform:translate(-50%,10px) scale(.6);opacity:0}15%{transform:translate(-50%) scale(1.1);opacity:1}75%{opacity:1}to{transform:translate(-50%,-14px) scale(1);opacity:0}}.tap-bubble{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:14px;background:var(--surface-3);color:var(--accent);font-weight:900;font-size:18px;box-shadow:var(--shadow);pointer-events:none;animation:bob 1.4s ease-in-out infinite;z-index:3}@keyframes bob{50%{transform:translate(-50%,-6px)}}.arrow--suggest .arrow-line{stroke:var(--accent);animation:suggest 1.2s ease-in-out infinite}.arrow--suggest .arrow-head{fill:var(--accent)}@keyframes suggest{50%{stroke-width:9}}.pause-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:16px;background:var(--bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;color:var(--title);animation:fade .2s}.panel-toggles{display:flex;gap:6px}.chip-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);display:grid;place-items:center;cursor:pointer}.chip-btn.on{color:var(--accent)}.chip-btn:disabled{opacity:.4;cursor:default}.note--red{background:#e539351a;color:#c62828}.note--gold{background:var(--gold-soft);color:var(--title);border:1px solid var(--gold);width:100%}.kbd-line{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.victory{position:relative;overflow:hidden}.confetti{position:absolute;left:50%;top:90px;width:0;height:0;pointer-events:none}.confetti i{position:absolute;border-radius:2px;opacity:0;animation:confetti 1.3s cubic-bezier(.15,.7,.3,1) forwards}@keyframes confetti{0%{transform:translate(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translate(var(--x),calc(var(--y) + 60px)) rotate(var(--r));opacity:0}}.review{width:100%;text-align:left;background:var(--surface-2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.review-head{display:flex;align-items:center;gap:10px}.review-head>div:nth-child(2){flex:1;display:flex;flex-direction:column}.review-badge{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:20px;background:var(--surface-solid)}.review-acc{display:flex;flex-direction:column;align-items:flex-end}.review-acc strong{font-size:22px;font-weight:900;color:var(--title)}.review-meter{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.review-meter div{height:100%;border-radius:inherit;background:var(--success)}.review--brilliant .review-badge{background:#e0f7fa}.review--brilliant strong:first-child{color:#00838f}.review--inaccurate .review-meter div{background:#fb8c00}.review--rough .review-meter div{background:var(--danger)}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}.mini-cal{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:10px;background:var(--surface-2);font-size:18px;border:2px solid transparent}.mini-cal small{font-size:10px;font-weight:900;color:var(--muted)}.mini-cal--today{border-color:var(--gold);background:var(--gold-soft)}.mini-cal--done{opacity:.55;color:var(--success);font-weight:900}.mode-card--dark:hover{border-color:var(--gold)}.mode-card--dark>svg{color:var(--gold)}.rush-lobby{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:860px){.rush-lobby{grid-template-columns:1fr}}.rush-hero{display:flex;flex-direction:column;gap:14px;background:radial-gradient(circle at 100% 0,var(--hero-glow),transparent 60%),var(--surface)}.rush-clock{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:64px;font-weight:900;color:var(--accent);line-height:1}.rush-side{display:flex;flex-direction:column;gap:16px}.rush-bar{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px 12px}.rush-time{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:26px;font-weight:900;color:var(--title)}.rush-time--low{color:var(--danger);animation:blinkText 1s steps(2) infinite}@keyframes blinkText{50%{opacity:.45}}.rush-score{flex:1;color:var(--muted);font-weight:700}.rush-score strong{font-size:22px;color:var(--title)}.rush-strikes{display:flex;gap:4px;align-items:center}.rush-strikes i{font-style:normal;font-weight:900;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--surface-3)}.rush-strikes i.on{background:var(--danger);color:#fff;animation:pop .3s}.rush-strikes--panel span{margin-left:6px}.board-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.board-theme{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:12px;border:2px solid var(--border);background:var(--surface-2);font-weight:800;font-size:13px;cursor:pointer}.board-theme.active{border-color:var(--accent)}.board-theme-swatch{width:100%;height:64px;border-radius:8px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #6a44281f}.danger-card{border-color:#d32f2f4d}.danger-card .btn{align-self:flex-start}.stats-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1}.chart-gate{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}.chart-axis{fill:var(--muted);font-size:11px;font-weight:700}.chart-line{fill:none;stroke:var(--chart);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--chart);stroke:var(--surface-solid);stroke-width:2}.chart-cross{stroke:var(--muted);stroke-width:1}.chart-bar{fill:var(--chart)}.chart-tip{position:absolute;top:0;transform:translate(-50%,-100%);background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:6px 10px;font-size:12px;display:flex;flex-direction:column;pointer-events:none;white-space:nowrap}.chart-tip strong{color:var(--text)}.chart-tip span{color:var(--muted)}html{-webkit-tap-highlight-color:transparent}button,a,.ctrl,.tab,.level-tile,.mode-card,[role=button]{touch-action:manipulation}body.in-game{overscroll-behavior:none}.game-layout,.board,.tabbar,.sidebar,.duel-bar,.rush-bar{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.main{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-width:760px){.topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.shell--game .main{padding-top:env(safe-area-inset-top)}.toasts{top:max(12px,env(safe-area-inset-top));bottom:auto}input,select,textarea,.field input,.name-form input{font-size:16px}.code-input{font-size:22px}}.modal-backdrop{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}@media(pointer:coarse){.icon-btn{width:44px;height:44px}.chip-btn{width:40px;height:40px}.board-zoom button{width:44px;height:44px}.segmented button{min-height:40px}.btn--sm{min-height:38px}.emote-bar button{width:50px;height:50px}.nav-link,.sheet-item{min-height:48px}.link.small{display:inline-block;padding:6px 0}.board-hint{font-size:14px}}@media(display-mode:standalone){.nav-link--app{display:none}}@media(max-width:960px)and (orientation:landscape)and (max-height:520px){.shell--game .tabbar{display:none}.shell--game .main{padding-bottom:env(safe-area-inset-bottom);padding-top:0}.page--game{padding:6px 8px}.game-board-col{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr);column-gap:12px;row-gap:8px;align-content:start}.game-board-col>*{grid-column:1}.game-board-col>.board-stage,.game-board-col>.duel-board,.game-board-col>.board-wrap{grid-column:2;grid-row:1 / span 8}.game-board-col .board,.shell--game .game-board-col>.board-wrap .board,.duel-bar~.duel-board .board,.duel-bar~.game-mobile-stats~.duel-board .board{height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0}.game-mobile-controls{grid-template-columns:repeat(2,1fr)}.duel-bar{grid-template-columns:1fr;gap:6px}.duel-side--right{flex-direction:row;text-align:left}.duel-side--right .duel-score{justify-content:flex-start}.board-hint{display:none}}.install-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow)}.install-banner img{border-radius:10px;flex-shrink:0}.install-banner>div{flex:1;display:flex;flex-direction:column;min-width:0}.install-banner small{color:var(--muted)}.install-steps{color:var(--text)}.ios-share{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:var(--surface-2);color:var(--blue);font-size:13px}.sheet-foot .btn{margin-bottom:6px}.announcement{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:var(--gold-soft);border:1px solid var(--gold);color:var(--title);font-weight:700}.announcement-icon{font-size:22px}.announcement-text{flex:1}.sidebar .brand-name{font-size:19px;white-space:nowrap}