:root{color-scheme:dark;--game-bg:#030814;--game-panel:#07182c8f;--game-line:#67e8f947;--game-cyan:#67e8f9;--game-violet:#c084fc;--game-gold:#fbbf24;--game-text:#f8fafc;--game-muted:#a5b4c8}.game-page{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.game-page *,.game-page :before,.game-page :after{box-sizing:border-box}.skip-link{z-index:100;color:#020617;background:#f8fafc;border-radius:.5rem;padding:.65rem .85rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}.page-arrival{animation:.42s cubic-bezier(.22,1,.36,1) both page-arrival}.game-page{background:radial-gradient(circle at 15% 10%, #0ea5e929, transparent 32rem), radial-gradient(circle at 88% 24%, #c084fc24, transparent 30rem), var(--game-bg);min-width:0;min-height:100vh;color:var(--game-text);overflow-x:clip}.game-shell{width:min(100% - 1.5rem,92rem);margin-inline:auto;padding:clamp(.65rem,1.5vw,1.25rem) 0 2rem}.game-masthead{align-items:start;gap:.25rem;margin-bottom:clamp(.65rem,1.2vw,1rem);display:grid}.game-masthead>a{width:fit-content;min-height:40px;color:var(--game-cyan);align-items:center;text-decoration:none;display:inline-flex}.game-masthead h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.15rem,5.2vw,4.5rem);line-height:.94}.game-masthead p:not(.eyebrow){color:var(--game-muted);margin:.45rem 0 0;font-size:clamp(.92rem,1.5vw,1.12rem)}.eyebrow,.console-label{color:var(--game-cyan);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .45rem;font-size:.75rem;font-weight:800}.game-island{gap:clamp(.5rem,1vw,.8rem);display:grid;position:relative;container:game/inline-size}.game-stage,.game-console,.status-deck,.board-frame{min-width:0}.game-stage,.game-console{z-index:1;position:relative}.status-deck,.board-frame,.game-console{border:1px solid var(--game-line);background:var(--game-panel);backdrop-filter:blur(7px)saturate(112%);box-shadow:0 18px 56px #0000002e}.motion-effects-enabled .status-deck,.motion-effects-enabled .board-frame,.motion-effects-enabled .game-console{background-image:linear-gradient(108deg,#0000 38%,#ffffff09 47%,#67e8f913 50%,#ffffff06 53%,#0000 62%);background-position:-220% 0;background-repeat:no-repeat;background-size:220% 100%;animation:47s ease-in-out infinite panel-light-shimmer}.color-effects-enabled .status-deck,.color-effects-enabled .board-frame,.color-effects-enabled .game-console{animation:37s linear infinite neon-border-shimmer}.motion-effects-enabled.color-effects-enabled .status-deck,.motion-effects-enabled.color-effects-enabled .board-frame,.motion-effects-enabled.color-effects-enabled .game-console{animation:47s ease-in-out infinite panel-light-shimmer,37s linear infinite neon-border-shimmer}.status-deck{border-radius:1rem 1rem 0 0;grid-template-columns:1fr repeat(3,minmax(4.5rem,auto));align-items:center;gap:.4rem;padding:clamp(.5rem,1vw,.7rem);display:grid}.phase-capsule{border:1px solid color-mix(in srgb, var(--game-cyan) 50%, transparent);width:fit-content;color:var(--game-cyan);letter-spacing:.08em;text-transform:uppercase;background:#0891b229;border-radius:999px;padding:.45rem .7rem;font-size:.8rem;font-weight:800;transition:background-color .18s,color .18s}.phase-capsule[data-phase=checking]{color:#e9d5ff;background:#c084fc33}.phase-capsule[data-phase=match-found]{color:#fde68a;background:#fbbf2433}.metric{text-align:right;gap:.15rem;display:grid}.metric span{color:var(--game-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.metric strong{font-variant-numeric:tabular-nums;font-size:clamp(1rem,2.5vw,1.45rem)}.board-frame{isolation:isolate;border-top:0;border-radius:0 0 1rem 1rem;padding:clamp(.45rem,1vw,.75rem);position:relative;overflow:hidden}.word-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.3rem,.65vw,.5rem);display:grid}.word-board button,.special-controls button,.primary-actions button,.soundtrack-toggle,.game-dialog button{border:1px solid color-mix(in srgb, var(--game-cyan) 22%, #334155);min-width:0;min-height:48px;color:var(--game-text);font:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(150deg,#0f233bf5,#040f1df5);border-radius:.75rem;font-weight:750;transition:border-color .14s,transform .14s,background-color .14s}.word-board button{overflow-wrap:anywhere;padding:clamp(.4rem,.8vw,.65rem) .4rem;font-size:clamp(.78rem,2.4vw,1rem)}.word-board button:hover:not(:disabled),.special-controls button:hover:not(:disabled),.primary-actions button:hover:not(:disabled),.soundtrack-toggle:hover:not(:disabled){border-color:var(--game-cyan);transform:translateY(-2px)}.word-board button.selected,.special-controls button.selected{border-color:var(--game-gold);background:linear-gradient(150deg,#78350feb,#331604f5);box-shadow:inset 0 0 0 1px #fbbf244d,0 0 24px #fbbf241f}button:focus-visible,a:focus-visible{outline:3px solid var(--game-gold);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.52}.special-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.3rem,.65vw,.5rem);margin-top:clamp(.35rem,.7vw,.55rem);display:grid}.special-controls button{padding:.55rem;font-size:.78rem}.bonus-tile{color:#fde68a!important}.pixi-effects{z-index:2;pointer-events:none;position:absolute;inset:0}.pixi-effects canvas{width:100%;height:100%;display:block}.game-console{border-radius:1rem;padding:clamp(.65rem,1.25vw,1rem)}.console-heading{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.console-heading .console-label,.selection-count{margin:0 0 .45rem}.selection-count{color:var(--game-muted);font-size:.9rem}.selection-tray{border:1px dashed var(--game-line);border-radius:.8rem;flex-wrap:wrap;align-content:flex-start;gap:.35rem;min-height:3.25rem;padding:.5rem;display:flex}.selection-tray span:not(.empty-selection){color:#cffafe;background:#67e8f91f;border-radius:999px;padding:.35rem .55rem;font-size:.82rem}.empty-selection,.live-status,.error-message,.found-groups span{color:var(--game-muted)}.primary-actions{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;margin-top:.55rem;display:grid}.primary-actions button,.game-dialog button{padding:.6rem .75rem}.soundtrack-toggle{width:100%;min-height:44px;margin-top:.5rem;padding:.5rem .75rem}.soundtrack-toggle[aria-pressed=true]{border-color:color-mix(in srgb, var(--game-violet) 70%, white);background:linear-gradient(135deg,#6d28d9db,#0e7490db)}.shortcut-hint{color:var(--game-muted);margin:.45rem 0 0;font-size:.78rem;line-height:1.45}.primary-button{border-color:color-mix(in srgb, var(--game-cyan) 70%, white)!important;background:linear-gradient(135deg,#0e7490,#6d28d9)!important}.live-status{min-height:1.5rem;margin:.55rem 0 0}.soundtrack-notice{color:#fde68a;margin:.65rem 0 0;font-size:.85rem;line-height:1.45}.analytics-shell{max-width:72rem;margin-inline:auto;padding:clamp(1rem,4vw,3rem)}.analytics-masthead{border-bottom:1px solid var(--game-line);margin-bottom:1.25rem;padding-bottom:1.25rem}.analytics-masthead>a{color:var(--game-cyan);align-items:center;min-height:44px;display:inline-flex}.analytics-masthead h1{margin:.65rem 0;font-size:clamp(2rem,6vw,4rem);line-height:1}.analytics-masthead p:not(.eyebrow),.analytics-note{color:var(--game-muted);max-width:70ch;line-height:1.6}.analytics-panel{border:1px solid var(--game-line);background:linear-gradient(135deg,#082f49b3,#0f172aeb);border-radius:1rem;padding:clamp(1rem,3vw,1.5rem)}.analytics-panel h2{margin-top:0}.analytics-metrics{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.8rem;margin:1rem 0;display:grid}.analytics-metric{border:1px solid color-mix(in srgb, var(--game-cyan) 25%, transparent);background:#020c1ba6;border-radius:.8rem;min-height:5.75rem;padding:.8rem}.analytics-metric span,.analytics-metric strong{display:block}.analytics-metric span{color:var(--game-muted);text-transform:capitalize}.analytics-metric strong{color:var(--game-cyan);margin-top:.3rem;font-size:clamp(1.4rem,4vw,2rem)}.analytics-table-wrap{overflow-x:auto}.analytics-table-wrap table{border-collapse:collapse;width:100%;min-width:18rem}.analytics-table-wrap th,.analytics-table-wrap td{border-bottom:1px solid var(--game-line);text-align:left;padding:.8rem}.error-message{border-left:3px solid #fb7185;padding-left:.75rem}.found-groups{margin-top:1.5rem}.found-groups h2{font-size:1rem}.found-groups article{border-top:1px solid var(--game-line);gap:.2rem;padding:.75rem 0;display:grid}.found-groups span{font-size:.85rem}.game-dialog-backdrop{z-index:20;backdrop-filter:blur(18px);background:#01040cd1;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.game-dialog,.loading-card{border:1px solid var(--game-line);background:#071426;border-radius:1.2rem;width:min(100%,36rem);max-height:calc(100dvh - 2rem);padding:clamp(1.25rem,4vw,2rem);overflow:auto;box-shadow:0 30px 100px #0000008c}.game-dialog h2{overflow-wrap:anywhere;margin-top:0;font-size:clamp(1.8rem,6vw,3rem)}.game-dialog li+li{margin-top:.5rem}.game-fallback{border:1px solid var(--game-line);padding:1rem}@container game (width>=52rem){.word-board,.special-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=76rem){.game-island{grid-template-columns:minmax(0,3fr) minmax(18rem,1fr);align-items:start}.game-console{position:sticky;top:1rem}}@media (width<=35rem){.game-shell{width:min(100% - .75rem,92rem);padding-top:.4rem}.game-masthead{margin-bottom:.55rem}.game-masthead>a{min-height:36px;font-size:.92rem}.game-masthead h1{font-size:clamp(2rem,10vw,2.8rem)}.game-masthead .eyebrow{letter-spacing:.13em;margin-bottom:.3rem;font-size:.66rem}.game-masthead p:not(.eyebrow){margin-top:.3rem;font-size:.9rem}.game-island{flex-direction:column;display:flex}.game-console{z-index:6;border-radius:.85rem;order:-1;padding:.55rem;position:sticky;top:.35rem;box-shadow:0 12px 34px #00000047}.selection-tray{min-height:3rem}.shortcut-hint{display:none}.live-status{font-size:.82rem}.status-deck{grid-template-columns:repeat(3,1fr);padding:.45rem .55rem}.phase-capsule{grid-column:1/-1;padding:.35rem .6rem;font-size:.7rem}.metric{text-align:left}.word-board button{min-height:48px;font-size:clamp(.74rem,3.4vw,.9rem)}}.effect-preferences{border:1px solid var(--game-line);border-radius:.9rem;margin:1rem 0;padding:1rem}.effect-preferences legend{color:var(--game-cyan);padding-inline:.35rem;font-weight:800}.effect-preferences label{align-items:center;gap:.65rem;min-height:44px;font-weight:750;display:flex}.effect-preferences input{block-size:1.25rem;inline-size:1.25rem}.effect-preferences p{color:var(--game-muted);margin:0 0 .65rem 1.9rem;font-size:.85rem;line-height:1.45}@keyframes page-arrival{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}@keyframes panel-light-shimmer{0%,68%{background-position:-220% 0}80%,to{background-position:220% 0}}@keyframes neon-border-shimmer{0%,to{border-color:color-mix(in srgb, var(--game-cyan) 28%, transparent);box-shadow:0 18px 56px #0000002e,0 0 18px #67e8f909}31%{border-color:color-mix(in srgb, var(--game-violet) 27%, transparent);box-shadow:0 18px 56px #0000002e,0 0 20px #c084fc0a}67%{border-color:color-mix(in srgb, var(--game-gold) 24%, transparent);box-shadow:0 18px 56px #0000002e,0 0 16px #fbbf2408}}
