:root{--paper-0: #fff;--paper-50: #faf9f7;--paper-100: #f3f1ec;--paper-200: #e6e2d9;--paper-300: #cdc7ba;--ink-900: #1a1917;--ink-800: #2c2a26;--ink-700: #46423b;--ink-500: #656057;--ink-300: #8d8579;--teal-600: #0f6f66;--teal-500: #12857a;--teal-100: #d7efec;--red: #f04a44;--yellow: #e4bf11;--green: #6cf791;--blue: #72abe3;--purple: #9d2ef3;--on-red: var(--ink-900);--on-yellow: var(--ink-900);--on-green: var(--ink-900);--on-blue: var(--ink-900);--on-purple: #fff;--surface: var(--paper-0);--surface-sunken: var(--paper-100);--surface-sunken-strong: var(--paper-200);--surface-inverse: var(--ink-900);--text: var(--ink-900);--text-muted: var(--ink-500);--text-inverse: var(--paper-0);--border: var(--paper-300);--border-strong: var(--ink-300);--accent: var(--teal-600);--accent-text: var(--teal-600);--accent-soft: var(--teal-100);--on-accent: var(--paper-0);--focus: var(--teal-600);--surface-high: var(--paper-50);--surface-card: linear-gradient(180deg, #fff, #faf9f7);--border-subtle: #e0dbd0;--border-card: var(--paper-300);--action: #e4bf11;--action-gradient: linear-gradient(180deg, #f0d13f, #e4bf11);--action-shadow: #8a7300;--action-soft: #fdf6da;--action-text: #6b5a00;--danger-surface: #b6413b;--danger-border: #7f2421;--on-danger: #fff;--on-action: var(--ink-900);--shadow-action: 0 5px 0 var(--action-shadow), 0 18px 34px rgb(228 191 17 / 26%);--shadow-action-hover: 0 8px 0 var(--action-shadow), 0 22px 40px rgb(228 191 17 / 30%);--shadow-hard: 0 6px 0 rgb(45 41 38 / 18%);--shadow-hard-hover: 0 9px 0 rgb(45 41 38 / 22%);--shadow-card-raised: 0 18px 40px rgb(45 41 38 / 12%), inset 0 1px 0 rgb(255 255 255 / 60%);--shadow-cell: inset 0 -3px 0 rgb(0 0 0 / 14%), inset 0 2px 0 rgb(255 255 255 / 45%);--board-halo: 0 0 60px rgb(15 111 102 / 10%);--wordmark-fill: #fff;--wordmark-stroke: var(--ink-900);--wordmark-shadow: 4px 5px 0 #e4bf11;--border-key: var(--ink-900);--accent-rgb: 15 111 102;--action-rgb: 228 191 17;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--elevation-1: 0 1px 2px rgb(26 25 23 / 6%), 0 2px 8px rgb(26 25 23 / 5%);--elevation-2: 0 2px 4px rgb(26 25 23 / 7%), 0 8px 20px rgb(26 25 23 / 7%);--elevation-3: 0 6px 12px rgb(26 25 23 / 9%), 0 18px 44px rgb(26 25 23 / 10%);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--ease-out: cubic-bezier(.2, .8, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--press-scale: .97;--board-gap: var(--ink-900);--curve-line: var(--accent);--curve-area: var(--accent-soft);--page-top: #fbfaf8;--page-bottom: #ece8e0;--page-glow-1: rgb(255 255 255 / 82%);--page-glow-2: rgb(15 111 102 / 7%);--page-dot: rgb(26 25 23 / 9%);--shade-rgb: 45 41 38;--status-success: #1f6b3f;--status-danger: #a32e2a;--status-gold: #8a5c00;--surface-rgb: 255 255 255;--ink: var(--text);--muted: var(--text-muted);--cream: var(--surface-sunken);--cream-deep: var(--surface-sunken-strong);--card: var(--surface);--line: var(--border);--line-strong: var(--border-strong);--shadow: var(--elevation-1);--font-display: "Nunito", "Avenir Next Rounded", ui-rounded, system-ui, sans-serif;--font-ui: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--text);background:var(--surface-sunken);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light}[data-theme=dark]{--surface: #171b21;--surface-sunken: #101318;--surface-sunken-strong: #0e1013;--surface-inverse: var(--paper-50);--text: #f0eeea;--text-muted: #a8a49c;--text-inverse: var(--ink-900);--border: #41464f;--border-strong: #7d838e;--accent: #3fc7b4;--accent-text: #5fd8c6;--accent-soft: #16332f;--on-accent: #08201d;--focus: #5fd8c6;--surface-high: #12151a;--surface-card: linear-gradient(180deg, #1c2027, #161a20);--border-subtle: #21262e;--border-card: #2a2f38;--action: #ebc41f;--action-gradient: linear-gradient(180deg, #f3d13a, #ebc41f);--action-shadow: #8a7300;--action-soft: #241f14;--action-text: #ebc41f;--danger-surface: #2a1a1a;--danger-border: rgb(236 79 67 / 45%);--on-danger: #ff8b81;--on-action: var(--ink-900);--shadow-action: 0 5px 0 #8a7300, 0 18px 34px rgb(235 196 31 / 22%);--shadow-action-hover: 0 8px 0 #8a7300, 0 22px 40px rgb(235 196 31 / 26%);--shadow-hard: 0 6px 0 #191d23;--shadow-hard-hover: 0 9px 0 #191d23;--shadow-card-raised: 0 18px 40px rgb(0 0 0 / 45%), inset 0 1px 0 rgb(255 255 255 / 6%);--shadow-cell: inset 0 -3px 0 rgb(0 0 0 / 22%), inset 0 2px 0 rgb(255 255 255 / 20%);--board-halo: 0 0 60px rgb(63 199 180 / 10%);--wordmark-fill: #0b0d10;--wordmark-stroke: #ebc41f;--wordmark-shadow: 0 0 40px rgb(235 196 31 / 35%), 5px 6px 0 #2a2f38;--border-key: #41464f;--accent-rgb: 63 199 180;--action-rgb: 235 196 31;--red: #ec4f43;--yellow: #ebc41f;--green: #7ff4a8;--blue: #57abed;--purple: #870af3;--on-red: var(--ink-900);--on-yellow: var(--ink-900);--on-green: var(--ink-900);--on-blue: var(--ink-900);--on-purple: #fff;--board-gap: #05070a;--page-top: #12151a;--page-bottom: #0b0d10;--page-glow-1: rgb(63 199 180 / 13%);--page-glow-2: rgb(235 196 31 / 9%);--page-dot: rgb(255 255 255 / 6%);--shade-rgb: 0 0 0;--status-success: #6fdc9a;--status-danger: #ff9a92;--status-gold: #f0c44f;--surface-rgb: 23 27 33;--elevation-1: 0 1px 2px rgb(0 0 0 / 40%), 0 2px 8px rgb(0 0 0 / 30%);--elevation-2: 0 2px 4px rgb(0 0 0 / 45%), 0 8px 20px rgb(0 0 0 / 38%);--elevation-3: 0 6px 12px rgb(0 0 0 / 50%), 0 18px 44px rgb(0 0 0 / 45%);color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;overflow-x:clip;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 78% 8%,var(--page-glow-1) 0 8rem,transparent 24rem),radial-gradient(circle at 8% 90%,var(--page-glow-2) 0 6rem,transparent 22rem),linear-gradient(180deg,var(--page-top) 0%,var(--page-bottom) 100%);background-attachment:fixed}body:before{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(var(--page-dot) .6px,transparent .6px);background-size:14px 14px;content:"";opacity:.28;pointer-events:none}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;font:inherit}button:not([aria-disabled=true]){cursor:pointer}button:focus-visible,a:focus-visible,[role=switch]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{margin:0}h1,h2,h3,legend,.brand,.section-kicker,.section-heading{font-family:var(--font-display)}.icon{flex:none;width:1.05em;height:1.05em;vertical-align:-.15em}@media(prefers-reduced-motion:no-preference){button:not([aria-disabled=true]):not(:disabled):active{transform:scale(var(--press-scale))}button{transition:transform var(--duration-fast) var(--ease-spring),background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}}.theme-switching,.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:none!important}.game-shell[data-animation-mode=OFF] button{transition:none}.game-shell[data-animation-mode=OFF] button:active{transform:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.card{min-width:0;border:1px solid var(--border-card);border-radius:22px;background:var(--surface-card);box-shadow:var(--shadow-card-raised)}.game-shell{width:min(calc(100% - 24px),1220px);margin-inline:auto;padding-block:clamp(14px,2.4vw,34px) 20px}.game-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.brand{display:inline-flex;align-items:center;min-height:48px;gap:11px;color:var(--ink);text-decoration:none}.brand__mark{display:grid;grid-template-columns:repeat(3,11px);grid-template-rows:repeat(2,11px);gap:3px;padding:8px;border:1.5px solid var(--ink);border-radius:14px;background:var(--card);box-shadow:2px 3px rgb(var(--shade-rgb) / 10%);transform:rotate(-3deg)}.brand__mark i{display:block;border:1px solid rgb(var(--shade-rgb) / 22%);border-radius:4px}.brand__mark i:nth-child(1){background:var(--red)}.brand__mark i:nth-child(2){background:var(--blue)}.brand__mark i:nth-child(3){background:var(--yellow)}.brand__mark i:nth-child(4){background:var(--green)}.brand__mark i:nth-child(5){background:var(--purple)}.brand b,.brand small{display:block}.brand b{font-size:clamp(1.05rem,2.3vw,1.38rem);font-weight:900;letter-spacing:-.035em;line-height:1.05}.brand small{margin-top:3px;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.035em}.game-header__badge{flex:0 0 auto;padding:8px 12px;border:1.5px solid var(--line);border-radius:999px;color:var(--muted);background:rgb(var(--surface-rgb) / 74%);font-size:.72rem;font-weight:850;text-transform:uppercase}.section-kicker{color:var(--muted);font-size:.69rem;font-weight:900;letter-spacing:.09em;line-height:1.25;text-transform:uppercase}.turn-indicator{display:grid;grid-template-columns:minmax(108px,148px) minmax(0,1fr);align-items:center;min-height:126px;margin-bottom:14px;padding:10px clamp(14px,3vw,28px) 10px 8px;overflow:hidden;background:linear-gradient(115deg,rgb(255 255 255 / 84%),transparent 52%),var(--card);animation:turn-indicator-enter .28s ease-out both}.turn-indicator__copy{min-width:0}.turn-indicator h1{margin-top:4px;font-size:clamp(1.22rem,3vw,1.85rem);font-weight:950;letter-spacing:-.045em;line-height:1.05}.turn-indicator__limit{margin-top:8px;color:var(--muted);font-size:.76rem;font-weight:700}.swap-notice{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);background:var(--surface-sunken);font-size:.76rem;font-weight:750;text-align:center}.mascot{position:relative;display:grid;place-items:center;min-width:0}.mascot__figure{width:clamp(100px,13vw,128px);aspect-ratio:1;animation:mascot-breathe 2.8s ease-in-out infinite}.mascot svg{display:block;width:100%;overflow:visible}.mascot__body{fill:var(--ink);filter:drop-shadow(0 5px 3px rgb(var(--shade-rgb) / 13%))}.mascot__antenna,.mascot__limb{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:6}.mascot__antenna{stroke-width:4}.mascot__eye{fill:var(--surface)}.mascot__pupil{fill:var(--ink);transition:cx .18s ease,cy .18s ease}.mascot__glint{fill:var(--surface);transition:cx .18s ease,cy .18s ease}.mascot__mouth,.mascot__eye-line{fill:none;stroke:var(--surface);stroke-linecap:round;stroke-width:3.5}.mascot__eye-line{stroke-width:5}.mascot__mouth-fill{fill:var(--surface)}.mascot__crown{fill:var(--yellow);stroke:var(--ink);stroke-linejoin:round;stroke-width:2.5;transform-box:fill-box;transform-origin:center bottom;animation:crown-arrive 1.5s cubic-bezier(.2,.8,.3,1.2) both}.mascot__thoughts,.mascot__sparkles,.mascot__warning{fill:var(--yellow);stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.mascot__sparkles{fill:none;stroke:var(--yellow);stroke-width:4}.mascot__warning{fill:none;stroke:var(--red);stroke-width:5}.mascot[data-emotion=happy] .mascot__figure{animation:mascot-celebrate .7s cubic-bezier(.2,.9,.3,1.2) both}.mascot[data-emotion=victory] .mascot__figure{animation:mascot-victory 1.5s cubic-bezier(.25,.8,.3,1) both}.mascot[data-emotion=warning] .mascot__figure{animation:mascot-warning .6s ease-in-out both}.mascot[data-emotion=defeat] .mascot__figure{transform:rotate(4deg) translateY(4px)}.mascot__message{position:absolute;top:2px;left:calc(100% - 15px);z-index:2;width:max-content;max-width:190px;padding:7px 10px;border:1.5px solid var(--ink);border-radius:12px 12px 12px 3px;color:var(--ink);background:var(--surface);box-shadow:2px 3px rgb(var(--shade-rgb) / 10%);font-size:.68rem;font-weight:800;line-height:1.25}.mascot__confetti{position:absolute;inset:-8px;z-index:4;overflow:visible;pointer-events:none}.mascot__confetti i{position:absolute;top:46%;left:50%;width:7px;height:11px;border-radius:2px;background:var(--red);opacity:0;animation:confetti-burst 1.5s cubic-bezier(.15,.65,.25,1) both}.mascot__confetti i:nth-child(2n){background:var(--blue)}.mascot__confetti i:nth-child(3n){background:var(--yellow)}.mascot__confetti i:nth-child(4n){background:var(--green)}.mascot__confetti i:nth-child(5n){background:var(--purple)}.mascot__confetti i:nth-child(1){--confetti-x: -64px;--confetti-y: -48px;--confetti-r: -130deg}.mascot__confetti i:nth-child(2){--confetti-x: -42px;--confetti-y: -72px;--confetti-r: 150deg;animation-delay:40ms}.mascot__confetti i:nth-child(3){--confetti-x: -16px;--confetti-y: -82px;--confetti-r: 230deg;animation-delay:80ms}.mascot__confetti i:nth-child(4){--confetti-x: 18px;--confetti-y: -78px;--confetti-r: -170deg;animation-delay:20ms}.mascot__confetti i:nth-child(5){--confetti-x: 48px;--confetti-y: -62px;--confetti-r: 190deg;animation-delay:70ms}.mascot__confetti i:nth-child(6){--confetti-x: 70px;--confetti-y: -35px;--confetti-r: 260deg;animation-delay:.11s}.mascot__confetti i:nth-child(7){--confetti-x: -76px;--confetti-y: -10px;--confetti-r: 180deg;animation-delay:90ms}.mascot__confetti i:nth-child(8){--confetti-x: 76px;--confetti-y: 2px;--confetti-r: -220deg;animation-delay:.13s}.mascot__confetti i:nth-child(9){--confetti-x: -58px;--confetti-y: 34px;--confetti-r: 250deg;animation-delay:60ms}.mascot__confetti i:nth-child(10){--confetti-x: 58px;--confetti-y: 38px;--confetti-r: -190deg;animation-delay:.1s}.mascot__confetti i:nth-child(11){--confetti-x: -28px;--confetti-y: 54px;--confetti-r: 210deg;animation-delay:.12s}.mascot__confetti i:nth-child(12){--confetti-x: 31px;--confetti-y: 58px;--confetti-r: -260deg;animation-delay:30ms}.mascot__confetti i:nth-child(13){--confetti-x: -82px;--confetti-y: 18px;--confetti-r: 150deg;animation-delay:.15s}.mascot__confetti i:nth-child(14){--confetti-x: 84px;--confetti-y: 22px;--confetti-r: -160deg;animation-delay:50ms}.match-layout{display:grid;grid-template-areas:"player-one player-two" "arena arena";grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0}@media(min-width:1080px){.match-layout{grid-template-areas:"player-one arena player-two";grid-template-columns:250px minmax(0,1fr) 250px;gap:22px;align-items:start}}.match-layout__player-one{grid-area:player-one;min-width:0}.match-layout__player-two{grid-area:player-two;min-width:0}.player-hud{height:100%;padding:12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.player-hud[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / 12%),var(--shadow-card-raised);transform:translateY(-2px)}.player-hud__topline{display:grid;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:8px}.player-hud__avatar{display:grid;width:38px;aspect-ratio:1;place-items:center;border:1.5px solid var(--border-key);border-radius:50%;color:var(--text-inverse);background:var(--surface-inverse);font-size:.88rem;font-weight:1000}.player-hud[data-player=PLAYER_2] .player-hud__avatar{border-radius:11px;color:var(--ink);background:var(--cream-deep)}.player-hud__name{overflow:hidden;font-size:clamp(.73rem,2.8vw,.92rem);font-weight:950;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.player-hud__status{margin-top:1px;color:var(--muted);font-size:.62rem;font-weight:750}.player-hud__active-dot{width:8px;aspect-ratio:1;border:1px solid var(--line-strong);border-radius:50%;background:var(--line)}.player-hud[data-active=true] .player-hud__active-dot{border-color:var(--green);background:var(--green);box-shadow:0 0 0 4px #54bd782b;animation:active-pulse 1.8s ease-in-out infinite}.player-hud__score{display:flex;align-items:baseline;gap:5px;margin-top:11px}.player-hud__score strong{font-size:clamp(1.48rem,5vw,2.2rem);font-weight:950;letter-spacing:-.06em;line-height:1}.player-hud__score span{color:var(--muted);font-size:.66rem;font-weight:750}.player-hud__meta{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:9px}.player-hud__meta>strong{font-size:.78rem;font-weight:950}.player-hud__color{display:inline-flex;align-items:center;min-width:0;gap:5px;color:var(--muted);font-size:.64rem;font-weight:800}.player-hud__color .color-shape{width:12px;color:var(--shape-color)}.player-hud__color--red{--shape-color: var(--red)}.player-hud__color--blue{--shape-color: var(--blue)}.player-hud__color--yellow{--shape-color: var(--yellow)}.player-hud__color--green{--shape-color: var(--green)}.player-hud__color--purple{--shape-color: var(--purple)}.arena{grid-area:arena;min-width:0;padding:clamp(9px,1.6vw,16px);scroll-margin-top:12px}.score-bar{margin:0 auto 9px}.score-bar__row{display:flex;align-items:center;gap:14px}.score-bar__count{flex:0 0 auto;min-width:2.2ch;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:1000;letter-spacing:-.06em;line-height:.9}.score-bar__count--one{color:var(--text);text-align:right}.score-bar__count--two{color:var(--text-muted);text-align:left}.score-bar__track{display:flex;width:100%;height:16px;overflow:hidden;border:1px solid var(--border-card);border-radius:var(--radius-pill);background:var(--surface-sunken-strong)}.score-bar__segment{min-width:0;height:100%;transition:width .48s cubic-bezier(.2,.7,.25,1)}.score-bar__segment--one{background:linear-gradient(180deg,var(--text),var(--text-muted))}.score-bar__segment--neutral{background:repeating-linear-gradient(135deg,var(--border-subtle) 0 6px,var(--surface-high) 6px 12px)}.score-bar__segment--two{background:linear-gradient(180deg,var(--border-strong),var(--border-key))}.score-bar__neutral-note{margin:6px 0 0;color:var(--text-muted);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}.game-board-frame{position:relative;width:100%;max-width:650px;margin-inline:auto}.game-board{display:grid;grid-template-columns:repeat(var(--board-size),minmax(0,1fr));gap:clamp(4px,.6vw,6px);width:100%;padding:clamp(8px,1.2vw,14px);border:1px solid var(--border-card);border-radius:clamp(18px,2.4vw,26px);background:var(--board-gap);box-shadow:var(--board-halo),0 7px rgb(var(--shade-rgb) / 9%)}.game-board__row{display:contents}.board-cell{position:relative;display:grid;min-width:0;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgb(var(--shade-rgb) / 28%);border-radius:clamp(4px,.8vw,8px);background:var(--cell-color);box-shadow:var(--shadow-cell);transition:filter .17s ease,transform .22s cubic-bezier(.2,.8,.3,1.3)}.board-cell--red{--cell-color: var(--red);--on-cell: var(--on-red)}.board-cell--blue{--cell-color: var(--blue);--on-cell: var(--on-blue)}.board-cell--yellow{--cell-color: var(--yellow);--on-cell: var(--on-yellow)}.board-cell--green{--cell-color: var(--green);--on-cell: var(--on-green)}.board-cell--purple{--cell-color: var(--purple);--on-cell: var(--on-purple)}.board-cell[data-owner=PLAYER_1],.board-cell[data-owner=PLAYER_2]{filter:saturate(1.08) brightness(1.02)}.board-cell--animated-territory{animation:territory-recolor var(--cell-animation-duration) ease-out var(--cell-animation-delay) both}.board-cell--animated-capture{animation:capture-wave var(--cell-animation-duration) cubic-bezier(.2,.82,.35,1.25) var(--cell-animation-delay) both}.board-cell--animated-enclosure{animation:enclosure-outline .21s ease-out var(--cell-outline-delay) both,enclosure-fill var(--cell-animation-duration) cubic-bezier(.2,.82,.35,1.15) var(--cell-animation-delay) both}.board-cell--animated-capture .board-cell__owner,.board-cell--animated-enclosure .board-cell__owner{opacity:0;animation:owner-reveal .17s ease-out var(--cell-animation-delay) both}.board-cell__owner{position:absolute;z-index:2;display:grid;width:clamp(13px,28%,22px);aspect-ratio:1;place-items:center;border:1px solid var(--ink);font-family:ui-rounded,system-ui,sans-serif;font-size:clamp(7px,34%,11px);font-weight:950;line-height:1}.board-cell[data-owner=PLAYER_1] .board-cell__owner{top:2px;left:2px;border-radius:50%;color:var(--ink);background:var(--surface)}.board-cell[data-owner=PLAYER_2] .board-cell__owner{right:2px;bottom:2px;border-radius:3px;color:var(--text-inverse);background:var(--surface-inverse)}.color-shape{display:block;width:100%;aspect-ratio:1;background:currentcolor}.color-shape--red{border-radius:50%}.color-shape--blue{clip-path:polygon(50% 4%,96% 91%,4% 91%)}.color-shape--yellow{clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 56%,79% 92%,50% 71%,21% 92%,32% 56%,2% 35%,39% 34%)}.color-shape--green{border-radius:15%}.color-shape--purple{border-radius:12%;transform:rotate(45deg) scale(.78)}.board-cell__shape{width:40%;color:var(--on-cell);opacity:0;transform:scale(.5);transition:opacity .18s ease,transform .18s ease}.game-board--colorblind .board-cell__shape{opacity:.56;transform:scale(1)}.game-board--colorblind .board-cell__shape.color-shape--purple{transform:rotate(45deg) scale(.78)}.game-board__effects{position:absolute;inset:0;z-index:6;overflow:visible;pointer-events:none}.enclosure-badge{position:absolute;min-width:max-content;padding:6px 9px;border:1.5px solid var(--ink);border-radius:999px;color:var(--text-inverse);background:var(--surface-inverse);box-shadow:0 5px 12px rgb(var(--shade-rgb) / 18%);font-size:clamp(.62rem,1.8vw,.76rem);font-weight:950;opacity:0;transform:translate(-50%,-50%) scale(.7);animation:enclosure-badge-pop .36s cubic-bezier(.2,.82,.3,1.25) var(--badge-delay) both}.color-selector{margin-top:14px;padding:clamp(14px,2.3vw,22px);overflow:visible}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.section-heading h2,.game-controls h2{margin-top:2px;font-size:clamp(1rem,2.4vw,1.28rem);font-weight:950;letter-spacing:-.035em}.color-selector__hint{color:var(--muted);font-size:.65rem;font-weight:750}.color-selector__choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1.2vw,11px)}.color-choice-wrap{position:relative;min-width:0}.color-choice{position:relative;display:flex;width:100%;min-width:0;min-height:clamp(74px,9vw,96px);padding:11px 5px 9px;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;border:1.5px solid rgb(var(--shade-rgb) / 30%);border-radius:clamp(14px,2.2vw,20px);color:var(--ink);background:var(--choice-color);box-shadow:0 6px 0 var(--choice-shadow);transition:opacity .15s ease,filter .15s ease,transform .15s ease,box-shadow .15s ease}.color-choice:not([aria-disabled=true]):hover{box-shadow:0 9px 0 var(--choice-shadow);transform:translateY(-3px)}.color-choice--red{--choice-color: var(--red);--on-choice: var(--on-red);--choice-shadow: rgb(0 0 0 / 45%)}.color-choice--blue{--choice-color: var(--blue);--on-choice: var(--on-blue);--choice-shadow: rgb(0 0 0 / 45%)}.color-choice--yellow{--choice-color: var(--yellow);--on-choice: var(--on-yellow);--choice-shadow: #8a7300}.color-choice--green{--choice-color: var(--green);--on-choice: var(--on-green);--choice-shadow: #2f7a4c}.color-choice--purple{--choice-color: var(--purple);--on-choice: var(--on-purple);--choice-shadow: #43077a}.color-choice__icon{display:grid;width:clamp(22px,4.2vw,34px);aspect-ratio:1;place-items:center;color:var(--on-choice)}.color-choice__icon .color-shape{width:72%;opacity:.72}.color-choice__label{max-width:100%;color:var(--on-choice);overflow:hidden;font-size:clamp(.6rem,2.4vw,.8rem);font-weight:950;line-height:1;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.color-choice__shortcut{position:absolute;top:5px;left:6px;display:grid;width:18px;aspect-ratio:1;place-items:center;border:1px solid rgb(var(--shade-rgb) / 28%);border-radius:6px;background:rgb(var(--surface-rgb) / 58%);font-size:.58rem;font-weight:950}.color-choice__blocked{position:absolute;top:5px;right:6px;display:grid;width:18px;aspect-ratio:1;place-items:center;border:1px solid var(--ink);border-radius:50%;color:var(--text-inverse);background:var(--surface-inverse);font-size:.8rem;font-weight:900;line-height:1}.color-choice[data-state=AVAILABLE]:hover,.color-choice[data-state=AVAILABLE]:focus-visible{filter:saturate(1.12) brightness(1.04);box-shadow:0 7px rgb(var(--shade-rgb) / 18%);transform:translateY(-3px)}.color-choice[data-state=CURRENT],.color-choice[data-state=OPPONENT]{cursor:not-allowed;filter:saturate(.72);opacity:.58}.color-choice[data-state=SELECTED]{box-shadow:0 1px rgb(var(--shade-rgb) / 18%);transform:translateY(3px) scale(.97);animation:color-selected .32s cubic-bezier(.2,.8,.3,1.2) both}.color-choice[data-state=DISABLED]{cursor:not-allowed;filter:grayscale(.35);opacity:.42}.color-choice__tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;z-index:20;width:max-content;max-width:min(170px,86vw);padding:7px 9px;border-radius:8px;color:var(--text-inverse);background:var(--surface-inverse);box-shadow:0 5px 12px rgb(var(--shade-rgb) / 20%);font-size:.66rem;font-weight:800;line-height:1.25;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease}.color-choice-wrap:first-child .color-choice__tooltip{left:0;transform:translateY(4px)}.color-choice-wrap:last-child .color-choice__tooltip{right:0;left:auto;transform:translateY(4px)}.color-choice:hover+.color-choice__tooltip,.color-choice:focus-visible+.color-choice__tooltip{opacity:1;transform:translate(-50%)}.color-choice-wrap:first-child .color-choice:hover+.color-choice__tooltip,.color-choice-wrap:first-child .color-choice:focus-visible+.color-choice__tooltip,.color-choice-wrap:last-child .color-choice:hover+.color-choice__tooltip,.color-choice-wrap:last-child .color-choice:focus-visible+.color-choice__tooltip{transform:translate(0)}.game-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px;padding:clamp(14px,2.3vw,22px)}.match-code-display{display:flex;min-width:0;padding:10px 12px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}.match-code-display>span{display:grid;min-width:0;gap:2px}.match-code-display b{color:var(--muted);font-size:.62rem;text-transform:uppercase}.match-code-display code{overflow:hidden;font-family:ui-monospace,Cascadia Code,monospace;font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.achievements{margin-top:12px;padding:clamp(15px,3vw,23px)}.achievements h2{font-size:1.1rem;font-weight:950}.achievements__header{display:flex;align-items:flex-end;gap:16px;justify-content:space-between}.achievements__count{color:var(--accent-text);font-size:1.5rem;font-weight:800}.achievements__count span{color:var(--muted);font-size:.9rem;font-weight:700}.achievements__list{display:grid;margin-top:14px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(23rem,1fr));list-style:none}.achievement{display:grid;padding:12px 14px;align-items:start;gap:12px;grid-template-columns:auto 1fr;border:1px solid var(--border-card);border-radius:14px;background:var(--surface)}.achievement[data-unlocked=true]{border-color:var(--accent);background:var(--accent-soft)}.achievement__badge{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--surface-sunken-strong);color:var(--muted)}.achievement[data-unlocked=true] .achievement__badge{background:var(--accent);color:var(--on-accent)}.achievement__body{display:grid;min-width:0;gap:3px}.achievement__line{display:flex;align-items:baseline;gap:12px;justify-content:space-between}.achievement__status{color:var(--muted);font-size:.74rem;font-variant-numeric:tabular-nums;white-space:nowrap}.achievement[data-unlocked=true] .achievement__status{color:var(--accent-text);font-weight:700}.achievement__description{color:var(--muted);font-size:.74rem;text-wrap:pretty}.achievement__bar{display:block;overflow:hidden;width:100%;height:6px;margin-top:3px;border-radius:999px;background:var(--surface-sunken-strong)}.achievement__bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .32s ease}.storage-notice{position:fixed;z-index:60;top:max(12px,env(safe-area-inset-top));right:12px;left:12px;display:grid;max-width:40rem;padding:12px 14px;align-items:start;margin-inline:auto;gap:12px;grid-template-columns:auto 1fr auto;border:1px solid var(--red);border-radius:14px;background:var(--surface);box-shadow:0 8px 24px rgb(var(--shade-rgb) / 18%)}.storage-notice p{font-size:.82rem;line-height:1.4;text-wrap:pretty}.storage-notice__icon{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--red);color:var(--on-red)}.storage-notice button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--cream);color:var(--text)}.error-boundary{display:grid;min-height:100dvh;padding:24px;place-items:center;background:var(--surface-sunken)}.error-boundary__card{display:grid;max-width:34rem;padding:28px;gap:12px;justify-items:center;text-align:center}.error-boundary__actions{display:flex;margin-top:8px;flex-wrap:wrap;gap:12px;justify-content:center}.error-boundary__hint{color:var(--muted);font-size:.82rem;text-wrap:pretty}.error-boundary__details{width:100%;margin-top:4px;color:var(--muted);font-size:.78rem;text-align:left}.error-boundary__details pre{overflow-x:auto;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--cream);font-family:ui-monospace,Cascadia Code,monospace;white-space:pre-wrap;word-break:break-word}.match-code-display--share{margin-top:-4px}.match-code-display--share small{color:var(--muted);font-size:.7rem;line-height:1.35;text-wrap:pretty}.match-code-display button{min-width:72px;min-height:44px;padding:8px 12px;border:1.5px solid var(--ink);border-radius:11px;background:var(--card);font-size:.7rem;font-weight:900}.control-group{min-width:0;padding:0;margin:0;border:0}.control-group legend{margin-bottom:6px;color:var(--muted);font-size:.67rem;font-weight:850}.segmented-control{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;padding:5px;border:1px solid var(--border-card);border-radius:var(--radius-pill);background:var(--surface-sunken-strong)}.segmented-control button{min-width:0;min-height:44px;padding:7px 9px;border:none;border-radius:var(--radius-pill);color:var(--text-muted);background:transparent;font-size:.72rem;font-weight:850;white-space:nowrap;transition:color .14s ease,background .14s ease}.segmented-control button:hover:not(:disabled):not([aria-pressed=true]){color:var(--text)}.segmented-control button[aria-pressed=true]{color:var(--on-accent);background:var(--accent)}.segmented-control button:disabled{cursor:not-allowed;opacity:.46}.control-group>small{display:block;margin-top:6px;color:var(--muted);font-size:.68rem;font-weight:700;line-height:1.35}.colorblind-toggle{display:flex;width:100%;min-height:52px;padding:7px 10px;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:13px;background:var(--cream);text-align:left}.colorblind-toggle__track{display:flex;width:38px;height:23px;padding:2px;align-items:center;border:1.5px solid var(--line-strong);border-radius:999px;background:#d8cfc3;transition:background-color .16s ease}.colorblind-toggle__track span{width:16px;aspect-ratio:1;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgb(var(--shade-rgb) / 25%);transition:transform .16s ease}.colorblind-toggle[aria-checked=true] .colorblind-toggle__track{background:var(--green)}.colorblind-toggle[aria-checked=true] .colorblind-toggle__track span{transform:translate(15px)}.colorblind-toggle b,.colorblind-toggle small{display:block}.colorblind-toggle b{font-size:.73rem;font-weight:900}.colorblind-toggle small{margin-top:1px;color:var(--muted);font-size:.6rem;font-weight:700}.game-controls__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.secondary-button,.primary-button{min-height:48px;padding:9px 14px;border:1.5px solid var(--border-key);border-radius:14px;font-size:.72rem;font-weight:900;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.secondary-button{background:var(--surface);box-shadow:var(--shadow-hard)}.primary-button{border-color:var(--action-shadow);color:var(--on-action);background:var(--action-gradient);box-shadow:var(--shadow-action)}.secondary-button:hover,.primary-button:hover{transform:translateY(-2px)}.secondary-button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hard-hover)}.primary-button:hover{box-shadow:var(--shadow-action-hover)}.secondary-button:active,.primary-button:active{box-shadow:0 2px 0 var(--action-shadow);transform:translateY(2px)}.secondary-button:active{box-shadow:0 2px rgb(var(--shade-rgb) / 22%)}.secondary-button:disabled{cursor:not-allowed;box-shadow:none;filter:grayscale(.4);opacity:.46;transform:none}.ai-error{width:min(100%,880px);margin:10px auto 0;padding:10px 13px;border:1.5px solid #a23333;border-radius:12px;color:#7e2020;background:#fff0ed;font-size:.74rem;font-weight:800}.game-footer{display:flex;justify-content:space-between;gap:12px;padding:15px 4px 0;color:var(--muted);font-size:.62rem;font-weight:750}@keyframes mascot-breathe{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes turn-indicator-enter{0%{opacity:.72;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes mascot-celebrate{0%{transform:translateY(0) scale(.94)}55%{transform:translateY(-7px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes mascot-victory{0%{transform:translateY(5px) scaleX(1.04) scaleY(.94)}22%{transform:translateY(-12px) scaleX(.96) scaleY(1.05)}42%{transform:translateY(0) scaleX(1.03) scaleY(.97)}62%{transform:translateY(-6px) scaleX(.98) scaleY(1.02)}to{transform:translateY(0) scale(1)}}@keyframes crown-arrive{0%{opacity:0;transform:translateY(-13px) rotate(-8deg) scale(.7)}24%,to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--confetti-x),var(--confetti-y)) scale(1) rotate(var(--confetti-r))}}@keyframes mascot-warning{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes territory-recolor{0%{background:var(--previous-cell-color);transform:scale(.98)}to{background:var(--cell-color);transform:scale(1)}}@keyframes capture-wave{0%{background:var(--previous-cell-color);box-shadow:inset 0 -2px rgb(var(--shade-rgb) / 12%),0 0 #fff0;transform:scale(.92)}58%{background:var(--cell-color);box-shadow:inset 0 -2px rgb(var(--shade-rgb) / 12%),0 0 13px #ffffff94;transform:scale(1.07)}to{background:var(--cell-color);box-shadow:inset 0 -2px rgb(var(--shade-rgb) / 12%),0 0 #fff0;transform:scale(1)}}@keyframes enclosure-outline{0%{box-shadow:inset 0 0 0 1px var(--ink),0 0 #fff0}55%{box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #f5c84cb3}to{box-shadow:inset 0 0 0 1px var(--ink),0 0 #fff0}}@keyframes enclosure-fill{0%{background:var(--previous-cell-color);transform:scale(.96)}60%{background:var(--cell-color);transform:scale(1.06)}to{background:var(--cell-color);transform:scale(1)}}@keyframes owner-reveal{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes enclosure-badge-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}24%,70%{opacity:1;transform:translate(-50%,-70%) scale(1)}to{opacity:0;transform:translate(-50%,-95%) scale(.96)}}@keyframes color-selected{0%{transform:translateY(0) scale(1)}45%{transform:translateY(3px) scale(.94)}to{transform:scale(1)}}@keyframes active-pulse{0%,to{box-shadow:0 0 0 3px #54bd7824}50%{box-shadow:0 0 0 6px #54bd7814}}@keyframes reduced-cell-feedback{0%{opacity:.72}to{opacity:1}}.game-shell[data-animation-mode=REDUCED] .board-cell--animated{animation-name:reduced-cell-feedback!important}.game-shell[data-animation-mode=REDUCED] .mascot__confetti,.game-shell[data-animation-mode=REDUCED] .mascot__crown{display:none}.game-shell[data-animation-mode=REDUCED] .mascot__figure{animation:none!important;transform:none!important}.game-shell[data-animation-mode=REDUCED] .turn-indicator{animation-duration:.12s}.game-shell[data-animation-mode=REDUCED] .score-bar__segment{transition-duration:.18s}.game-shell[data-animation-mode=OFF] *,.game-shell[data-animation-mode=OFF] *:before,.game-shell[data-animation-mode=OFF] *:after{animation:none!important;transition:none!important}@media(min-width:640px){.game-shell{width:min(calc(100% - 36px),1220px)}.turn-indicator{grid-template-columns:170px minmax(0,1fr)}.mascot__message{max-width:230px;font-size:.72rem}.game-controls{grid-template-columns:minmax(155px,.8fr) minmax(210px,1.15fr) minmax(210px,1.15fr);align-items:end}.game-controls__title,.game-controls__actions{grid-column:1 / -1}.game-controls__actions{grid-template-columns:repeat(4,minmax(110px,170px));justify-content:end}}@media(min-width:960px){.turn-indicator{width:min(100%,780px);margin-inline:auto}.match-layout{grid-template-areas:"player-one arena player-two";grid-template-columns:minmax(168px,.72fr) minmax(470px,2.45fr) minmax(168px,.72fr);align-items:start;gap:clamp(12px,1.5vw,20px)}.player-hud{height:auto;padding:15px}.player-hud__topline{grid-template-columns:40px minmax(0,1fr) 9px}.player-hud__avatar{width:40px}.player-hud__score{margin-top:18px}.player-hud__meta{margin-top:13px}.color-selector,.game-controls{width:min(100%,880px);margin-inline:auto}.color-selector{margin-top:18px}.game-controls{grid-template-columns:minmax(150px,.75fr) minmax(220px,1.15fr) minmax(230px,1.15fr) minmax(200px,1fr);margin-top:14px}.game-controls__title,.game-controls__actions{grid-column:1 / -1}}@media(max-width:479px){.game-shell{width:min(calc(100% - 16px),1220px)}.game-header__badge{padding:7px 8px;font-size:.58rem}.brand small{display:none}.turn-indicator{grid-template-columns:104px minmax(0,1fr);min-height:112px;padding-right:10px}.mascot__figure{width:96px}.mascot__message{top:0;left:calc(100% - 23px);max-width:140px;padding:5px 7px;font-size:.58rem}.turn-indicator__limit{font-size:.64rem}.player-hud{padding:9px;border-radius:17px}.player-hud__topline{grid-template-columns:30px minmax(0,1fr) 7px;gap:6px}.player-hud__avatar{width:30px}.player-hud__score{margin-top:8px}.player-hud__meta{margin-top:6px}.arena{padding:7px;border-radius:18px}.color-selector{padding:12px 8px;border-radius:18px}.color-selector__hint{display:none}.color-choice{min-height:66px;border-radius:11px}.color-choice__icon{width:24px}.game-controls{padding:13px;border-radius:18px}.game-footer{display:none}}@media(orientation:landscape)and (max-height:600px)and (min-width:700px){.game-shell{width:min(calc(100% - 18px),980px);padding-block:8px 14px}.game-header{margin-bottom:8px}.turn-indicator{min-height:92px;margin-bottom:8px;grid-template-columns:115px minmax(0,1fr)}.mascot__figure{width:92px}.match-layout{grid-template-areas:"player-one arena player-two";grid-template-columns:minmax(135px,.7fr) minmax(330px,2fr) minmax(135px,.7fr);align-items:start}.arena{width:auto;max-width:none;margin-inline:0;justify-self:stretch}.color-selector,.game-controls{margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.mode-intro{display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:clamp(16px,4vw,42px);padding:clamp(18px,3vw,32px)}.mode-intro h2,.daily-hero h2{margin:0 0 6px;font-size:clamp(1.2rem,3vw,1.75rem)}.mode-intro p{color:var(--muted)}.mode-intro .mascot__message,.daily-hero .mascot__message{position:static;width:min(250px,100%);max-width:none;margin-top:12px;text-align:center}.puzzle-progress{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;padding:14px 18px;align-items:center;gap:16px;margin-top:14px}.puzzle-progress>div:first-child{display:flex;align-items:baseline;gap:8px}.puzzle-progress span,.puzzle-progress p{color:var(--muted);font-size:.72rem;font-weight:800}.puzzle-progress strong{font-size:1.15rem;font-weight:950}.puzzle-progress__bar{height:11px;overflow:hidden;border:1px solid var(--line-strong);border-radius:999px;background:var(--cream-deep)}.puzzle-progress__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--blue));transition:width .28s ease}.puzzle-filters{display:grid;padding:16px 18px;gap:14px;margin-top:14px}.puzzle-filters__heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.puzzle-filters__heading h2{font-size:1rem}.puzzle-filters__heading p{margin-top:3px;color:var(--muted);font-size:.7rem;font-weight:800}.puzzle-filters__reset{min-height:44px;padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;color:var(--muted);background:var(--cream);font-size:.7rem;font-weight:900}.puzzle-filters__reset:hover{border-color:var(--ink);color:var(--ink)}.puzzle-filters__groups{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:14px}.puzzle-filter-group{min-width:0;padding:0;margin:0;border:0}.puzzle-filter-group legend{margin-bottom:6px;color:var(--muted);font-size:.67rem;font-weight:900}.puzzle-filter-options{display:flex;padding:3px;gap:3px;border:1.5px solid var(--line);border-radius:13px;background:var(--cream)}.puzzle-filter-options button{min-width:0;min-height:44px;padding:7px 10px;flex:1 1 auto;border:1.5px solid transparent;border-radius:9px;color:var(--muted);background:transparent;font-size:.7rem;font-weight:850;white-space:nowrap}.puzzle-filter-options button[aria-pressed=true]{border-color:var(--line);color:var(--ink);background:var(--surface);box-shadow:0 2px 5px rgb(var(--shade-rgb) / 8%)}.puzzle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.puzzle-card{display:flex;min-width:0;padding:clamp(16px,2.5vw,24px);flex-direction:column;gap:10px;border-top:5px solid var(--green)}.puzzle-card[data-difficulty=MEDIUM]{border-top-color:var(--blue)}.puzzle-card[data-difficulty=HARD]{border-top-color:var(--purple)}.puzzle-card[data-difficulty=EXPERT]{border-top-color:var(--ink)}.puzzle-card[data-solved=true]{box-shadow:0 0 0 2px #54bd7861,var(--shadow)}.puzzle-card__heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.puzzle-card__badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.puzzle-solved-pill{padding:5px 9px;border:1px solid #31764a;border-radius:999px;color:var(--status-success);background:#e5f6e9;font-size:.68rem;font-weight:950;text-transform:uppercase}.puzzle-card__number{color:var(--text-muted);font-size:.78rem;font-weight:900;letter-spacing:.12em}.difficulty-pill{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--cream);font-size:.68rem;font-weight:900;text-transform:uppercase}.puzzle-card h2{font-size:clamp(1.05rem,2vw,1.35rem)}.puzzle-card>p{min-height:2.7em;color:var(--muted);font-size:.88rem}.puzzle-card__cta{width:100%;margin-top:auto}.puzzle-card__ribbon{display:flex;gap:4px;margin-bottom:4px}.puzzle-card__chip{width:14px;aspect-ratio:1;border-radius:3px;background:var(--chip-color);box-shadow:inset 0 -2px #0000002e}.puzzle-card__chip--red{--chip-color: var(--red)}.puzzle-card__chip--blue{--chip-color: var(--blue)}.puzzle-card__chip--yellow{--chip-color: var(--yellow)}.puzzle-card__chip--green{--chip-color: var(--green)}.puzzle-card__chip--purple{--chip-color: var(--purple)}.puzzle-card__objective{display:grid;gap:3px;min-height:70px;padding:11px 13px;border-radius:14px;background:var(--cream)}.puzzle-card__objective span,.daily-hero__date span,.daily-score-grid span{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.puzzle-card__objective strong{font-size:.82rem}.puzzle-card__record{display:flex;min-height:24px;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.7rem;font-weight:800}.puzzle-card__record strong{color:var(--ink)}.puzzle-card .primary-button{width:100%;min-height:46px;margin-top:auto}.puzzle-empty{display:grid;padding:clamp(20px,4vw,34px);margin-top:18px;place-items:center;gap:16px;text-align:center}.daily-screen{max-width:900px}.daily-hero{display:grid;max-width:760px;padding:clamp(18px,4vw,38px);margin:0 auto;gap:22px;text-align:center;background:radial-gradient(circle at 50% 0,rgb(245 200 76 / 18%),transparent 45%),var(--card)}.daily-hero__date{display:grid;gap:5px}.daily-hero__date strong{font-size:clamp(1.15rem,3vw,1.7rem);text-transform:capitalize}.daily-hero>.mascot{justify-self:center}.daily-score-grid,.daily-streaks,.daily-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.daily-score-grid article{display:grid;gap:4px;padding:16px;border:1.5px solid var(--line);border-radius:16px;background:rgb(var(--surface-rgb) / 72%)}.daily-score-grid strong{font-size:clamp(1.8rem,5vw,2.7rem)}.daily-score-grid small,.daily-streaks small{color:var(--muted)}.daily-streaks div{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:0 8px;padding:12px;border-radius:14px;background:var(--cream)}.daily-streaks div>span{color:var(--yellow)}.daily-streaks strong{font-size:1.35rem}.daily-streaks small{grid-column:1 / -1}.daily-rules{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-rules p{display:grid;gap:4px;padding:10px;border-top:1px solid var(--line);font-size:.78rem}.daily-rules span{color:var(--muted)}.daily-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.daily-share{flex:0 0 auto;min-height:60px;padding-inline:20px;border-radius:18px}@media(max-width:520px){.daily-actions{flex-direction:column}.daily-share{width:100%}}.daily-launch{min-height:52px}.mode-status{position:relative;display:grid;width:min(calc(100% - 32px),1180px);min-width:0;padding:11px 15px;margin:0 auto 12px;align-items:center;gap:12px;overflow:hidden;border:1.5px solid var(--line);border-radius:16px;background:rgb(var(--surface-rgb) / 94%);box-shadow:var(--shadow)}.mode-status--puzzle{grid-template-columns:minmax(0,1fr) auto;padding-bottom:15px}.mode-status>div:first-child{display:grid;min-width:0;gap:2px}.mode-status>div:first-child>span{color:var(--purple);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mode-status>div:first-child>strong{overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.mode-status__metric{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:5px}.mode-status__metric strong{font-size:1.45rem}.mode-status__metric span{color:var(--muted);font-size:.72rem}.mode-status__progress{position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--cream-deep)}.mode-status__progress i{display:block;height:100%;background:var(--purple);transition:width .26s ease}.mode-status--daily{grid-template-columns:minmax(0,1fr) auto;border-color:#dfca7a;background:linear-gradient(100deg,#fffdf8,#fff8dc)}.mode-status__daily-scores{display:flex;gap:16px}.mode-status__daily-scores span{display:grid;color:var(--muted);font-size:.67rem;text-transform:uppercase}.mode-status__daily-scores b{color:var(--ink);font-size:1.05rem}.mode-result-backdrop{background:radial-gradient(circle at 50% 18%,rgb(var(--accent-rgb) / 20%),transparent 34%),rgb(var(--shade-rgb) / 72%)}.mode-result-overlay{width:min(100%,560px);max-height:calc(100vh - 28px);padding:clamp(18px,4vw,34px);overflow:auto;text-align:center}.mode-result-overlay>.mascot{width:110px;margin:-10px auto 2px}.mode-result-overlay h2{font-size:clamp(2rem,7vw,3.4rem)}.mode-result-overlay>p:not(.section-kicker){margin:8px 0 16px;color:var(--muted)}.mode-result-highlight,.daily-result-score{display:grid;gap:5px;padding:15px;margin:15px 0;border-radius:16px;background:var(--cream)}.mode-result-highlight span,.daily-result-score span{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.daily-result-score strong{font-size:2.8rem}.daily-result-score b{color:var(--status-gold);letter-spacing:.12em}.daily-result-score[data-rank=DIAMANT] b{color:var(--blue)}.daily-result-score[data-rank=OR] b{color:var(--status-gold)}.daily-result-score[data-rank=ARGENT] b{color:#69727d}@media(max-width:700px){.mode-intro,.puzzle-grid{grid-template-columns:1fr}.mode-intro{text-align:center}.mode-intro .mascot{justify-self:center}.puzzle-card>p{min-height:0}.daily-rules{grid-template-columns:1fr;gap:3px}.mode-status{width:min(calc(100% - 16px),1180px)}.mode-status--daily{grid-template-columns:1fr}.mode-status__daily-scores{justify-content:space-between}}@media(max-width:430px){.daily-score-grid,.daily-streaks{grid-template-columns:1fr}.mode-status--puzzle{grid-template-columns:minmax(0,1fr) auto}.mode-status>div:first-child>strong{white-space:normal}.mode-status__metric span{max-width:58px}}@media(prefers-reduced-motion:reduce){.mode-status__progress i{transition:none}}.game-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.tutorial-exit{min-height:44px;padding:8px 12px;border:1.5px solid var(--ink);border-radius:999px;background:var(--card);box-shadow:0 3px rgb(var(--shade-rgb) / 12%);font-size:.75rem;font-weight:900}.tutorial-exit:hover{transform:translateY(-1px)}.tutorial-shell{width:min(calc(100% - 24px),1080px);margin-inline:auto;padding-block:clamp(12px,2vw,26px) 24px}.brand--button{padding:0;text-align:left;background:transparent}.tutorial-header{margin-bottom:10px}.tutorial-overlay{position:relative;z-index:20;padding:clamp(12px,2.2vw,20px);border-color:var(--ink);background:radial-gradient(circle at 7% 20%,rgb(79 134 247 / 9%),transparent 32%),var(--card);box-shadow:0 9px rgb(var(--shade-rgb) / 9%),0 18px 35px #43322114}.tutorial-overlay__progress{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.tutorial-overlay__dots{display:flex;gap:4px}.tutorial-overlay__dots i{width:clamp(7px,1.4vw,11px);aspect-ratio:1;border:1px solid var(--line-strong);border-radius:50%;background:transparent;transition:transform .18s ease,background .18s ease}.tutorial-overlay__dots i[data-complete=true]{background:var(--green)}.tutorial-overlay__dots i[data-active=true]{background:var(--yellow);transform:scale(1.25)}.tutorial-overlay__content{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px 14px;margin-top:8px}.tutorial-overlay .mascot__figure{width:86px}.tutorial-overlay__copy{min-width:0}.tutorial-overlay__pointer{display:inline-block;margin-bottom:3px;color:#315fae;font-size:.68rem;font-weight:900;text-transform:uppercase}.tutorial-overlay__copy h1{font-size:clamp(1.12rem,3vw,1.55rem);font-weight:950;letter-spacing:-.04em;line-height:1.08}.tutorial-overlay__copy p{max-width:680px;margin-top:5px;color:var(--muted);font-size:clamp(.82rem,2vw,1rem);font-weight:750;line-height:1.4}.tutorial-overlay__busy,.tutorial-overlay__hint{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:999px;color:var(--ink);background:var(--cream-deep);font-size:.7rem;font-weight:900}.tutorial-overlay__busy:before{display:inline-block;width:7px;margin-right:6px;aspect-ratio:1;border-radius:50%;background:var(--blue);content:"";animation:tutorial-pulse .7s ease-in-out infinite alternate}.tutorial-overlay__actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:8px}.tutorial-overlay__actions button{min-height:44px}.tutorial-match{display:grid;grid-template-areas:"player-one player-two" "arena arena";grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.tutorial-player--one{grid-area:player-one}.tutorial-player--two{grid-area:player-two}.tutorial-player{position:relative;min-width:0}.tutorial-player .player-hud{height:100%;padding:clamp(9px,1.8vw,14px)}.tutorial-corner-label{position:absolute;z-index:5;bottom:-8px;left:50%;width:max-content;max-width:95%;padding:4px 7px;border:1px solid var(--ink);border-radius:999px;background:var(--yellow);font-size:.58rem;font-weight:900;transform:translate(-50%)}.tutorial-arena{position:relative;display:grid;grid-area:arena;gap:10px;width:min(100%,620px);padding:clamp(8px,1.7vw,15px);margin-inline:auto}.tutorial-shell .color-selector{width:min(100%,780px);margin-inline:auto}.tutorial-focus{position:relative;z-index:4}.tutorial-focus:after{position:absolute;inset:-5px;z-index:10;border:3px solid var(--focus);border-radius:25px;box-shadow:0 0 0 5px #4f86f726;content:"";pointer-events:none;animation:tutorial-focus-breathe .9s ease-in-out infinite alternate}.tutorial-score-focus:after{inset:-7px -5px;border-radius:14px}.tutorial-palette-focus{width:min(100%,790px);margin-inline:auto}.board-cell[data-tutorial-dimmed=true]{filter:saturate(.45) brightness(.82);opacity:.48}.board-cell[data-tutorial-highlighted=true]{z-index:4;border-color:var(--text-inverse);box-shadow:inset 0 0 0 2px var(--ink),0 0 0 2px #fff,0 0 0 5px #4f86f7d9;transform:scale(.92)}.color-choice[data-tutorial-highlighted=true]{z-index:3;opacity:1;filter:saturate(1.12) brightness(1.04);box-shadow:0 0 0 4px #fff,0 0 0 7px var(--focus),0 8px rgb(var(--shade-rgb) / 15%);animation:tutorial-color-pulse .72s ease-in-out infinite alternate}.tutorial-capture-badge{position:absolute;z-index:12;top:52%;left:50%;width:max-content;padding:9px 14px;border:2px solid #fff;border-radius:999px;color:var(--text-inverse);background:var(--surface-inverse);box-shadow:0 6px 18px rgb(var(--shade-rgb) / 26%);font-size:clamp(.9rem,3vw,1.25rem);transform:translate(-50%,-50%);animation:tutorial-badge-pop .52s cubic-bezier(.2,.9,.35,1.25) both}.tutorial-strategy-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:clamp(.62rem,1.8vw,.76rem);font-weight:850}.tutorial-strategy-note span{display:flex;min-width:0;min-height:36px;padding:6px 8px;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--cream)}.strategy-dot{flex:0 0 auto;width:12px;margin-right:6px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%}.strategy-dot--yellow{background:var(--yellow)}.strategy-dot--red{background:var(--red)}@keyframes tutorial-focus-breathe{to{box-shadow:0 0 0 8px #4f86f714}}@keyframes tutorial-color-pulse{to{transform:translateY(-3px)}}@keyframes tutorial-badge-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tutorial-pulse{to{opacity:.35;transform:scale(.72)}}@media(min-width:760px){.tutorial-overlay__content{grid-template-columns:100px minmax(0,1fr) auto}.tutorial-overlay .mascot__figure{width:100px}.tutorial-overlay__actions{grid-column:auto;max-width:250px}}@media(min-width:960px){.tutorial-match{grid-template-areas:"player-one arena player-two";grid-template-columns:minmax(155px,.72fr) minmax(480px,2.5fr) minmax(155px,.72fr);align-items:start;gap:14px}.tutorial-player .player-hud{height:auto}}@media(max-width:479px){.game-header__actions .game-header__badge{display:none}.tutorial-shell{width:min(calc(100% - 14px),1080px);padding-top:8px}.tutorial-overlay{padding:10px;border-radius:18px}.tutorial-overlay__progress{font-size:.62rem}.tutorial-overlay__content{grid-template-columns:68px minmax(0,1fr);gap:6px 9px}.tutorial-overlay .mascot__figure{width:68px}.tutorial-overlay__copy h1{font-size:1rem}.tutorial-overlay__copy p{font-size:.74rem;line-height:1.3}.tutorial-overlay__pointer{font-size:.58rem}.tutorial-overlay__actions{justify-content:stretch}.tutorial-overlay__actions button{min-width:0;flex:1 1 0;padding-inline:8px;font-size:.68rem}.tutorial-match{margin-top:10px;gap:8px}.tutorial-player .player-hud__meta{align-items:flex-start;flex-direction:column}.tutorial-arena{padding:7px;border-radius:18px}.tutorial-shell .color-selector{margin-top:10px}.tutorial-strategy-note{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tutorial-focus:after,.board-cell[data-tutorial-highlighted=true],.color-choice[data-tutorial-highlighted=true],.tutorial-overlay__busy:before{animation:none!important}}.navigation-screen{width:min(calc(100% - 24px),1040px);min-height:100vh;padding-block:clamp(14px,3vw,34px) 30px;margin-inline:auto}.screen-header{display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);align-items:center;gap:12px;margin-bottom:clamp(18px,4vw,34px);text-align:center}.screen-header h1{margin-top:2px;font-size:clamp(1.65rem,5vw,2.7rem);font-weight:950;letter-spacing:-.055em;line-height:1;text-transform:uppercase}.screen-back{display:inline-flex;min-width:44px;align-items:center;justify-content:center;justify-self:start;min-height:44px;padding:8px 12px;border:1.5px solid var(--line);border-radius:999px;color:var(--muted);background:var(--card);font-size:.72rem;font-weight:900}.screen-back:hover{border-color:var(--ink);color:var(--ink)}.screen-header__spacer{width:1px}.home-screen{display:flex;min-height:100vh;flex-direction:column;align-items:center;gap:clamp(16px,3vw,28px);padding:0 0 26px}.home-nav{display:flex;width:100%;min-height:72px;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px clamp(14px,4vw,40px);border-bottom:1px solid var(--border-subtle)}.home-nav__brand{display:flex;align-items:center;gap:12px}.home-nav__name{font-size:.84rem;font-weight:950;letter-spacing:-.01em}.logo-mark{display:grid;grid-template-columns:repeat(3,11px);gap:3px;padding:8px;border:1.5px solid var(--accent);border-radius:14px;background:var(--surface-sunken-strong);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / 12%);transform:rotate(-3deg)}.logo-mark i{width:11px;aspect-ratio:1;border-radius:3px}.logo-mark i:nth-child(1){background:var(--red)}.logo-mark i:nth-child(2){background:var(--blue)}.logo-mark i:nth-child(3){background:var(--yellow)}.logo-mark i:nth-child(4){background:var(--green)}.logo-mark i:nth-child(5){background:var(--purple)}.logo-mark i:nth-child(6){background:var(--border-card)}.home-nav__links{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.home-nav__links button{min-height:44px;padding:0 14px;border-radius:var(--radius-pill);color:var(--text-muted);font-size:.74rem;font-weight:800;transition:color .14s ease,background .14s ease}.home-nav__links button:hover{color:var(--text);background:var(--surface)}.home-nav__links .home-nav__install{color:var(--accent-text);background:var(--accent-soft)}.home-nav__install svg{width:15px;height:15px;margin-right:5px;vertical-align:-2px}.home-nav__links .home-nav__install:hover{color:var(--on-accent);background:var(--accent)}.home-nav__links .home-nav__icon{display:grid;width:44px;padding:0;place-items:center}.home-hero{display:grid;width:min(100%,1180px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,4vw,40px);align-items:center;padding:clamp(20px,4vw,44px) clamp(14px,4vw,40px) clamp(18px,3vw,36px)}.home-hero__text{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.home-badge{display:inline-flex;min-height:30px;align-items:center;padding:0 14px;border:1px solid rgb(var(--accent-rgb) / 40%);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.wordmark{margin-top:16px;font-size:clamp(2.9rem,8vw,6.5rem);font-weight:1000;letter-spacing:-.055em;line-height:.84;text-transform:uppercase}.wordmark span{display:block;color:var(--wordmark-fill);-webkit-text-stroke:clamp(2px,.28vw,3px) var(--wordmark-stroke);text-shadow:var(--wordmark-shadow)}.home-pitch{max-width:430px;margin-top:18px;color:var(--text-muted);font-size:clamp(.9rem,1.6vw,1.06rem);font-weight:500;line-height:1.5;text-wrap:pretty}.home-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.home-cta__play{display:inline-flex;min-height:64px;align-items:center;gap:10px;padding:0 30px;border-radius:18px;font-size:1.12rem;font-weight:1000;letter-spacing:.02em}.home-cta__play svg{width:22px;height:22px}.home-cta__resume{display:inline-flex;min-height:64px;align-items:center;gap:10px;padding:0 22px;border-radius:18px;background:rgb(var(--surface-rgb) / 60%);font-size:.82rem;font-weight:900}.home-cta__resume em{color:var(--text-muted);font-style:normal}.home-stats{display:flex;align-items:center;gap:22px;margin:28px 0 0}.home-stats div{display:flex;flex-direction:column;gap:2px}.home-stats div+div{padding-left:22px;border-left:1px solid var(--border-card)}.home-stats dt{color:var(--text-muted);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.home-stats dd{margin:0;font-size:1.5rem;font-weight:1000;letter-spacing:-.04em;line-height:1}.home-stats__win dd{color:var(--status-success)}.home-stats__streak dd{color:var(--action-text)}.home-hero__art{position:relative;display:grid;min-width:0;min-height:320px;place-items:center}.home-hero__glow{position:absolute;width:min(420px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(var(--accent-rgb) / 22%) 0%,transparent 68%);animation:cc-pulse 4s ease-in-out infinite}.home-hero__tiles{position:absolute;bottom:6%;display:flex;gap:8px;opacity:.85;transform:rotate(-12deg)}.home-hero__tiles i{width:clamp(34px,4vw,52px);aspect-ratio:1;border-radius:12px;box-shadow:var(--shadow-cell)}.home-hero__tiles i:nth-child(1){background:var(--red)}.home-hero__tiles i:nth-child(2){background:var(--yellow)}.home-hero__tiles i:nth-child(3){background:var(--green)}.home-hero__tiles i:nth-child(4){background:var(--blue)}.home-hero__tiles i:nth-child(5){background:var(--purple)}.home-hero__mascot{position:relative;animation:cc-float 5s ease-in-out infinite;filter:drop-shadow(0 24px 30px rgb(0 0 0 / 55%))}.home-hero__mascot .mascot__figure{width:clamp(190px,22vw,300px)}.home-hero__mascot .mascot__message{top:8px;left:calc(100% - 40px);width:200px;max-width:200px;padding:10px 13px;border-color:rgb(var(--accent-rgb) / 55%);border-radius:16px 16px 16px 4px;color:var(--accent-text);background:var(--accent-soft);box-shadow:none;font-size:.74rem;font-weight:700;line-height:1.35}@keyframes cc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes cc-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes cc-sweep{0%{transform:translate(-120%)}to{transform:translate(220%)}}.home-modes{display:grid;width:min(100%,1180px);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 clamp(14px,4vw,40px)}.mode-tile{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:6px;overflow:hidden;padding:18px;border:1px solid var(--border-card);border-radius:20px;background:var(--surface-card);box-shadow:var(--shadow-card-raised);text-align:left;transition:transform .16s ease,border-color .16s ease}.mode-tile:hover{transform:translateY(-3px)}.mode-tile__icon{display:grid;width:44px;aspect-ratio:1;margin-bottom:4px;place-items:center;border-radius:14px}.mode-tile__icon svg{width:22px;height:22px}.mode-tile__title{font-size:1.06rem;font-weight:1000;letter-spacing:-.02em;text-transform:uppercase}.mode-tile__subtitle{color:var(--text-muted);font-size:.78rem;font-weight:500;line-height:1.4}.mode-tile--solo:hover{border-color:var(--red)}.mode-tile--solo .mode-tile__icon{color:var(--on-red);background:var(--red)}.mode-tile--local:hover{border-color:var(--blue)}.mode-tile--local .mode-tile__icon{color:var(--on-blue);background:var(--blue)}.mode-tile--puzzles:hover{border-color:var(--green)}.mode-tile--puzzles .mode-tile__icon{color:var(--on-green);background:var(--green)}.mode-tile--daily{border-color:rgb(var(--action-rgb) / 45%);background:var(--action-soft)}.mode-tile--daily:hover{border-color:var(--action)}.mode-tile--daily .mode-tile__icon{color:var(--on-action);background:var(--action)}.mode-tile--daily:after{position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgb(var(--action-rgb) / 12%),transparent);animation:cc-sweep 3.4s ease-in-out infinite;content:"";pointer-events:none}.home-replay{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 18px;border-radius:var(--radius-pill);color:var(--text-muted);font-size:.76rem;font-weight:800}.home-replay:hover{color:var(--text);background:var(--surface)}.home-footer{margin-top:auto;color:var(--text-muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@media(max-width:900px){.home-hero{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.home-hero__text{align-items:center}.home-hero__art{order:-1;min-height:296px;padding-top:52px}.home-hero__mascot .mascot__figure{width:190px}.home-hero__mascot .mascot__message{top:-46px;left:50%;width:min(280px,78vw);max-width:none;border-radius:16px;text-align:center;transform:translate(-50%)}.home-cta{width:100%;flex-direction:column}.home-cta__play,.home-cta__resume{width:100%;min-height:60px;justify-content:center}.home-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.home-nav{min-height:60px;flex-wrap:nowrap;gap:6px;padding:10px 12px}.home-nav__name{display:none}.home-nav__links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.home-nav__links button{padding:0 9px;font-size:.7rem;white-space:nowrap}.home-nav__links .home-nav__icon{position:sticky;right:0;flex:0 0 auto;background:var(--surface-sunken)}.home-stats{gap:14px}.home-stats div+div{padding-left:14px}.mode-tile{padding:14px}.mode-tile__title{font-size:.94rem}}@media(prefers-reduced-motion:reduce){.home-hero__mascot,.home-hero__glow,.mode-tile--daily:after{animation:none}}.play-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.play-mode-card{position:relative;display:grid;min-width:0;min-height:92px;padding:13px;grid-template-columns:42px minmax(0,1fr) 17px;align-items:center;gap:11px;text-align:left;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.play-mode-card:hover{border-color:var(--ink);transform:translateY(-2px)}.play-mode-card[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--yellow),var(--shadow)}.play-mode-card__icon{display:grid;width:42px;aspect-ratio:1;place-items:center;border:1.5px solid var(--ink);border-radius:14px;background:var(--cream);font-size:.72rem;font-weight:950}.play-mode-card b,.play-mode-card small{display:block}.play-mode-card b{font-size:clamp(.72rem,2vw,.88rem);font-weight:950}.play-mode-card small{margin-top:4px;color:var(--muted);font-size:.65rem;font-weight:700;line-height:1.25}.play-mode-card>i{width:16px;aspect-ratio:1;border:1.5px solid var(--line-strong);border-radius:50%}.play-mode-card[aria-pressed=true]>i{border:4px solid var(--ink);background:var(--yellow)}.play-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px;padding:clamp(16px,3vw,25px)}.play-options__heading,.play-option-group--difficulty,.play-launch{grid-column:1 / -1}.play-options h2{margin-top:2px;font-size:clamp(1.1rem,3vw,1.45rem);font-weight:950}.play-option-group--code,.play-option-group--pie-rule{grid-column:1 / -1}.match-code-input{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.match-code-input input{min-width:0;min-height:44px;padding:9px 12px;border:1.5px solid var(--line-strong);border-radius:12px;color:var(--ink);background:var(--card);font:800 .82rem ui-monospace,Cascadia Code,monospace}.match-code-input input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.match-code-input button{min-width:44px;min-height:44px;border:1.5px solid var(--ink);border-radius:12px;background:var(--yellow);font-size:1rem;font-weight:950}.play-option-group>small{display:block;margin-top:6px;color:var(--muted);font-size:.65rem;font-weight:700}.play-option-group,.settings-block{min-width:0;padding:0;margin:0;border:0}.play-option-group legend,.settings-block legend{margin-bottom:7px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.play-launch{width:min(100%,360px);margin:3px auto 0}.settings-card{width:min(100%,780px);padding:clamp(15px,3vw,26px);margin-inline:auto}.data-management{display:grid;width:min(100%,780px);padding:clamp(15px,3vw,22px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:14px auto 0}.data-management h2{margin-top:2px;font-size:1.1rem;font-weight:950}.data-management>div:first-child>p:last-child{margin-top:5px;color:var(--muted);font-size:.72rem;font-weight:700}.data-management__actions{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px}.data-management__actions button{min-height:44px}.data-import-confirm{display:flex;grid-column:1 / -1;padding:12px;align-items:center;justify-content:space-between;gap:14px;border:1.5px solid #b66e25;border-radius:14px;background:#fff4df}.data-import-confirm p,.data-import-confirm p span{display:block}.data-import-confirm p{font-size:.76rem}.data-import-confirm p span{margin-top:3px;color:var(--muted);font-size:.68rem}.data-import-confirm>div{display:flex;flex:0 0 auto;gap:7px}.data-import-confirm button{min-height:44px}.data-management__feedback{grid-column:1 / -1;color:var(--status-success);font-size:.72rem;font-weight:900;text-align:center}.data-management__feedback[role=alert]{color:var(--status-danger)}.settings-panel{display:grid;gap:16px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.settings-switch{display:flex;min-width:0;min-height:66px;padding:10px 12px;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid var(--line);border-radius:15px;background:var(--card);text-align:left}.settings-switch b,.settings-switch small{display:block}.settings-switch b{font-size:.76rem;font-weight:900}.settings-switch small{margin-top:3px;color:var(--muted);font-size:.6rem;font-weight:700;line-height:1.25}.settings-switch__track{position:relative;flex:0 0 auto;width:52px;height:30px;border:1px solid var(--border-card);border-radius:var(--radius-pill);background:var(--border-card);transition:background .15s ease,border-color .15s ease}.settings-switch__track i{position:absolute;top:3px;left:3px;width:22px;aspect-ratio:1;border:none;border-radius:50%;background:var(--border-strong);transition:transform .15s ease,background .15s ease}.settings-switch[aria-checked=true] .settings-switch__track{border-color:var(--accent);background:var(--accent)}.settings-switch[aria-checked=true] .settings-switch__track i{background:var(--on-accent);transform:translate(22px)}.volume-control{display:grid;gap:8px;padding:13px;border:1.5px solid var(--line);border-radius:15px;background:var(--card)}.volume-control>span{display:flex;justify-content:space-between;font-size:.76rem;font-weight:900}.volume-control output{color:var(--muted)}.volume-control input{width:100%;min-height:28px;accent-color:var(--blue)}.rating-badge{display:inline-flex;align-items:baseline;gap:10px;margin-bottom:14px;padding:8px 18px;border:1px solid rgb(var(--accent-rgb) / 40%);border-radius:var(--radius-pill);background:var(--accent-soft)}.rating-badge__tier{color:var(--accent-text);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.rating-badge__value{color:var(--text);font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:1000;letter-spacing:-.03em}.rating-badge small{color:var(--accent-text);font-size:.7rem;font-weight:600}.statistics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card--good strong{color:var(--status-success)}.stat-card--bad strong{color:var(--status-danger)}.stat-card--record strong{color:var(--action-text)}@media(min-width:760px){.statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.difficulty-bars__track{display:block;height:10px;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-sunken-strong)}.difficulty-bars__track i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--rung-color);transition:width .42s cubic-bezier(.2,.7,.25,1)}.difficulty-bars>div[data-difficulty=EASY]{--rung-color: var(--green)}.difficulty-bars>div[data-difficulty=MEDIUM]{--rung-color: var(--accent)}.difficulty-bars>div[data-difficulty=HARD]{--rung-color: var(--yellow)}.difficulty-bars>div[data-difficulty=EXPERT]{--rung-color: var(--red)}.stat-card{display:flex;min-height:118px;padding:15px;flex-direction:column;justify-content:space-between}.stat-card span{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.stat-card strong{font-size:clamp(1.8rem,6vw,3rem);font-weight:950;letter-spacing:-.06em}.recent-matches{margin-top:12px;padding:clamp(15px,3vw,23px)}.recent-matches h2{font-size:1.1rem;font-weight:950}.recent-matches__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.recent-matches__heading>.secondary-button{min-height:44px;padding-inline:14px;font-size:.68rem}.recent-matches ul{display:grid;gap:7px;padding:0;margin:14px 0 0;list-style:none}.recent-matches li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--cream);font-size:.72rem;font-weight:850}.recent-matches li b,.recent-matches li small{display:block}.recent-matches li small{color:var(--muted);font-size:.62rem}.difficulty-stats,.recent-performance{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr);align-items:center;gap:16px;margin-top:12px;padding:clamp(15px,3vw,23px)}.recent-performance h2{font-size:1.1rem;font-weight:950}.recent-performance dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}.recent-performance dl>div{display:grid;min-height:64px;padding:8px;place-items:center;border-radius:12px;background:var(--cream);text-align:center}.recent-performance dt{color:var(--muted);font-size:.6rem;font-weight:800}.recent-performance dd{margin:0;font-size:1.05rem;font-weight:950}.difficulty-stats h2{margin-top:3px;font-size:1.1rem;font-weight:950}.difficulty-stats dl{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0}.difficulty-stats dl>div{display:grid;grid-template-columns:70px minmax(0,1fr) 44px;align-items:center;gap:10px}.difficulty-stats dt{color:var(--text-muted);font-size:.72rem;font-weight:800}.difficulty-stats dd{margin:0;font-size:.86rem;font-variant-numeric:tabular-nums;font-weight:1000;text-align:right}.manga-intro{display:grid;grid-template-columns:90px minmax(0,1fr);width:min(100%,560px);min-height:100px;padding:8px 18px 8px 5px;margin:0 auto 14px;align-items:center}.manga-intro .mascot__figure{width:88px}.manga-intro b,.manga-intro span{display:block}.manga-intro b{font-size:.92rem;font-weight:950}.manga-intro span{margin-top:3px;color:var(--muted);font-size:.7rem;font-weight:750}.manga-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.manga-panel{position:relative;min-width:0;padding:13px;overflow:hidden}.manga-panel:before{position:absolute;top:-35px;right:-35px;width:90px;aspect-ratio:1;border-radius:50%;background:var(--panel-accent);content:"";opacity:.18}.manga-panel--red{--panel-accent: var(--red);--on-panel-accent: var(--on-red)}.manga-panel--blue{--panel-accent: var(--blue);--on-panel-accent: var(--on-blue)}.manga-panel--yellow{--panel-accent: var(--yellow);--on-panel-accent: var(--on-yellow)}.manga-panel--green{--panel-accent: var(--green);--on-panel-accent: var(--on-green)}.manga-panel--purple{--panel-accent: var(--purple);--on-panel-accent: var(--on-purple)}.manga-panel header{display:flex;align-items:center;gap:8px}.manga-panel header span{display:grid;flex:0 0 auto;width:27px;aspect-ratio:1;place-items:center;border:1.5px solid var(--ink);border-radius:9px;color:var(--on-panel-accent);background:var(--panel-accent);font-size:.72rem;font-weight:950}.manga-panel h2{font-size:clamp(.76rem,2vw,.94rem);font-weight:950;line-height:1.12}.manga-panel p{margin-top:9px;color:var(--muted);font-size:.68rem;font-weight:750;text-align:center}.manga-sequence{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:7px;margin-top:11px}.manga-sequence>b{text-align:center}.manga-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;border:1.5px solid var(--ink);border-radius:8px;background:var(--surface-inverse)}.manga-cell{display:grid;min-width:0;aspect-ratio:1;place-items:center;border-radius:2px;color:var(--on-cell, var(--text));font-size:clamp(.44rem,1.7vw,.64rem);font-style:normal;font-weight:950}.manga-cell--red{background:var(--red);--on-cell: var(--on-red)}.manga-cell--blue{background:var(--blue);--on-cell: var(--on-blue)}.manga-cell--yellow{background:var(--yellow);--on-cell: var(--on-yellow)}.manga-cell--green{background:var(--green);--on-cell: var(--on-green)}.manga-cell--purple{background:var(--purple);--on-cell: var(--on-purple)}.manga-cell[data-owner=PLAYER_1]{box-shadow:inset 0 0 0 2px #fff}.manga-cell[data-owner=PLAYER_2]{color:var(--on-cell);box-shadow:inset 0 0 0 2px var(--ink)}.manga-cell[data-blocked=true]{color:var(--on-cell);filter:saturate(.7)}.manga-tutorial-cta{display:block;width:min(100%,360px);margin:16px auto 0}.pause-button{min-height:44px;padding:7px 11px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);font-size:.7rem;font-weight:900}.pause-button:disabled{opacity:.45}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;padding:14px;overflow-y:auto;place-items:center;background:rgb(var(--shade-rgb) / 54%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:modal-fade-in .18s ease-out both}.pause-overlay,.victory-overlay,.pie-rule-overlay{width:min(100%,520px);max-height:calc(100vh - 28px);padding:clamp(17px,4vw,28px);overflow-y:auto;border-color:var(--ink);text-align:center;animation:modal-pop-in .23s cubic-bezier(.2,.8,.3,1.1) both}.pause-overlay>.mascot,.quit-confirmation>.mascot,.victory-overlay>.mascot,.pie-rule-overlay>.mascot{height:105px}.pause-overlay .mascot__figure,.quit-confirmation .mascot__figure,.victory-overlay .mascot__figure,.pie-rule-overlay .mascot__figure{width:105px}.pause-overlay h2,.victory-overlay h2{margin-top:3px;font-size:clamp(1.65rem,6vw,2.5rem);font-weight:1000;letter-spacing:-.055em}.overlay-menu{display:grid;gap:8px;width:min(100%,330px);margin:18px auto 0}.text-button,.danger-button{min-height:46px;padding:8px 12px;border-radius:12px;font-size:.72rem;font-weight:900}.text-button{color:var(--muted);background:transparent}.text-button--danger{color:var(--status-danger)}.danger-button{border:1.5px solid var(--danger-border);color:var(--on-danger);background:var(--danger-surface)}.pause-overlay__subhead{display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;margin-bottom:16px}.pause-overlay__subhead h2{font-size:1.35rem}.pause-overlay__subhead .screen-back{padding-inline:8px}.settings-panel--compact{text-align:left}.settings-panel--compact .settings-grid{grid-template-columns:1fr}.quit-confirmation p{margin-top:7px;color:var(--muted);font-size:.78rem;font-weight:750}.quit-confirmation>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.pie-rule-overlay{display:flex;max-width:30rem;padding:var(--space-5);flex-direction:column;gap:var(--space-3);text-align:center}.pie-rule-overlay__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.pie-rule-overlay__actions button{min-height:44px;flex:1 1 12rem}.onboarding-backdrop{background:radial-gradient(circle at 50% 6%,rgb(var(--accent-rgb) / 18%),transparent 34%),rgb(var(--shade-rgb) / 76%)}.onboarding{display:flex;width:min(100%,390px);flex-direction:column;align-items:center;padding:clamp(20px,5vw,30px) clamp(18px,5vw,26px) clamp(20px,4vw,26px);text-align:center}.onboarding__mascot .mascot__figure{width:clamp(130px,40vw,170px)}.onboarding h2{margin:4px 0 0;font-size:clamp(1.35rem,5vw,1.7rem);font-weight:1000;letter-spacing:-.03em}.onboarding__steps{display:grid;width:100%;gap:10px;margin:22px 0 0;padding:0;list-style:none}.onboarding__step{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;border:1px solid var(--border-card);border-radius:16px;background:var(--surface-sunken-strong);text-align:left}.onboarding__number{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:11px;color:var(--step-ink);background:var(--step-color);font-size:.95rem;font-weight:1000}.onboarding__step--yellow{--step-color: var(--yellow);--step-ink: var(--on-yellow)}.onboarding__step--green{--step-color: var(--green);--step-ink: var(--on-green)}.onboarding__step--blue{--step-color: var(--blue);--step-ink: var(--on-blue)}.onboarding__copy{display:grid;min-width:0;gap:3px}.onboarding__copy strong{font-size:.92rem;font-weight:1000;letter-spacing:-.01em;text-transform:uppercase}.onboarding__copy small{color:var(--text-muted);font-size:.76rem;font-weight:500;line-height:1.4;text-wrap:pretty}.onboarding__actions{display:grid;width:100%;gap:10px;margin-top:22px}.onboarding__learn{min-height:60px;border-radius:18px;font-size:.84rem}.onboarding__skip{min-height:52px;border-radius:16px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(22px,5vw,34px) 20px;text-align:center}.empty-state__tiles{display:flex;gap:7px;margin-bottom:6px;opacity:.35}.empty-state__tiles i{width:28px;aspect-ratio:1;border:2px dashed var(--border-strong);border-radius:8px}.empty-state h3{margin:0;font-size:1.05rem;font-weight:1000;letter-spacing:-.02em;text-transform:uppercase}.empty-state p{max-width:34ch;margin:0;color:var(--text-muted);font-size:.8rem;font-weight:500;line-height:1.45;text-wrap:pretty}.empty-state .primary-button,.empty-state .secondary-button{margin-top:10px;padding-inline:22px}.empty-state--streak{border:1px solid rgb(var(--action-rgb) / 45%);border-radius:20px;background:var(--action-soft)}.empty-state--streak h3{color:var(--action-text)}.victory-backdrop{background:radial-gradient(circle at 20% 20%,rgb(var(--action-rgb) / 26%),transparent 26%),radial-gradient(circle at 80% 80%,rgb(var(--accent-rgb) / 22%),transparent 28%),rgb(var(--shade-rgb) / 72%)}.victory-overlay{width:min(100%,620px)}.victory-overlay h2{margin-top:10px;color:var(--wordmark-fill);font-size:clamp(2rem,6vw,3.25rem);font-weight:1000;letter-spacing:-.045em;line-height:.9;text-transform:uppercase;-webkit-text-stroke:clamp(2px,.5vw,3px) var(--wordmark-stroke);text-shadow:var(--wordmark-shadow)}.victory-overlay__result{margin-top:5px;color:var(--muted);font-size:.78rem;font-weight:800}.victory-scores{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:8px;margin-top:18px}.victory-scores article{display:grid;min-width:0;padding:13px;border:1.5px solid var(--line);border-radius:16px;background:var(--cream)}.victory-scores article[data-winner=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--yellow)}.victory-scores article span,.victory-scores article small{font-size:.65rem;font-weight:850}.victory-scores article strong{margin-block:3px;font-size:clamp(1.8rem,7vw,2.8rem);font-weight:1000}.victory-scores article small{color:var(--muted)}.victory-scores>span{color:var(--muted);font-size:.65rem;font-weight:950}.victory-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 0}.victory-details div{padding:9px 5px;border-radius:11px;background:var(--cream)}.victory-details dt{min-height:24px;color:var(--muted);font-size:.56rem;font-weight:800}.victory-details dd{margin:3px 0 0;font-size:.95rem;font-weight:950}.victory-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}.victory-actions .text-button{grid-column:1 / -1}.replay-screen{width:min(calc(100% - 24px),1180px)}.replay-screen__header{display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);min-height:92px;align-items:center;margin-bottom:14px;text-align:center}.replay-screen__header h1{margin:3px 0 0;font-size:clamp(1.35rem,4vw,2.2rem);font-weight:1000;letter-spacing:-.045em}.replay-screen__header>.mascot{justify-self:end;width:82px;height:82px}.replay-screen__header .mascot__figure{width:82px}.replay-layout{display:grid;grid-template-areas:"one arena two";grid-template-columns:minmax(150px,.7fr) minmax(400px,2fr) minmax(150px,.7fr);align-items:start;gap:14px}.replay-player--one{grid-area:one}.replay-player--two{grid-area:two}.replay-arena{grid-area:arena;padding:clamp(10px,2vw,16px)}.replay-arena .game-board-frame{margin-top:10px}.replay-console{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:14px;margin-top:14px;padding:14px}.replay-shortcuts{grid-column:1 / -1;color:var(--muted);font-size:.65rem;font-weight:750;text-align:center}.review-summary--costly span{color:var(--status-danger)}.replay-graph{display:flex;height:64px;align-items:flex-end;gap:3px;margin-bottom:12px;padding:8px 10px;border:1px solid var(--border-card);border-radius:14px;background:var(--surface-sunken-strong)}.replay-graph__bar{min-width:3px;flex:1 1 0;padding:0;border:none;border-radius:2px;background:var(--border-card);transition:background .14s ease}.replay-graph__bar[data-state=played][data-player=PLAYER_1]{background:var(--text)}.replay-graph__bar[data-state=played][data-player=PLAYER_2]{background:var(--border-strong)}.replay-graph__bar[data-state=current]{background:var(--action)}.replay-graph__bar:hover{background:var(--accent)}.replay-scrubber{display:grid;grid-column:1 / -1;gap:7px}.replay-scrubber>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.66rem;font-weight:850}.replay-scrubber output{color:var(--ink);font-variant-numeric:tabular-nums}.replay-scrubber input{width:100%;min-height:28px;accent-color:var(--blue)}.replay-scrubber input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.replay-move strong,.replay-move span{display:block}.replay-move strong{font-size:1rem;font-weight:950}.replay-move span{margin-top:3px;color:var(--muted);font-size:.68rem;font-weight:750}.replay-transport{display:grid;grid-template-columns:repeat(5,minmax(44px,auto));gap:5px}.replay-transport button,.replay-speeds button{min-width:44px;min-height:44px;border:1.5px solid var(--line);border-radius:11px;background:var(--surface);font-size:.72rem;font-weight:900}.replay-transport button:disabled{cursor:not-allowed;opacity:.42}.replay-transport .replay-transport__play{min-width:68px;color:var(--text-inverse);background:var(--surface-inverse)}.replay-speeds{display:grid;grid-template-columns:repeat(4,44px);gap:4px;padding:0;margin:0;border:0}.replay-speeds legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.replay-speeds button[aria-pressed=true]{border-color:var(--ink);background:var(--yellow);box-shadow:inset 0 0 0 1px var(--ink)}@keyframes modal-fade-in{0%{opacity:0}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}@media(min-width:840px){.manga-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manga-panel:last-child{grid-column:2}}@media(max-width:839px){.replay-layout{grid-template-areas:"one two" "arena arena";grid-template-columns:repeat(2,minmax(0,1fr))}.replay-console{grid-template-columns:1fr}.replay-transport,.replay-speeds{justify-content:center}}@media(max-width:639px){.screen-header{grid-template-columns:76px minmax(0,1fr) 76px}.screen-back{padding-inline:9px;font-size:.64rem}.play-mode-grid,.play-options,.settings-grid,.data-management{grid-template-columns:1fr}.data-management__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.data-import-confirm{align-items:stretch;flex-direction:column}.data-import-confirm>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-progress{grid-template-columns:auto minmax(90px,1fr);gap:10px}.puzzle-progress>p{grid-column:1 / -1;text-align:center}.puzzle-filters__groups{grid-template-columns:1fr}.puzzle-filter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.play-options__heading,.play-option-group--difficulty,.play-launch{grid-column:auto}.play-option-group--difficulty .segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-stats,.recent-performance{grid-template-columns:1fr}.recent-performance dl{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-stats dl>div{grid-template-columns:58px minmax(0,1fr) 38px;gap:8px}.replay-screen__header{grid-template-columns:70px minmax(0,1fr) 70px}.replay-screen__header>.mascot,.replay-screen__header .mascot__figure{width:68px}}@media(max-width:479px){.navigation-screen{width:min(calc(100% - 14px),1040px);padding-top:9px}.screen-header{grid-template-columns:63px minmax(0,1fr) 63px;gap:6px;margin-bottom:15px}.screen-header h1{font-size:1.35rem}.screen-back{padding:7px}.screen-back__label{display:none}.home-screen{padding-inline:9px}.play-mode-card{min-height:78px}.play-options{gap:14px;padding:14px}.settings-card{padding:11px}.statistics-grid{gap:7px}.stat-card{min-height:100px;padding:11px}.recent-matches li{grid-template-columns:minmax(0,1fr) auto}.recent-matches li>span:last-child{display:none}.manga-grid{grid-template-columns:1fr}.manga-panel{padding:11px}.pause-button{padding-inline:9px}.modal-backdrop{padding:7px}.pause-overlay,.victory-overlay,.pie-rule-overlay{max-height:calc(100vh - 14px);padding:14px;border-radius:18px}.victory-details dt{min-height:31px}.victory-actions{grid-template-columns:1fr}.victory-actions .text-button{grid-column:auto}.replay-screen{width:min(calc(100% - 14px),1180px)}.replay-screen__header{grid-template-columns:50px minmax(0,1fr) 50px;min-height:66px}.replay-screen__header>.mascot,.replay-screen__header .mascot__figure{width:50px;height:50px}.replay-layout{gap:7px}.replay-console{gap:10px;padding:10px}.replay-transport{width:100%;grid-template-columns:repeat(5,minmax(44px,1fr))}.replay-transport button{min-width:0}.replay-speeds{width:100%;grid-template-columns:repeat(4,minmax(44px,1fr))}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.pause-overlay,.victory-overlay,.pie-rule-overlay{animation:none!important}}.review-curve{display:block;width:100%;height:48px;overflow:visible}.review-curve__area{fill:var(--curve-area)}.review-curve__midline{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:3 3}.review-curve__line{fill:none;stroke:var(--curve-line);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.review-curve__turning{stroke:var(--text);stroke-width:1.5;stroke-dasharray:2 2}.review-curve__cursor{fill:var(--curve-line);stroke:var(--surface);stroke-width:2}.review-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);font-size:.72rem;font-weight:750;color:var(--text-muted)}.review-summary button{min-height:44px;padding:0 var(--space-3);border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);background:var(--surface);font:inherit;font-weight:800;cursor:pointer}