._logo_xc5v0_1{vertical-align:middle;flex:none;place-items:center;line-height:0;display:inline-grid}._symbol_xc5v0_9{width:var(--brand-logo-size,36px);height:var(--brand-logo-size,36px)}._horizontal_xc5v0_14{width:var(--brand-logo-width,128px);height:var(--brand-logo-height,40px)}._artwork_xc5v0_19{object-fit:contain;width:100%;height:100%;transition:opacity var(--transition-speed,0s);-webkit-user-select:none;user-select:none;grid-area:1/1;display:block}._forDarkSurface_xc5v0_29,:root[data-theme=dark] ._forLightSurface_xc5v0_33,:root[data-theme=contrast] ._forLightSurface_xc5v0_33,:root[data-theme=midnight] ._forLightSurface_xc5v0_33,:root[data-theme=forest] ._forLightSurface_xc5v0_33,:root[data-theme=rose-pine] ._forLightSurface_xc5v0_33,:root[data-theme=dracula] ._forLightSurface_xc5v0_33{opacity:0}:root[data-theme=dark] ._forDarkSurface_xc5v0_29,:root[data-theme=contrast] ._forDarkSurface_xc5v0_29,:root[data-theme=midnight] ._forDarkSurface_xc5v0_29,:root[data-theme=forest] ._forDarkSurface_xc5v0_29,:root[data-theme=rose-pine] ._forDarkSurface_xc5v0_29,:root[data-theme=dracula] ._forDarkSurface_xc5v0_29{opacity:1}._forcedColorsWordmark_xc5v0_51,._forcedColorsSymbol_xc5v0_52{display:none}@media (forced-colors:active){._artwork_xc5v0_19{display:none}._forcedColorsWordmark_xc5v0_51{color:canvastext;font-family:Arial Rounded MT Bold,Segoe UI Variable Display,sans-serif;font-size:calc(var(--brand-logo-height,40px) * .58);grid-area:1/1;align-items:center;font-weight:900;line-height:1;display:inline-flex}._forcedColorsSymbol_xc5v0_52{width:calc(var(--brand-logo-size,36px) - 4px);height:calc(var(--brand-logo-size,36px) - 4px);border-radius:var(--rounded-sm);color:canvastext;font-family:Arial Rounded MT Bold,Segoe UI Variable Display,sans-serif;font-size:calc(var(--brand-logo-size,36px) * .46);border:2px solid canvastext;grid-area:1/1;place-items:center;font-weight:900;line-height:1;display:inline-grid}}._gate_jf6v0_3{gap:10px;display:grid}._gate_jf6v0_3 h1{margin-bottom:2px}._gate_jf6v0_3 p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.45}._gate_jf6v0_3 .primary-action{margin-top:4px}._actions_jf6v0_22{gap:8px;margin-top:4px;display:grid}._actions_jf6v0_22 button{background:var(--control-bg);min-height:44px;color:var(--ink);border-radius:8px;font-weight:900;line-height:1.1}._actions_jf6v0_22 .primary-action{background:var(--ink);color:var(--paper);margin-top:0}._layer_5cqyj_1{z-index:60;place-items:center;padding:16px;display:grid;position:fixed;inset:0}._scrim_5cqyj_10{background:#20242c6b;border-radius:0;width:100%;height:100%;position:absolute;inset:0}._dialog_5cqyj_19{z-index:1;background:var(--panel);gap:12px;width:min(420px,100%);padding:20px;display:grid;position:relative}._dialog_5cqyj_19 h2{margin:0;font-size:1.35rem}._dialog_5cqyj_19 p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.45}._actions_5cqyj_40{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}._actions_5cqyj_40 button{border-radius:8px;min-height:44px;padding:0 12px;font-weight:900;line-height:1.12}._actions_5cqyj_40 button:first-child{border:1px solid var(--line);background:var(--control-bg);color:var(--ink)}._actions_5cqyj_40 button:last-child{background:var(--accent);color:var(--accent-text)}@media (width<=430px){._actions_5cqyj_40{grid-template-columns:1fr}}._picker_ntfez_1{color:var(--muted);border:0;gap:8px;margin:16px 0;padding:0;font-weight:700;display:grid}._legend_ntfez_11{margin-bottom:8px;padding:0}._grid_ntfez_16{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}._card_ntfez_22{background:var(--panel);border:1px solid var(--line);border-radius:var(--rounded-md);cursor:pointer;transition:border-color var(--transition-speed), transform var(--transition-speed);gap:8px;padding:8px;display:grid;position:relative}._card_ntfez_22:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));transform:translateY(-1px)}._card_ntfez_22[data-selected]{border-color:var(--correct);box-shadow:inset 0 0 0 1px var(--correct)}._card_ntfez_22:has(._input_ntfez_46:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-border)}._input_ntfez_46{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}._preview_ntfez_60{border-radius:var(--rounded-sm);display:grid;overflow:hidden}._previewSplit_ntfez_66{grid-template-columns:1fr 1fr}._previewSplit_ntfez_66 ._plate_ntfez_70:first-child{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}._previewSplit_ntfez_66 ._plate_ntfez_70:last-child{border-top-left-radius:0;border-bottom-left-radius:0}._plate_ntfez_70{background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 96%, white), var(--paper));min-height:74px;color:var(--ink);border:1px solid var(--line);border-radius:var(--rounded-sm);align-content:center;justify-items:start;gap:8px;padding:12px;display:grid}._tiles_ntfez_94{gap:4px;display:inline-flex}._tile_ntfez_94{border-radius:var(--rounded-xs);border:1px solid #0000;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-style:normal;font-weight:900;display:inline-flex}._tileCorrect_ntfez_112{background:var(--correct);color:var(--correct-text)}._tilePresent_ntfez_117{background:var(--present);color:var(--present-text)}._tileAbsent_ntfez_122{background:var(--absent);color:var(--absent-text)}._sample_ntfez_127{font-size:.95rem;font-weight:800;line-height:1}._cardLabel_ntfez_133{color:var(--ink);grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;align-items:center;gap:6px;font-size:.85rem;font-weight:800;display:grid}._hint_ntfez_143{min-width:0;color:var(--muted);font-size:.7rem;font-weight:700;line-height:1.1}._check_ntfez_151{color:var(--correct);grid-column:3;justify-self:end}@media (forced-colors:active){._card_ntfez_22[data-selected]{border:2px solid highlight}._tile_ntfez_94{forced-color-adjust:none;color:buttontext;background:buttonface}._tileCorrect_ntfez_112{border:2px solid highlight}._tilePresent_ntfez_117{border:2px dashed buttontext}._tileAbsent_ntfez_122{color:graytext;border:2px dotted graytext}}._panel_11hkx_1{border:1px solid var(--line);background:var(--soft-surface);border-radius:8px;gap:8px;padding:10px;display:grid}._summary_11hkx_10{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;font-size:.78rem;font-weight:900;display:flex}._summary_11hkx_10 span{min-width:0}._summary_11hkx_10 strong{color:var(--ink);font-size:1.05rem;display:block}._calendar_11hkx_31{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}._day_11hkx_40{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--muted);border-radius:8px;place-items:center;font-size:.68rem;font-weight:900;display:grid}._day_11hkx_40._won_11hkx_52{border-color:color-mix(in srgb, var(--correct) 46%, var(--line));background:color-mix(in srgb, var(--correct) 12%, var(--panel));color:var(--correct)}._day_11hkx_40._lost_11hkx_58{border-color:color-mix(in srgb, var(--present) 46%, var(--line));background:color-mix(in srgb, var(--present) 16%, var(--panel));color:var(--ink)}._day_11hkx_40._today_11hkx_64{box-shadow:inset 0 0 0 2px var(--focus-border)}._rail_oyroe_4{--rail-expanded-width:224px;--rail-expand-delay:60ms;z-index:20;width:var(--rail-width);background:color-mix(in srgb, var(--panel) 88%, var(--paper));border-right:1px solid color-mix(in srgb, var(--line) 74%, transparent);transition:width var(--transition-speed) var(--ease-out-expo) var(--rail-expand-delay), box-shadow var(--transition-speed) var(--ease-out-expo) var(--rail-expand-delay);flex-direction:column;align-items:center;gap:8px;padding:16px 0 12px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}._rail_oyroe_4:hover{--rail-expand-delay:.28s}._rail_oyroe_4:has(:focus-visible){--rail-expand-delay:0s}._rail_oyroe_4:hover{width:var(--rail-expanded-width);box-shadow:14px 0 30px rgb(var(--shadow-rgb) / .16)}._rail_oyroe_4:has(:focus-visible){width:var(--rail-expanded-width);box-shadow:14px 0 30px rgb(var(--shadow-rgb) / .16)}._brand_oyroe_46{width:44px;height:56px;transition:width var(--transition-speed) var(--ease-out-expo) var(--rail-expand-delay);flex:none;place-items:center;display:grid}._rail_oyroe_4:hover ._brand_oyroe_46{width:calc(var(--rail-expanded-width) - 20px)}._rail_oyroe_4:has(:focus-visible) ._brand_oyroe_46{width:calc(var(--rail-expanded-width) - 20px)}._brandSymbol_oyroe_60,._brandWordmark_oyroe_61{transition:opacity var(--transition-speed) var(--ease-out-expo) var(--rail-expand-delay), transform var(--transition-speed) var(--ease-out-expo) var(--rail-expand-delay);grid-area:1/1}._brandSymbol_oyroe_60{--brand-logo-size:36px}._brandWordmark_oyroe_61{--brand-logo-width:180px;--brand-logo-height:56px;opacity:0;transform:translate(-4px)}._rail_oyroe_4:hover ._brandSymbol_oyroe_60{opacity:0;transform:scale(.9)}._rail_oyroe_4:has(:focus-visible) ._brandSymbol_oyroe_60{opacity:0;transform:scale(.9)}._rail_oyroe_4:hover ._brandWordmark_oyroe_61{opacity:1;transform:translate(0)}._rail_oyroe_4:has(:focus-visible) ._brandWordmark_oyroe_61{opacity:1;transform:translate(0)}._group_oyroe_91{flex-direction:column;align-items:center;gap:7px;margin-top:16px;display:flex}._footer_oyroe_99{border-top:1px solid color-mix(in srgb, var(--line) 74%, transparent);flex-direction:column;align-items:center;gap:7px;margin-top:auto;padding-top:10px;display:flex}._item_oyroe_109{width:44px;height:44px;color:var(--muted);cursor:pointer;transition:background-color var(--transition-speed), color var(--transition-speed), transform var(--transition-speed) var(--ease-out-expo), width var(--transition-speed) var(--ease-out-expo) var(--rail-expand-delay);background:0 0;border:0;border-radius:11px;grid-template-columns:44px minmax(0,1fr);align-items:center;padding:0;display:grid;position:relative}._item_oyroe_109>svg{transition:transform var(--transition-speed) var(--ease-out-expo);justify-self:center}._rail_oyroe_4:hover ._item_oyroe_109{width:calc(var(--rail-expanded-width) - 20px)}._rail_oyroe_4:has(:focus-visible) ._item_oyroe_109{width:calc(var(--rail-expanded-width) - 20px)}._label_oyroe_139{white-space:nowrap;opacity:0;transition:opacity 0s linear calc(var(--transition-speed) + var(--rail-expand-delay));justify-self:start;padding-right:10px;font-size:.82rem;font-weight:800;overflow:hidden}._rail_oyroe_4:hover ._label_oyroe_139{opacity:1;transition:opacity 90ms ease-out var(--rail-expand-delay)}._rail_oyroe_4:has(:focus-visible) ._label_oyroe_139{opacity:1;transition:opacity 90ms ease-out var(--rail-expand-delay)}._item_oyroe_109:hover{background:var(--brand-soft);color:var(--ink);transform:translateY(-1px)}._item_oyroe_109:hover>svg{transform:scale(1.08)}._item_oyroe_109:active{background:color-mix(in srgb, var(--brand) 20%, var(--control-bg));transform:translateY(1px)}._item_oyroe_109[data-active]{background:var(--brand);color:var(--brand-text);box-shadow:0 3px 0 var(--brand-strong)}._item_oyroe_109[data-active]:before{content:"";border-radius:var(--rounded-pill);background:var(--brand);width:4px;height:16px;position:absolute;left:-7px}._updateDot_oyroe_190{border-radius:var(--rounded-pill);background:var(--focus);width:8px;height:8px;position:absolute;top:8px;left:28px}@media (width<=1231px){._rail_oyroe_4:hover{width:var(--rail-width);box-shadow:none}._rail_oyroe_4:has(:focus-visible){width:var(--rail-width);box-shadow:none}._rail_oyroe_4:hover ._brand_oyroe_46,._rail_oyroe_4:hover ._item_oyroe_109{width:44px}._rail_oyroe_4:has(:focus-visible) ._brand_oyroe_46{width:44px}._rail_oyroe_4:has(:focus-visible) ._item_oyroe_109{width:44px}._rail_oyroe_4:hover ._brandSymbol_oyroe_60{opacity:1;transform:none}._rail_oyroe_4:has(:focus-visible) ._brandSymbol_oyroe_60{opacity:1;transform:none}._rail_oyroe_4:hover ._brandWordmark_oyroe_61{opacity:0;transform:translate(-4px)}._rail_oyroe_4:has(:focus-visible) ._brandWordmark_oyroe_61{opacity:0;transform:translate(-4px)}._rail_oyroe_4:hover ._label_oyroe_139{opacity:0}._rail_oyroe_4:has(:focus-visible) ._label_oyroe_139{opacity:0}}@media (forced-colors:active){._rail_oyroe_4{border-right:1px solid canvastext}._item_oyroe_109[data-active]{color:highlighttext;background:highlight}._item_oyroe_109[data-active]:before{background:highlight}}._bar_jpaak_1{border:1px solid color-mix(in srgb, var(--line) 74%, transparent);background:color-mix(in srgb, var(--panel) 88%, transparent);width:min(100%,560px);min-height:56px;box-shadow:0 4px 10px rgb(var(--shadow-rgb) / .08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 8px;padding:6px 8px 6px 10px;display:flex}._identity_jpaak_17{align-items:center;min-width:0;display:inline-flex}._brandLogo_jpaak_23{--brand-logo-width:126px;--brand-logo-height:39px}._actions_jpaak_28{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}._chip_jpaak_36{background:var(--brand-soft);border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));border-radius:var(--rounded-pill);color:var(--ink);white-space:nowrap;align-items:center;gap:8px;margin:0;padding:6px 10px;font-size:.78rem;font-weight:850;display:inline-flex}._dot_jpaak_51{border-radius:var(--rounded-pill);background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 10%, transparent)}._dot_jpaak_51[data-tone=challenge]{background:var(--focus)}._dot_jpaak_51[data-tone=solved]{background:var(--correct)}@media (width>=901px) and (height<=560px){.play-area:not(.is-complete) ._bar_jpaak_1{grid-area:1/2;justify-self:center;width:min(100%,500px);margin:0 0 4px}}@media (width>=901px) and (height<=820px){._bar_jpaak_1{border-radius:11px;min-height:46px;margin-bottom:4px;padding-block:4px}._brandLogo_jpaak_23{--brand-logo-width:112px;--brand-logo-height:35px}}._panel_121o2_1{gap:12px;padding:18px;display:grid}._text_121o2_7{color:var(--muted);margin:0;font-size:.9rem;font-weight:600;line-height:1.45}._host_3plk6_3{z-index:15;width:var(--dock-width);background:color-mix(in srgb, var(--panel) 96%, var(--paper));border:1px solid color-mix(in srgb, var(--line) 74%, transparent);max-height:calc(100dvh - 16px);box-shadow:0 4px 8px rgb(var(--shadow-rgb) / .1);border-radius:16px;grid-column:4;grid-template-rows:auto minmax(0,1fr);justify-self:start;margin-left:16px;display:grid;position:sticky;top:8px;overflow:hidden}._header_3plk6_21{justify-content:flex-end;padding:8px 8px 0;display:flex}._close_3plk6_27{width:40px;height:40px;color:var(--muted);cursor:pointer;transition:background-color var(--transition-speed), color var(--transition-speed);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}._close_3plk6_27:hover{background:var(--brand-soft);color:var(--ink);transform:rotate(4deg)}._body_3plk6_49{animation:_panel-enter_3plk6_1 .32s var(--ease-out-expo);overflow-y:auto}._body_3plk6_49>.surface{box-shadow:none;background:0 0;border:0;border-radius:0}._body_3plk6_49>.final-panel{padding:18px}@keyframes _panel-enter_3plk6_1{0%{opacity:0;transform:translate(8px)}}@media (forced-colors:active){._host_3plk6_3{border:1px solid canvastext}}:root,[data-theme-preview=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#20242c;--muted:#68707d;--paper:#fbfaf6;--panel:#fff;--panel-strong:#f0f7f4;--line:#dfe5df;--correct:#12805c;--correct-text:#fff;--present:#c27b15;--present-text:#20242c;--absent:#4b5563;--absent-text:#fff;--accent:#b42353;--accent-text:#fff;--focus:#36c;--focus-border:color-mix(in srgb, var(--focus) 28%, transparent);--focus-ring:color-mix(in srgb, var(--focus) 72%, transparent);--focus-soft:color-mix(in srgb, var(--focus) 10%, var(--panel));--danger-soft:color-mix(in srgb, var(--accent) 10%, var(--panel));--control-border:color-mix(in srgb, var(--ink) 14%, var(--line));--cell-border:#ccd4cf;--tap-highlight:color-mix(in srgb, var(--focus) 18%, transparent);--shadow:0 18px 50px #1f29371f;--shadow-rgb:31 41 55;--shadow-header:0 6px 16px rgb(var(--shadow-rgb) / .05);--shadow-tooltip:0 8px 22px rgb(var(--shadow-rgb) / .14);--surface-alpha:#ffffffeb;--soft-surface:#ffffffb8;--control-bg:#eef2f0;--brand:#0f9f73;--brand-strong:#087a59;--brand-text:#20242c;--brand-soft:color-mix(in srgb, var(--brand) 12%, var(--panel));--canvas-glow-primary:color-mix(in srgb, var(--brand) 15%, transparent);--canvas-glow-secondary:color-mix(in srgb, var(--present) 10%, transparent);--tile-empty:#f2f6f3;--tile-depth:color-mix(in srgb, var(--ink) 16%, transparent);--key-bg:#e9efec;--key-depth:color-mix(in srgb, var(--ink) 20%, transparent);--board-shadow:0 14px 34px rgb(var(--shadow-rgb) / .16);--floating-shadow:0 12px 28px rgb(var(--shadow-rgb) / .18);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--rounded-xs:6px;--rounded-sm:8px;--rounded-md:12px;--rounded-pill:999px;--rail-width:64px;--dock-width:clamp(352px, 32vw, 408px);--native-keyboard-inset:0px;--tile-reveal-duration:.82s;--type-pop-duration:.12s;--win-hop-duration:.44s;--transition-speed:.16s}:root[data-theme=dark],[data-theme-preview=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3f6f4;--muted:#c2ccc5;--paper:#141819;--panel:#1f2625;--panel-strong:#18342b;--line:#3c4844;--correct:#3fbf91;--correct-text:#141819;--present:#e0a13a;--present-text:#141819;--absent:#646f78;--absent-text:#fff;--accent:#ff8caf;--accent-text:#141819;--focus:#80a8ff;--focus-border:color-mix(in srgb, var(--focus) 34%, transparent);--focus-ring:color-mix(in srgb, var(--focus) 82%, transparent);--focus-soft:color-mix(in srgb, var(--focus) 14%, var(--panel));--danger-soft:color-mix(in srgb, var(--accent) 15%, var(--panel));--control-border:color-mix(in srgb, var(--ink) 18%, var(--line));--cell-border:color-mix(in srgb, var(--ink) 22%, var(--line));--tap-highlight:color-mix(in srgb, var(--focus) 24%, transparent);--shadow:0 18px 50px #00000057;--shadow-rgb:0 0 0;--surface-alpha:#1f2625f0;--soft-surface:#1f2625c7;--control-bg:#2c3633;--brand:#49d7a7;--brand-strong:#27b987;--brand-text:#082018;--tile-empty:color-mix(in srgb, var(--panel) 88%, #0b0f0e);--tile-depth:#00000080;--key-bg:#303b38;--key-depth:#00000085}:root[data-theme=contrast],[data-theme-preview=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--muted:#fff;--paper:#000;--panel:#000;--panel-strong:#101010;--line:#fff;--correct:#00e676;--correct-text:#000;--present:#ffd600;--present-text:#000;--absent:#8c8c8c;--absent-text:#000;--accent:#ff4d8d;--accent-text:#000;--focus:#00b0ff;--focus-border:var(--focus);--focus-ring:var(--focus);--focus-soft:color-mix(in srgb, var(--focus) 24%, var(--panel));--danger-soft:#1f000c;--control-border:#fff;--cell-border:var(--line);--tap-highlight:#00b0ff;--shadow:0 0 0 2px #fff;--shadow-rgb:255 255 255;--shadow-header:0 0 0 2px #fff;--shadow-tooltip:0 0 0 2px #fff;--surface-alpha:#000;--soft-surface:#000;--control-bg:#111;--brand:#00e676;--brand-strong:#00e676;--brand-text:#000;--tile-empty:#000;--tile-depth:#fff;--key-bg:#000;--key-depth:#fff;--board-shadow:0 0 0 2px #fff;--floating-shadow:0 0 0 2px #fff}:root[data-theme=midnight],[data-theme-preview=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8edf4;--muted:#9fb0c3;--paper:#0a0e14;--panel:#111722;--panel-strong:#0f2a24;--line:#26303f;--correct:#34d399;--correct-text:#06231a;--present:#fbbf24;--present-text:#221a05;--absent:#64748b;--absent-text:#fff;--accent:#fb7185;--accent-text:#2a0910;--focus:#60a5fa;--focus-border:color-mix(in srgb, var(--focus) 34%, transparent);--focus-ring:color-mix(in srgb, var(--focus) 82%, transparent);--focus-soft:color-mix(in srgb, var(--focus) 14%, var(--panel));--danger-soft:color-mix(in srgb, var(--accent) 15%, var(--panel));--control-border:color-mix(in srgb, var(--ink) 18%, var(--line));--cell-border:color-mix(in srgb, var(--ink) 22%, var(--line));--tap-highlight:color-mix(in srgb, var(--focus) 24%, transparent);--shadow:0 18px 50px #00000080;--shadow-rgb:2 8 20;--surface-alpha:#111722f0;--soft-surface:#111722c7;--control-bg:#1b2330;--brand:#37d5a0;--brand-strong:#16a977;--brand-text:#051e16;--tile-empty:#151d2a;--tile-depth:#00000094;--key-bg:#202a39;--key-depth:#00000094}:root[data-theme=sepia],[data-theme-preview=sepia]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#3b2f24;--muted:#6f5f4d;--paper:#efe6d3;--panel:#f7f0e1;--panel-strong:#e3e4c9;--line:#d8cbb2;--correct:#4a7a2f;--correct-text:#fff;--present:#8a6410;--present-text:#fff;--absent:#6b5d4f;--absent-text:#fff;--accent:#a2303f;--accent-text:#fff;--focus:#296293;--focus-border:color-mix(in srgb, var(--focus) 28%, transparent);--focus-ring:color-mix(in srgb, var(--focus) 72%, transparent);--focus-soft:color-mix(in srgb, var(--focus) 10%, var(--panel));--danger-soft:color-mix(in srgb, var(--accent) 10%, var(--panel));--control-border:color-mix(in srgb, var(--ink) 14%, var(--line));--cell-border:color-mix(in srgb, var(--ink) 16%, var(--line));--tap-highlight:color-mix(in srgb, var(--focus) 18%, transparent);--shadow:0 18px 50px #3b2f2424;--shadow-rgb:70 58 32;--surface-alpha:#f7f0e1eb;--soft-surface:#f7f0e1b8;--control-bg:#e7ddc8;--brand:#4d8132;--brand-strong:#3f6c28;--brand-text:#fff;--tile-empty:#f4ecdc;--tile-depth:#3b2f2433;--key-bg:#e8deca;--key-depth:#3b2f2440}:root[data-theme=forest],[data-theme-preview=forest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e6f0e6;--muted:#a2bda8;--paper:#0f1a14;--panel:#16241b;--panel-strong:#123a28;--line:#2a3d30;--correct:#46c66a;--correct-text:#06210f;--present:#f4c430;--present-text:#221d04;--absent:#5c7063;--absent-text:#fff;--accent:#ff7a9c;--accent-text:#2a0910;--focus:#58c4ff;--focus-border:color-mix(in srgb, var(--focus) 34%, transparent);--focus-ring:color-mix(in srgb, var(--focus) 82%, transparent);--focus-soft:color-mix(in srgb, var(--focus) 14%, var(--panel));--danger-soft:color-mix(in srgb, var(--accent) 15%, var(--panel));--control-border:color-mix(in srgb, var(--ink) 18%, var(--line));--cell-border:color-mix(in srgb, var(--ink) 22%, var(--line));--tap-highlight:color-mix(in srgb, var(--focus) 24%, transparent);--shadow:0 18px 50px #0000006b;--shadow-rgb:6 18 12;--surface-alpha:#16241bf0;--soft-surface:#16241bc7;--control-bg:#1f3227;--brand:#52d576;--brand-strong:#2eaf54;--brand-text:#061d0d;--tile-empty:#1b2b20;--tile-depth:#00000080;--key-bg:#243a2c;--key-depth:#00000085}:root[data-theme=dawn],[data-theme-preview=dawn]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#3a2b33;--muted:#75636e;--paper:#fdf1ec;--panel:#fff8f5;--panel-strong:#e6f3ec;--line:#efd9d2;--correct:#0a7d55;--correct-text:#fff;--present:#9a6a12;--present-text:#fff;--absent:#7d7183;--absent-text:#fff;--accent:#c23a63;--accent-text:#fff;--focus:#2f5fd0;--focus-border:color-mix(in srgb, var(--focus) 28%, transparent);--focus-ring:color-mix(in srgb, var(--focus) 72%, transparent);--focus-soft:color-mix(in srgb, var(--focus) 10%, var(--panel));--danger-soft:color-mix(in srgb, var(--accent) 10%, var(--panel));--control-border:color-mix(in srgb, var(--ink) 14%, var(--line));--cell-border:color-mix(in srgb, var(--ink) 16%, var(--line));--tap-highlight:color-mix(in srgb, var(--focus) 18%, transparent);--shadow:0 18px 50px #3a2b331f;--shadow-rgb:60 40 48;--surface-alpha:#fff8f5eb;--soft-surface:#fff8f5b8;--control-bg:#f4e4dc;--brand:#bc3c65;--brand-strong:#982d50;--brand-text:#fff;--tile-empty:#fff5f1;--tile-depth:#3a2b332e;--key-bg:#f3e2dc;--key-depth:#3a2b3338}:root[data-theme=rose-pine],[data-theme-preview=rose-pine]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e0def4;--muted:#908caa;--paper:#191724;--panel:#1f1d2e;--panel-strong:#26233a;--line:#403d52;--correct:#62b48f;--correct-text:#191724;--present:#f6c177;--present-text:#191724;--absent:#a29eb8;--absent-text:#191724;--accent:#eb6f92;--accent-text:#191724;--focus:#c4a7e7;--focus-border:color-mix(in srgb, var(--focus) 34%, transparent);--focus-ring:color-mix(in srgb, var(--focus) 82%, transparent);--focus-soft:color-mix(in srgb, var(--focus) 14%, var(--panel));--danger-soft:color-mix(in srgb, var(--accent) 15%, var(--panel));--control-border:color-mix(in srgb, var(--ink) 18%, var(--line));--cell-border:#524f67;--tap-highlight:color-mix(in srgb, var(--focus) 24%, transparent);--shadow:0 18px 50px #08060f7a;--shadow-rgb:8 6 15;--surface-alpha:#1f1d2ef0;--soft-surface:#1f1d2ec7;--control-bg:#26233a;--brand:#ebbcba;--brand-strong:color-mix(in srgb, var(--brand) 82%, var(--paper));--brand-text:#191724;--tile-empty:#21202e;--tile-depth:#08060f8c;--key-bg:#26233a;--key-depth:#08060f94}:root[data-theme=dracula],[data-theme-preview=dracula]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f8f8f2;--muted:#a6accd;--paper:#282a36;--panel:#343746;--panel-strong:#44475a;--line:#6272a4;--correct:#50fa7b;--correct-text:#282a36;--present:#f1fa8c;--present-text:#282a36;--absent:#b2b7d5;--absent-text:#282a36;--accent:#ff79c6;--accent-text:#282a36;--focus:#8be9fd;--focus-border:color-mix(in srgb, var(--focus) 34%, transparent);--focus-ring:color-mix(in srgb, var(--focus) 82%, transparent);--focus-soft:color-mix(in srgb, var(--focus) 14%, var(--panel));--danger-soft:color-mix(in srgb, var(--accent) 15%, var(--panel));--control-border:color-mix(in srgb, var(--ink) 18%, var(--line));--cell-border:#6272a4;--tap-highlight:color-mix(in srgb, var(--focus) 24%, transparent);--shadow:0 18px 50px #12131a7a;--shadow-rgb:18 19 26;--surface-alpha:#343746f0;--soft-surface:#343746c7;--control-bg:#44475a;--brand:#bd93f9;--brand-strong:#aa80e0;--brand-text:#282a36;--tile-empty:#30323f;--tile-depth:#12131a8c;--key-bg:#44475a;--key-depth:#12131a94}:root[data-motion=fast]{--tile-reveal-duration:.42s;--type-pop-duration:80ms;--win-hop-duration:.26s;--transition-speed:90ms}:root[data-motion=reduced]{--tile-reveal-duration:.18s;--type-pop-duration:70ms;--win-hop-duration:1ms;--transition-speed:80ms}:root[data-motion=off]{--tile-reveal-duration:1ms;--type-pop-duration:1ms;--win-hop-duration:1ms;--transition-speed:1ms}*{box-sizing:border-box}html{scroll-padding-bottom:calc(var(--native-keyboard-inset) + 16px)}body{background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 96%, white), var(--paper));min-width:320px;min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button,summary,[role=button]{-webkit-tap-highlight-color:var(--tap-highlight);touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-border)}.app-shell{--app-shell-max-width:1180px;--play-area-max-width:920px;width:min(var(--app-shell-max-width), calc(100% - 32px));margin:0 auto;padding:8px 0}@media (width>=901px){.app-shell.game-shell{width:100%}}.app-shell.has-final-result{--play-area-max-width:1180px}.update-banner{z-index:20;border:1px solid var(--focus-border);background:var(--surface-alpha);width:min(520px,100%);min-height:44px;color:var(--focus);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 14px;padding:7px 10px 7px 14px;font-weight:900;display:flex;position:sticky;top:8px;box-shadow:0 10px 28px #1f29371f}.update-banner button{background:var(--focus);min-height:40px;color:var(--paper);border-radius:8px;padding:0 12px;font-weight:900;position:relative}.update-banner button:before{content:"";position:absolute;inset:-4px 0}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:.75rem;font-weight:900}.surface{border:1px solid var(--line);background:var(--surface-alpha);box-shadow:var(--shadow);border-radius:8px}.game-layout{grid-template-columns:minmax(0,1fr);align-items:start;min-height:calc(100dvh - 16px);display:grid}@media (width>=901px){.game-layout{grid-template-columns:var(--rail-width) minmax(16px, 1fr) minmax(0, var(--play-area-max-width)) minmax(16px, 1fr)}.game-layout>.play-area{grid-column:3}.app-shell.has-docked-panel .game-layout{grid-template-columns:var(--rail-width) minmax(16px, 1fr) minmax(0, var(--play-area-max-width)) minmax(calc(var(--dock-width) + 32px), 1fr)}}.app-shell.has-update-banner .game-layout{min-height:auto}.menu-backdrop{z-index:30;opacity:0;pointer-events:none;background:#20242c61;border-radius:0;transition:opacity .18s;display:block;position:fixed;inset:0}.menu-backdrop.open{opacity:1;pointer-events:auto}.side-panel{z-index:40;background:var(--paper);visibility:hidden;align-content:start;gap:16px;width:min(390px,100vw - 32px);padding:12px;transition:transform .22s,visibility 0s linear .22s;display:grid;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-18px 0 42px #1f29372e}.side-panel.open{visibility:visible;transition:transform .22s;transform:translate(0)}.menu-header{z-index:1;background:var(--paper);justify-content:space-between;align-items:center;padding:4px 0 10px;display:flex;position:sticky;top:0}.menu-header strong{font-size:1.2rem}.menu-header button{background:var(--control-bg);min-height:44px;color:var(--ink);border-radius:8px;padding:0 12px;font-weight:900}.stats-panel{gap:12px;display:grid}.stats-panel .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-panel .stats-strip span{min-width:0}.play-header{z-index:10;border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:var(--panel);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;margin-bottom:6px;padding:4px 6px;display:grid;position:sticky;top:0;box-shadow:0 6px 16px #1f29370d}.wordmark{align-items:center;gap:9px;min-width:0;margin:0;font-size:1.65rem;line-height:1.08;display:inline-flex}.wordmark-logo{--brand-logo-size:30px}.play-header-status{min-width:0;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:.9rem;font-weight:800;display:flex}.play-header-status span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.play-header-actions{align-items:center;gap:8px;display:flex}.menu-button,.quick-new-game{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.menu-button{background:var(--control-bg);color:var(--ink)}.quick-new-game{background:var(--panel);color:var(--ink)}.settings-panel,.result-panel,.challenge-panel,.feedback-panel,.appearance-panel,.stats-panel,.challenge-gate{padding:18px}.section-heading h2,.board-header h2,.result-panel h2,.challenge-panel h2,.feedback-panel h2,.challenge-gate h2{margin:0;font-size:1.35rem}.field,.mode-field,.preset-field{color:var(--muted);gap:8px;margin:16px 0;font-weight:700;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--panel);width:100%;min-height:44px;color:var(--ink);border-radius:8px;padding:0 12px}.field textarea{resize:vertical;min-height:106px;padding:10px 12px;line-height:1.45}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}.field small{color:var(--muted);font-size:.78rem;line-height:1.35}.custom-answers-input .custom-answers-warning{color:var(--accent);font-weight:800}.custom-answers-field{border:1px solid var(--line);background:var(--soft-surface);border-radius:8px;margin:16px 0}.custom-answers-field summary{min-height:54px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;list-style:none;display:flex}.custom-answers-field summary::-webkit-details-marker{display:none}.custom-answers-field summary span{gap:3px;display:grid}.custom-answers-field summary strong{font-size:.95rem;font-weight:900}.custom-answers-field summary small{color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.25}.custom-answers-field summary:after{color:var(--muted);content:"Abrir";font-size:.76rem;font-weight:900}.custom-answers-field[open] summary{border-bottom:1px solid var(--line)}.custom-answers-field[open] summary:after{content:"Fechar"}.custom-answers-input{margin:12px}.toggle-field{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:16px 0;font-weight:700;display:grid}.toggle-field input{width:20px;height:20px;accent-color:var(--ink);margin:2px 0 0}.toggle-field span{gap:3px;display:grid}.toggle-field strong{color:var(--ink)}.toggle-field small{color:var(--muted);font-size:.78rem;line-height:1.35}.mode-field,.preset-field{border:0;padding:0}.mode-field legend,.preset-field legend{margin-bottom:8px;padding:0}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preset-grid button{border:1px solid var(--line);background:var(--control-bg);min-height:54px;color:var(--ink);text-align:center;border-radius:8px;place-items:center;gap:3px;padding:7px 8px;font-size:.88rem;font-weight:900;line-height:1.15;display:grid}.preset-grid button small{color:color-mix(in srgb, var(--ink) 72%, var(--muted));font-size:.7rem;font-weight:800;line-height:1.2}.preset-grid button.selected{border-color:var(--ink);background:var(--ink);color:var(--paper)}.preset-grid button.selected small{color:var(--paper)}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segmented-control button,.primary-action,.post-game-actions button{background:var(--control-bg);min-height:44px;color:var(--ink);text-align:center;border-radius:8px;font-weight:800;line-height:1.15}.segmented-control button.selected,.primary-action,.post-game-actions .post-game-action-primary{background:var(--ink);color:var(--paper)}.primary-action{width:100%;margin-top:8px}.side-panel .settings-panel .primary-action{margin:12px 0 16px}.side-panel .settings-panel{padding-bottom:18px}.stats-strip{grid-template-columns:repeat(4,auto);align-items:center;gap:10px;display:grid}.stats-strip span{border:1px solid var(--line);background:var(--soft-surface);min-width:78px;color:var(--muted);border-radius:8px;padding:10px 12px;font-size:.78rem;display:grid}.stats-strip strong{color:var(--ink);overflow-wrap:anywhere;font-size:1.1rem;line-height:1.05}.play-area{width:min(100%, var(--play-area-max-width));min-width:0;margin-inline:auto}.play-area.is-complete{justify-items:center;gap:14px;display:grid}.play-area.is-complete [data-testid=play-header],.play-area.is-complete .board-input-surface,.play-area.is-complete .final-panel{width:100%}.play-area.is-complete .board-input-surface{max-width:520px}.board-input-surface{min-width:0}html[data-native-keyboard=open] .play-area.uses-native-keyboard:not(.is-complete) .board-input-surface,html[data-native-keyboard-review=pinned] .play-area.uses-native-keyboard:not(.is-complete) .board-input-surface{max-height:var(--native-keyboard-board-max-height,none);overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:8px;scroll-padding:8px;overflow-y:auto}.native-keyboard-input{right:0;bottom:max(4px, env(safe-area-inset-bottom));opacity:.01;pointer-events:none;border:0;border-radius:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed}.native-keyboard-input:disabled{opacity:0}.status-line{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:14px;font-weight:800;display:flex}.rules-panel{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.rules-panel-compact{z-index:12;background:0 0;border:0;border-radius:0;width:min(100%,520px);max-width:100%;margin:0 auto 8px;display:block;position:relative}.rules-panel-compact summary{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;width:max-content;max-width:100%;margin-left:auto;padding:0 10px;font-size:.78rem;font-weight:800;list-style:none;display:flex;position:relative}.rules-panel-compact summary::-webkit-details-marker{display:none}.rules-panel-compact summary:before{content:"";position:absolute;inset:-6px 0}.rules-panel-compact summary:after{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);content:"";width:7px;height:7px;transform:rotate(45deg)translateY(-1px)}.rules-panel-compact[open] summary{border-color:var(--focus-border);background:var(--focus-soft)}.rules-panel-compact[open] summary:after{transform:rotate(225deg)translateY(-1px)}.rules-panel-items{flex-wrap:wrap;gap:6px;padding:8px;display:flex}.rules-panel-compact .rules-panel-items{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:center;width:min(680px,100vw - 24px);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 18px 38px #1f293724}.rules-panel-compact .rules-item{background:var(--panel)}.rules-item{border:1px solid var(--line);background:var(--soft-surface);min-height:34px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:5px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.rules-text{flex-direction:column;gap:1px;min-width:0;line-height:1.2;display:flex}.rules-text strong{color:var(--ink);font-weight:800}.rules-text small{color:var(--muted);font-size:.68rem;font-weight:600}.rules-tile{color:#fff;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:900;display:grid}.rules-tile.correct{background:var(--correct);color:var(--correct-text)}.rules-tile.present{background:var(--present);color:var(--present-text)}.rules-tile.absent{background:var(--absent);color:var(--absent-text)}.boards{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--board-min-width)), 1fr));gap:16px;display:grid}.boards.single-board{width:min(100%, var(--board-max-width));grid-template-columns:minmax(0,1fr);margin-inline:auto}.boards.paged-boards{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-bottom:0;display:flex;overflow-x:auto}@media (width>=561px){.boards.paged-boards{width:min(100%, max(520px, var(--board-max-width)));margin-inline:auto}}.boards.paged-boards::-webkit-scrollbar{display:none}.boards.paged-boards .board{scroll-snap-align:start;flex:0 0 100%}.boards.paged-boards .board-pager{justify-content:center;gap:6px;margin:-6px 0 8px;display:flex}.board-pager button{border:1px solid var(--control-border);background:var(--control-bg);min-width:44px;min-height:44px;color:var(--ink);border-radius:8px;place-items:center;font-size:.82rem;font-weight:900;display:grid}.board-pager button.selected{border-color:var(--ink);background:var(--ink);color:var(--paper)}.board{background:var(--panel);padding:16px;transition:border-color .18s,transform .18s;position:relative;overflow:hidden}.board:before{background:color-mix(in srgb, var(--ink) 14%, var(--line));content:"";height:3px;position:absolute;top:0;left:0;right:0}.board.solved{border-color:#12805c73}.board.finished:not(.solved){border-color:color-mix(in srgb, var(--absent) 34%, var(--line))}.board.finished:not(.solved) .board-state{background:color-mix(in srgb, var(--absent) 12%, var(--panel));color:var(--absent)}.board-header{justify-content:space-between;align-items:start;gap:14px;margin-bottom:12px;display:flex}.board-header>div{gap:2px;display:grid}.board-attempt{color:var(--muted);margin:0;font-size:.82rem;font-weight:700;line-height:1.2}.board-state{background:var(--panel-strong);color:var(--correct);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.board-pager{display:none}.letter-grid{gap:var(--cell-gap);width:100%;max-width:var(--grid-max-width);perspective:900px;grid-template-columns:minmax(0,1fr);justify-content:center;margin-inline:auto;display:grid}.single-board .letter-grid{margin-inline:auto}.letter-row{grid-template-columns:repeat(var(--word-length), minmax(0, 1fr));gap:var(--cell-gap);width:100%;display:grid}.letter-row.current-row{scroll-margin-block:12px calc(var(--native-keyboard-inset) + 16px)}.letter-cell{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--ink) 18%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 96%, white), var(--panel)), var(--panel);width:100%;min-width:0;color:var(--ink);text-transform:uppercase;transform-style:preserve-3d;transition:transform var(--transition-speed) ease, background var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;-webkit-user-select:none;user-select:none;border-radius:8px;place-items:center;font-size:1.18rem;font-weight:900;line-height:1;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -2px #1f29370f,0 2px 5px #1f29370a}.single-board .letter-cell{font-size:1.7rem}.letter-cell.selectable{cursor:pointer}.letter-cell.typed{border-color:var(--ink);animation:type-pop var(--type-pop-duration) ease both;transform:translateY(-1px);box-shadow:inset 0 -3px #1f29371c,0 5px 12px #1f29371a}.current-row .letter-cell.typed:not(.selected){border-color:color-mix(in srgb, var(--ink) 88%, var(--focus))}.letter-cell.selected{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.letter-cell:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.letter-cell.correct,.letter-cell.present,.letter-cell.absent{color:var(--tile-text-color);animation:tile-reveal var(--tile-reveal-duration) cubic-bezier(.2, .68, .24, 1) both;animation-delay:var(--reveal-delay,0s);box-shadow:none}.letter-cell.correct:after,.letter-cell.present:after,.letter-cell.absent:after{content:none}.letter-cell.correct{--tile-color:var(--correct);--tile-text-color:var(--correct-text);border-color:var(--correct);background:var(--correct)}.letter-cell.present{--tile-color:var(--present);--tile-text-color:var(--present-text);border-color:var(--present);background:var(--present)}.letter-cell.absent{--tile-color:var(--absent);--tile-text-color:var(--absent-text);border-color:var(--absent);background:var(--absent)}.letter-cell.win-hop{animation:tile-reveal var(--tile-reveal-duration) cubic-bezier(.2, .68, .24, 1) var(--reveal-delay,0s) both, win-hop var(--win-hop-duration) cubic-bezier(.33, .7, .3, 1) var(--win-hop-delay,0s)}.message,.share-message,.draft-validator{color:var(--accent);overflow-wrap:anywhere;text-align:center;border-radius:8px;margin:10px 0;padding:9px 12px;font-weight:800}.message.success,.share-message{color:var(--correct);background:#12805c14}.message{animation:.18s both message-enter}.message.success{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--correct) 18%, transparent);animation:.26s both message-confirm}.feedback-slot{z-index:30;right:16px;bottom:max(8px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;align-items:center;width:min(640px,100vw - 32px);min-height:0;margin:0 auto;display:flex;position:fixed;left:16px}.feedback-slot:empty{display:none}.feedback-slot .message,.feedback-slot .draft-validator{width:100%;margin:0}.feedback-slot .draft-validator{display:block}.feedback-slot .draft-validator-separator{margin:0 4px}.play-area.has-inline-feedback .feedback-slot .message,.play-area.has-inline-feedback .feedback-slot .draft-validator,.play-area.has-draft-feedback .feedback-slot .draft-validator{margin:0}.share-message{white-space:pre-line;width:min(640px,100%);margin-left:auto;margin-right:auto}.challenge-link{text-align:center;width:min(640px,100%);margin:10px auto 0}.challenge-link a{color:var(--focus);font-weight:900}.challenge-panel p,.challenge-gate p,.feedback-panel p,.online-panel p,.online-waiting p{color:var(--muted);line-height:1.45}.feedback-panel{gap:8px;display:grid}.feedback-panel .field,.feedback-panel .toggle-field{margin:8px 0}.feedback-report-field textarea{min-height:150px;font-size:.82rem}.challenge-status-banner{border:1px solid var(--focus-border);background:var(--focus-soft);width:min(640px,100%);color:var(--focus);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 10px;padding:10px 12px;font-weight:800;display:flex}.challenge-status-banner div{gap:2px;min-width:0;display:grid}.challenge-status-banner strong{color:var(--ink);font-size:.98rem}.challenge-status-banner span,.challenge-status-banner time{color:var(--focus);font-size:.84rem;line-height:1.3}.challenge-status-banner time{text-align:right;white-space:nowrap;flex:none}.online-panel{gap:10px;padding:18px;display:grid}.online-panel h2,.online-waiting h2{margin:0;font-size:1.35rem}.online-panel p:not(.eyebrow),.feedback-panel p:not(.eyebrow),.online-waiting p{margin:0}.online-waiting-expiry{font-size:.86rem;font-weight:800}.online-panel .primary-action{margin-top:0}.online-panel-note{font-size:.84rem;font-weight:800}.challenge-gate{width:min(520px,100%);margin:80px auto 0}.challenge-gate h1{align-items:center;margin:0 0 14px;line-height:1.14;display:flex}.gate-brand-logo{--brand-logo-width:192px;--brand-logo-height:60px}.challenge-comparison{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.challenge-comparison h3{margin:0 0 12px;font-size:1.05rem}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.comparison-player{border:1px solid var(--line);background:var(--soft-surface);color:var(--muted);border-radius:8px;gap:6px;padding:10px;font-size:.88rem;display:grid}.comparison-player strong{color:var(--ink);font-size:.95rem}.comparison-guesses{color:var(--ink);gap:5px;margin:4px 0 0;padding:0;font-weight:900;list-style:none;display:grid}.comparison-empty{color:var(--muted);margin:4px 0 0;font-size:.82rem;font-weight:800}.comparison-guess{align-items:flex-start;gap:6px;min-width:0;display:flex}.comparison-guess-number{background:var(--control-bg);width:22px;min-height:20px;color:var(--muted);border-radius:6px;flex:0 0 22px;place-items:center;font-size:.72rem;line-height:1;display:grid}.comparison-guess-boards{gap:4px;min-width:0;display:grid}.comparison-guess-row{grid-template-columns:repeat(var(--comparison-word-length), 12px);gap:3px;width:max-content;max-width:100%;display:grid}.comparison-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--control-bg);border-radius:6px;width:12px;display:block}.comparison-cell.correct{border-color:color-mix(in srgb, var(--correct) 82%, var(--line));background:var(--correct)}.comparison-cell.present{border-color:color-mix(in srgb, var(--present) 82%, var(--line));background:var(--present)}.comparison-cell.absent{border-color:color-mix(in srgb, var(--absent) 72%, var(--line));background:var(--absent)}.message.error{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);background:var(--danger-soft);color:var(--accent);animation:.18s soft-shake,.22s message-error-flash}.message.info{border:1px solid color-mix(in srgb, var(--focus) 18%, transparent);background:color-mix(in srgb, var(--focus) 13%, var(--panel));color:color-mix(in srgb, var(--focus) 88%, var(--ink));animation:.18s both message-enter}.online-sync-warning{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.online-sync-warning span{min-width:0}.online-sync-warning button{border:1px solid var(--focus-border);background:var(--panel);min-height:34px;color:var(--focus);border-radius:8px;padding:0 10px;font-size:.82rem;font-weight:900;position:relative}.online-sync-warning button:before{content:"";position:absolute;inset:-5px 0}.draft-validator{background:var(--focus-soft);color:var(--focus);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.draft-validator-separator{color:currentColor;opacity:.72;font-weight:900}.draft-validator.valid,.draft-validator.free,.draft-validator.local{color:var(--correct);background:#12805c14}.draft-validator.invalid{color:var(--accent);background:#d9476f14}.hint-panel{border:1px solid var(--focus-border);background:var(--focus-soft);color:var(--focus);border-radius:8px;margin:0 0 14px;padding:10px 12px}.hint-panel summary{cursor:pointer;color:var(--focus);font-weight:900;list-style:none}.hint-panel summary::-webkit-details-marker{display:none}.hint-panel summary:after{float:right;color:var(--muted);content:"Ocultar";font-size:.78rem;font-weight:900}.hint-panel:not([open]) summary:after{content:"Mostrar"}.hint-panel p{color:var(--ink);margin:8px 0 0;font-weight:700;line-height:1.5}.keyboard{gap:6px;width:min(100%,540px);margin:8px auto 0;display:grid}.keyboard[aria-busy=true]{opacity:.86}.keyboard-row{gap:6px;display:grid}.keyboard-row-10{grid-template-columns:repeat(10,minmax(0,1fr))}.keyboard-row-9{grid-template-columns:repeat(9,minmax(0,1fr));justify-self:center;width:90%}.keyboard-row-bottom{grid-template-columns:minmax(46px,1.75fr) repeat(7,minmax(0,1fr)) minmax(46px,1.6fr);gap:6px}.keyboard button{border:1px solid var(--control-border);background:linear-gradient(180deg, color-mix(in srgb, var(--control-bg) 88%, white), var(--control-bg)), var(--control-bg);width:100%;min-width:0;height:46px;color:var(--ink);text-overflow:clip;white-space:nowrap;transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease, filter var(--transition-speed) ease;border-radius:8px;font-size:.95rem;font-weight:800;overflow:hidden;box-shadow:inset 0 -3px #1f293714}.keyboard button:not(:disabled):hover{filter:brightness(.98);transform:translateY(-1px)}.keyboard button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px #1f29371f}.keyboard .keyboard-command-key{background:var(--ink);color:var(--paper);border-color:#0000;font-weight:900}:root[data-theme=dark] .keyboard .keyboard-command-key,:root[data-theme=midnight] .keyboard .keyboard-command-key,:root[data-theme=rose-pine] .keyboard .keyboard-command-key,:root[data-theme=dracula] .keyboard .keyboard-command-key,:root[data-theme=forest] .keyboard .keyboard-command-key{background:var(--panel-strong);color:var(--ink)}:root[data-theme=contrast] .keyboard button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:none}.keyboard button.correct{border-color:var(--correct);background:var(--correct);color:var(--correct-text)}.keyboard button.present{border-color:var(--present);background:var(--present);color:var(--present-text)}.keyboard button.absent{border-color:var(--absent);background:var(--absent);color:var(--absent-text)}@media (forced-colors:active){.letter-cell.correct,.letter-cell.present,.letter-cell.absent{transition:none!important;animation:none!important;transform:none!important}.keyboard button{forced-color-adjust:none;color:buttontext;box-shadow:none;background:buttonface;border:1px solid buttontext}.keyboard .keyboard-command-key{color:buttonface;background:buttontext;border-width:2px}.online-score-mini-cell,.comparison-cell{forced-color-adjust:none;background:canvas;border:1px solid graytext}.letter-cell.correct,.keyboard button.correct,.online-score-mini-cell.correct,.comparison-cell.correct,.rules-tile.correct{--tile-color:ButtonText;--tile-text-color:ButtonFace;forced-color-adjust:none;color:buttonface!important;box-shadow:none!important;background:buttontext!important;border:2px solid buttontext!important}.letter-cell.present,.keyboard button.present,.online-score-mini-cell.present,.comparison-cell.present,.rules-tile.present{--tile-color:Canvas;--tile-text-color:CanvasText;forced-color-adjust:none;color:canvastext!important;background:canvas!important;border:2px dashed highlight!important;box-shadow:inset 0 0 0 2px highlight!important}.letter-cell.absent,.keyboard button.absent,.online-score-mini-cell.absent,.comparison-cell.absent,.rules-tile.absent{--tile-color:Canvas;--tile-text-color:GrayText;forced-color-adjust:none;color:graytext!important;box-shadow:none!important;background:canvas!important;border:2px dotted graytext!important}}.result-panel p{color:var(--muted);line-height:1.5}.result-message{border:1px solid var(--line);background:var(--control-bg);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:12px 0;padding:12px;animation:.22s both result-enter;display:grid;position:relative;overflow:hidden}.result-icon{background:var(--panel);width:42px;height:42px;color:var(--ink);border-radius:8px;place-items:center;font-size:.95rem;font-weight:900;line-height:1;display:grid}.final-result-summary.won .result-icon{background:var(--correct);color:var(--correct-text);animation:.36s both result-icon-win}.final-result-summary.lost .result-icon{background:var(--accent);color:var(--accent-text);animation:.22s both result-icon-loss}.result-message strong{color:var(--ink);font-size:1.05rem;line-height:1.15;display:block}.result-kicker{color:var(--muted);margin-bottom:3px;font-size:.74rem;font-weight:900;display:block}.result-message p{color:var(--muted);margin:4px 0 0;line-height:1.42}.final-result-summary p{color:color-mix(in srgb, var(--muted) 74%, var(--ink))}.final-result-summary{width:min(640px,100%);margin:12px auto 10px}.final-panel .final-result-summary{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:100%;margin:0;padding:0 0 14px}.final-panel .final-result-summary strong{font-size:1.22rem}.final-panel .final-result-summary p{max-width:54ch}.final-result-summary.won{border-color:color-mix(in srgb, var(--correct) 42%, var(--line));background:color-mix(in srgb, var(--correct) 10%, var(--panel))}.final-result-summary.lost{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:var(--danger-soft)}.final-panel .final-result-summary.won,.final-panel .final-result-summary.lost{background:0 0}.result-panel.won{border-color:color-mix(in srgb, var(--correct) 42%, var(--line))}.result-panel.lost{border-color:color-mix(in srgb, var(--accent) 38%, var(--line))}.final-panel{border:1px solid var(--line);border-radius:var(--rounded-md);background:var(--surface-alpha);gap:14px;width:min(960px,100%);margin:0 auto;padding:18px;display:grid}.final-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.final-stats div{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:var(--control-bg);border-radius:8px;min-width:0;padding:10px 12px}.final-stats dt{color:var(--muted);margin:0 0 2px;font-size:.75rem;font-weight:900}.final-stats dd{color:var(--ink);margin:0;font-weight:900;line-height:1.15}.final-answer-block{gap:8px;display:grid}.final-answer-heading{color:var(--muted);margin:0;font-size:.78rem;font-weight:900}.final-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(640px,100%);margin:0 auto;display:grid}.final-actions button{background:var(--control-bg);min-height:48px;color:var(--ink);border-radius:8px;padding:4px 10px;font-weight:900}.final-actions .post-game-action-primary{background:var(--ink);color:var(--paper);grid-column:1/-1}.final-actions .post-game-action-challenge{border:1px solid var(--line);color:color-mix(in srgb, var(--ink) 76%, var(--muted));background:0 0;grid-column:1/-1}@media (width>=901px){.play-area.is-complete{padding-bottom:24px}.play-area.is-complete .final-panel{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"summary actions""stats actions""answer actions""comparison comparison""status status";align-items:start;gap:14px 20px}.play-area.is-complete .final-result-summary{grid-area:summary}.play-area.is-complete .final-stats{grid-area:stats}.play-area.is-complete .final-answer-block{grid-area:answer}.play-area.is-complete .inline-comparison,.play-area.is-complete .challenge-comparison{grid-area:comparison}.play-area.is-complete .final-actions{grid-area:actions;width:100%}.play-area.is-complete .post-game-status-stack{grid-area:status}}@media (height<=600px){.play-area.is-complete{gap:8px;padding-bottom:0}.final-panel{gap:8px;padding:10px}.final-panel .final-result-summary{gap:8px;padding-bottom:8px}.final-panel .final-result-summary strong{font-size:1.05rem}.final-panel .final-result-summary p{display:none}.final-panel .result-icon{width:34px;height:34px}.final-stats{gap:6px}.final-stats div{padding:6px 8px}.final-answer-block{gap:4px}.final-actions{gap:6px}.final-actions button{min-height:40px;padding:2px 6px;font-size:.82rem;line-height:1.1}.final-actions .post-game-action-primary,.final-actions .post-game-action-challenge{grid-column:auto}}@media (width<=360px) and (height<=600px){.final-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.final-stats div{padding-left:6px;padding-right:6px}.final-stats dd{white-space:nowrap;font-size:.86rem}.final-actions .post-game-action-primary,.final-actions .post-game-action-challenge{grid-column:1/-1}}.post-game-status-stack{gap:8px;display:grid}.challenge-unavailable-message{width:min(640px,100%);color:var(--muted);text-align:center;margin:0 auto;font-size:.86rem;font-weight:800;line-height:1.4}.inline-comparison{width:min(640px,100%);margin:12px auto}.inline-comparison h2{margin:0 0 10px;font-size:1.15rem}.online-shell{width:min(1180px,100% - 24px)}.online-shell.uses-native-keyboard{padding-bottom:calc(8px + var(--online-native-keyboard-scroll-space,0px))}.online-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:14px 16px;display:flex}.online-header>div:first-child{min-width:0}.online-header h1{align-items:center;margin:0;line-height:1.08;display:flex}.online-brand-logo{--brand-logo-width:144px;--brand-logo-height:45px}.online-header p:not(.eyebrow){color:var(--muted);margin:5px 0 0;font-weight:800}.online-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.online-header-actions button,.online-waiting button{background:var(--control-bg);min-width:0;min-height:44px;color:var(--ink);text-align:center;border-radius:8px;padding:0 14px;font-weight:900;line-height:1.1}.online-header-actions button:first-child,.online-waiting button{background:var(--ink);color:var(--paper)}.online-arena{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);grid-template-areas:"self opponent""keyboard keyboard";align-items:start;gap:14px;display:grid}.online-shell.uses-native-keyboard .online-arena{grid-template-areas:"self opponent"}.online-self-slot{grid-area:self}.online-opponent-slot{grid-area:opponent}.online-keyboard-panel{grid-area:keyboard;min-width:0}.online-keyboard-stack{gap:8px;min-width:0;display:grid}.online-keyboard-stack .message{margin:0}.online-opponent-activity{border:1px solid color-mix(in srgb, var(--present) 58%, var(--line));background:color-mix(in srgb, var(--present) 14%, var(--panel));min-width:0;min-height:44px;color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px 7px 10px;font-weight:900;display:flex}.online-opponent-activity span{overflow-wrap:anywhere;min-width:0}.online-opponent-activity button{background:var(--ink);min-height:34px;color:var(--paper);border-radius:8px;flex:none;padding:0 12px;font-weight:900;line-height:1.1}.online-keyboard-stack .keyboard{margin-top:0}.online-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.online-score-card{appearance:none;border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:var(--ink);text-align:left;transition:transform var(--transition-speed) ease, border-color var(--transition-speed) ease, background var(--transition-speed) ease;border-radius:8px;padding:10px 12px;display:block}.online-score-card:active{transform:translateY(1px)}.online-score-card:focus-visible{background:var(--focus-soft)}.online-score-card.is-selected{border-color:var(--focus-border);background:var(--focus-soft)}@media (hover:hover){.online-score-card:hover{border-color:var(--focus-border);background:color-mix(in srgb, var(--focus-soft) 54%, var(--panel))}}.online-score-card-label,.online-score-card strong{overflow-wrap:anywhere;display:block}.online-score-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.online-score-card-label,.online-player-heading .eyebrow{align-items:center;gap:6px;display:inline-flex}.online-score-card-label:before,.online-player-heading .eyebrow:before{background:var(--correct);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--correct) 18%, transparent);content:"";border-radius:999px;flex:none}.online-score-card.is-away .online-score-card-label:before,.online-player-heading.is-away .eyebrow:before{background:var(--present);box-shadow:0 0 0 2px color-mix(in srgb, var(--present) 22%, transparent)}.online-score-card.is-left .online-score-card-label:before,.online-player-heading.is-left .eyebrow:before{background:var(--absent);box-shadow:0 0 0 2px color-mix(in srgb, var(--absent) 22%, transparent)}.online-score-card-label{color:var(--muted);font-size:.78rem;font-weight:900}.online-score-outcome{background:var(--control-bg);max-width:100%;color:var(--ink);overflow-wrap:anywhere;text-align:right;border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:900;line-height:1.1}.online-score-card.is-winner .online-score-outcome{background:color-mix(in srgb, var(--correct) 14%, var(--panel));color:var(--correct)}.online-score-card.is-loser .online-score-outcome{background:color-mix(in srgb, var(--absent) 14%, var(--panel));color:var(--absent)}.online-score-card.is-draw .online-score-outcome{background:var(--focus-soft);color:var(--focus)}.online-score-card strong{margin-top:4px;font-size:.95rem;line-height:1.25}.online-score-mini-board{flex-wrap:wrap;gap:5px 8px;min-width:0;margin-top:8px;display:flex}.online-score-mini-word{gap:2px;display:grid}.online-score-mini-row{grid-template-columns:repeat(var(--score-word-length), 8px);gap:2px;display:grid}.online-score-mini-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--control-bg);border-radius:6px;width:8px;display:block}.online-score-mini-cell.correct{border-color:color-mix(in srgb, var(--correct) 82%, var(--line));background:var(--correct)}.online-score-mini-cell.present{border-color:color-mix(in srgb, var(--present) 82%, var(--line));background:var(--present)}.online-score-mini-cell.absent{border-color:color-mix(in srgb, var(--absent) 72%, var(--line));background:var(--absent)}.online-player-column{min-width:0;scroll-margin-top:8px;scroll-margin-bottom:calc(248px + env(safe-area-inset-bottom));gap:10px;display:grid}.online-player-column:focus{outline:3px solid var(--focus-ring);outline-offset:2px}.online-player-heading{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:flex}.online-player-heading h2{margin:0;font-size:1.2rem}.online-player-heading span{color:var(--muted);text-align:right;font-size:.86rem;font-weight:900}.online-boards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.online-word-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.online-word-pager-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-right:2px;font-size:.68rem;font-weight:900}.online-word-pager-button{border:1px solid var(--control-border);background:var(--key-bg);min-width:44px;min-height:44px;box-shadow:0 2px 0 var(--key-depth);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:4px;font-weight:900;display:inline-flex}.online-word-pager-button.selected{border-color:var(--brand);background:var(--brand);box-shadow:0 3px 0 var(--brand-strong);color:var(--brand-text)}.online-word-pager-button[data-state=solved]:not(.selected){border-color:color-mix(in srgb, var(--correct) 40%, var(--line));background:color-mix(in srgb, var(--correct) 14%, var(--panel));color:color-mix(in srgb, var(--correct) 78%, var(--ink))}.online-word-pager-check{font-size:.72rem;line-height:1}.online-boards.uses-word-pager{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;min-width:0;display:flex;overflow-x:auto}.online-boards.uses-word-pager::-webkit-scrollbar{display:none}.online-boards.uses-word-pager .online-board{scroll-snap-align:start;flex:0 0 100%;min-width:0}@media (forced-colors:active){.online-word-pager-button{forced-color-adjust:none;color:buttontext;box-shadow:none;background:buttonface;border:1px solid buttontext}.online-word-pager-button.selected{outline-offset:2px;color:buttontext;box-shadow:none;background:buttonface;border:3px double highlight;outline:2px solid highlight}.online-word-pager-button[data-state=solved]:not(.selected){border:2px dashed buttontext}}@media (width>=901px) and (height>=821px){.online-shell[data-word-pager=active] .online-header{margin-bottom:8px;padding:10px 14px}.online-shell[data-word-pager=active] .online-scoreboard{margin-bottom:8px}}.online-board{background:var(--panel);padding:12px}.online-board .board-header{margin-bottom:10px}.online-board .board-header h3{margin:0;font-size:1rem}.online-board .letter-cell{font-size:1.08rem}.online-waiting{gap:10px;padding:18px;display:grid}.online-return-action{display:none}.answer-list{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.answer-list span{background:var(--control-bg);border-radius:8px;padding:7px 10px;font-weight:900}.final-answer-list{justify-content:flex-start;width:100%;margin:0}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.result-actions .post-game-action-primary,.result-actions .post-game-action-challenge{grid-column:1/-1}@keyframes message-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes message-confirm{0%{opacity:.72;transform:scale(.98)}55%{opacity:1;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes message-error-flash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}}@keyframes result-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes result-icon-win{0%{transform:scale(.82)}55%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes result-icon-loss{0%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes type-pop{0%{transform:scale(.92)}to{transform:translateY(-1px)scale(1)}}@keyframes caret-pulse{0%,to{opacity:.22}50%{opacity:1}}@keyframes tile-reveal{0%{border-color:var(--cell-border);background:var(--panel);color:var(--ink);transform:rotateX(0)}44%{border-color:var(--cell-border);background:var(--panel);color:#0000;transform:rotateX(90deg)}45%{border-color:var(--tile-color);background:var(--tile-color);color:#0000;transform:rotateX(90deg)}to{border-color:var(--tile-color);background:var(--tile-color);color:var(--tile-text-color);transform:rotateX(0)}}@keyframes soft-shake{0%,to{transform:translate(0)}40%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes win-hop{0%{transform:translateY(0)}32%{transform:translateY(-22%)}68%{transform:translateY(4%)}to{transform:translateY(0)}}@media (width<=900px){.app-shell{width:min(100% - 16px,760px);padding:6px 0}.update-banner{margin-bottom:8px}.game-layout{grid-template-columns:1fr;gap:0;min-height:0}.play-header{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:44px;margin-bottom:5px;padding:0 6px}.wordmark{font-size:1.32rem}.wordmark-logo{--brand-logo-size:26px}.play-header-status{grid-area:2/1/auto/-1;justify-content:space-between;gap:6px 10px;font-size:.86rem;line-height:1.15;display:flex}.play-header-actions{grid-area:1/2}.menu-button{min-height:44px}.quick-new-game{display:none}.play-header-actions .rules-panel-compact{flex:none;width:auto;margin:0;padding:0}.play-header-actions .rules-panel-compact summary{margin-left:0}.play-header-actions .rules-panel-compact .rules-panel-items{width:auto;position:fixed;top:58px;left:8px;right:8px;transform:none}.side-panel{width:min(360px,100vw - 28px)}.play-area{order:1}.keyboard{padding:8px 0 calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin-top:10px;position:static}.online-header{flex-direction:column;align-items:stretch}.online-header-actions{justify-content:stretch}.online-header-actions button{flex:140px}.online-arena{grid-template-columns:minmax(0,1fr);grid-template-areas:"self""keyboard"}.online-shell[data-active-target=opponent] .online-arena.has-opponent{grid-template-areas:"opponent"}.online-arena.has-opponent .online-player-column.is-inactive-player{display:none}.online-player-column .letter-row.current-row{scroll-margin-top:128px;scroll-margin-bottom:calc(248px + env(safe-area-inset-bottom))}.online-arena.is-waiting{grid-template-areas:"opponent""self"}.online-shell.uses-native-keyboard .online-arena:not(.is-waiting){grid-template-areas:"self""opponent"}.online-keyboard-panel{min-height:232px}.online-keyboard-panel.has-message,.online-keyboard-panel.has-opponent-activity{min-height:284px}.online-keyboard-panel.has-message.has-opponent-activity{min-height:334px}.online-keyboard-stack{z-index:20;border-top:1px solid var(--line);background:var(--paper);width:min(720px,100vw - 16px);padding:8px 0 calc(8px + env(safe-area-inset-bottom));margin:0;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%)}.online-keyboard-stack .message{width:100%;margin:0}.online-shell.has-online-return{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.online-return-action{z-index:20;bottom:calc(8px + env(safe-area-inset-bottom));background:var(--ink);width:min(480px,100vw - 24px);min-height:48px;color:var(--paper);border-radius:8px;font-weight:900;line-height:1.1;display:block;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #1f293729}}@media (width>=901px) and (height<=820px){.app-shell{width:min(var(--app-shell-max-width), calc(100% - 24px));padding:6px 0 2px}.game-layout{min-height:calc(100dvh - 8px)}.side-panel{gap:12px}.stats-panel .stats-strip{gap:6px}.stats-panel .stats-strip span{padding:8px;font-size:.72rem}.status-line{margin-bottom:8px}.rules-panel{gap:6px;margin-bottom:8px}.rules-item{gap:5px;min-height:28px;padding:3px 6px;font-size:.72rem}.rules-tile{width:20px;height:20px;font-size:.68rem}.board,.single-board .board{padding:12px}.board-header{margin-bottom:8px}.board-header h2{font-size:1.18rem}.keyboard{gap:5px;width:min(100%,500px);max-width:none;margin-top:8px}.keyboard-row{gap:4px}.keyboard button{height:40px;font-size:.8rem}.online-header{margin-bottom:8px;padding:8px 14px}.online-header h1{font-size:1.4rem}.online-scoreboard{margin-bottom:8px}.online-score-card{padding:7px 10px}.online-arena{gap:8px}.online-board{padding:8px}.online-board .board-header{margin-bottom:6px}.online-keyboard-stack{z-index:20;border-top:1px solid var(--line);background:var(--paper);width:min(720px,100vw - 32px);padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0;gap:6px;margin:0;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%);box-shadow:0 -12px 28px #1f293729}.online-keyboard-stack .message{width:100%;margin:0}.online-shell.has-online-keyboard{padding-bottom:248px}.online-shell.has-online-return{padding-bottom:80px}.online-return-action{z-index:20;bottom:calc(12px + env(safe-area-inset-bottom));background:var(--ink);width:min(480px,100vw - 32px);min-height:46px;color:var(--paper);border-radius:8px;font-weight:900;line-height:1.1;display:block;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #1f293729}}@media (width>=901px) and (height<=700px){.play-area.has-inline-feedback .message,.play-area.has-inline-feedback .draft-validator{margin:4px 0;padding:6px 10px}.keyboard{gap:4px;margin-top:4px}.play-area.has-inline-feedback .keyboard{margin-top:4px}.keyboard button{height:36px;font-size:.78rem}}@media (width>=901px) and (height>=561px) and (height<=634px){.feedback-slot{width:min(520px,100vw - 32px);bottom:clamp(168px,48dvh - 101px,204px)}}@media (width>=901px) and (height>=635px) and (height<=700px){.feedback-slot{width:min(520px,100vw - 32px);bottom:42px}}@media (width>=901px) and (height<=560px){.play-area:not(.is-complete){grid-template-columns:minmax(242px,1fr) minmax(520px,620px);grid-template-areas:"header header""rules rules""hint hint""board keyboard";align-items:start;column-gap:18px;width:min(100%,1060px);margin:0 auto;display:grid}.play-area:not(.is-complete) .play-header{grid-area:header}.play-area:not(.is-complete) .rules-panel{grid-area:rules}.play-area:not(.is-complete) .hint-panel{grid-area:hint}.play-area:not(.is-complete) .board-input-surface{grid-area:board}.play-area:not(.is-complete) .keyboard,.play-area:not(.is-complete).has-inline-feedback .keyboard{grid-area:keyboard;margin-top:0}.play-area.uses-native-keyboard:not(.is-complete){width:min(100%,520px);display:block}}@media (width>=561px) and (width<=900px){.play-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px 12px}.play-header-status{text-align:center;grid-area:1/2;justify-content:center;align-items:center}.play-header-status span{white-space:nowrap}.play-header-actions{grid-area:1/3}}@media (width<=560px){.side-panel{width:min(420px,100vw - 16px)}.rules-panel-compact{z-index:12}.rules-panel-compact summary{justify-content:center;gap:4px;width:44px;min-height:40px;margin-left:0;padding:0}.rules-panel-compact summary span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rules-panel-compact summary:before{border:1px solid var(--line);width:20px;height:20px;color:var(--muted);content:"?";border-radius:999px;place-items:center;font-size:.78rem;line-height:1;display:grid;position:static}.play-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.wordmark{font-size:1.22rem}.play-header-status{text-align:center;grid-area:1/2;justify-content:center;align-items:center;gap:2px 8px;min-width:0;font-size:.76rem}.play-header-status span{white-space:nowrap}.play-header-actions{grid-area:1/3}.menu-button{min-height:44px;padding:0 12px}.side-panel{gap:10px;padding:0 10px 10px}.side-panel .menu-header{border-bottom:1px solid var(--line);margin:0 -10px;padding:14px 10px 10px}.online-shell{width:min(100% - 16px,480px)}.online-header{gap:10px;padding:12px}.online-header.is-single-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.online-header.is-single-action .online-header-actions{justify-content:end}.online-header.is-single-action .online-header-actions button{flex:none;min-width:78px;padding:0 12px}.online-header.is-single-action.has-invite-action{flex-direction:column;align-items:stretch;display:flex}.online-header.is-single-action.has-invite-action .online-header-actions{justify-content:stretch}.online-header.is-single-action.has-invite-action .online-header-actions button{flex:auto;width:100%;min-width:0}.online-header h1{font-size:1.45rem}.online-brand-logo{--brand-logo-width:96px;--brand-logo-height:30px}.online-scoreboard{margin-bottom:10px}.online-score-card{padding:9px 10px}.online-score-card-label{font-size:.72rem}.online-score-card strong{font-size:.84rem}.online-score-mini-board{gap:4px 6px;margin-top:6px}.online-score-mini-row{grid-template-columns:repeat(var(--score-word-length), 7px)}.online-score-mini-cell{width:7px}.online-score-mini-row:not(:last-child){display:none}.online-player-heading{flex-direction:column;align-items:start}.online-player-heading span{text-align:left}.online-boards{grid-template-columns:minmax(0,1fr)}.side-panel .settings-panel{flex-direction:column;padding:14px;display:flex}.side-panel .settings-panel .section-heading{order:-2}.side-panel .field,.side-panel .mode-field,.side-panel .preset-field,.side-panel .toggle-field{margin:12px 0}.play-area.has-inline-feedback .message,.play-area.has-inline-feedback .draft-validator{margin:8px 0;padding:8px 10px}.play-area.has-inline-feedback .feedback-slot .message,.play-area.has-inline-feedback .feedback-slot .draft-validator,.play-area.has-draft-feedback .feedback-slot .draft-validator{margin:0;padding:7px 9px;font-size:.82rem;line-height:1.25}.play-area.has-draft-feedback .draft-validator{margin:1px 0;padding:6px 8px}.play-area.has-hint-feedback .hint-panel{margin-bottom:6px;padding:7px 10px}.rules-panel{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-bottom:8px;padding-bottom:2px;overflow-x:auto}.rules-panel-compact{padding-bottom:0;overflow-x:visible}.rules-panel-compact .rules-panel-items{scrollbar-width:none;flex-wrap:wrap;justify-content:flex-start;overflow:hidden auto}.rules-panel-compact .rules-panel-items::-webkit-scrollbar{display:none}.rules-panel::-webkit-scrollbar{display:none}.rules-item{flex:none;gap:5px;min-height:30px;padding:4px 6px;font-size:.72rem}.rules-tile{width:20px;height:20px;font-size:.66rem}.boards{grid-template-columns:1fr}.boards:not(.single-board){overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.boards:not(.single-board) .board{scroll-snap-align:start;flex:0 0 100%}.boards:not(.single-board) .board-pager{justify-content:center;gap:6px;margin:-4px 0 10px;display:flex}.board,.single-board .board{padding:12px}.board-header{margin-bottom:8px}.board-header h2{font-size:1.08rem}.board-state{padding:5px 8px;font-size:.72rem}.single-board .letter-cell{font-size:1.45rem}.keyboard{padding:4px 0 calc(4px + env(safe-area-inset-bottom));gap:4px;width:100%;margin-top:6px}.keyboard-row{gap:4px}.keyboard-row-bottom{grid-template-columns:minmax(54px,1.75fr) repeat(7,minmax(0,1fr)) minmax(50px,1.55fr)}.keyboard button{height:40px;font-size:.82rem}.result-actions{grid-template-columns:1fr}.final-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.final-actions button{min-height:48px;padding:4px 8px;line-height:1.15}.comparison-grid{grid-template-columns:1fr}.challenge-status-banner{align-items:flex-start;padding:9px 10px}}@media (width<=900px) and (height<=430px) and (orientation:landscape){.app-shell{width:min(100% - 12px,760px);padding:4px 0 0}.play-area{grid-template-columns:minmax(210px,.7fr) minmax(338px,1fr);grid-template-areas:"header header""board keyboard";align-items:start;gap:6px 8px;display:grid}.play-area.uses-native-keyboard:not(.is-complete){width:min(100%,520px);display:block}.online-shell{width:min(100% - 12px,820px)}.online-shell .online-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:4px;padding:5px 8px;display:grid}.online-shell .online-header .eyebrow{display:none}.online-shell .online-header h1{line-height:1}.online-shell .online-brand-logo{--brand-logo-width:88px;--brand-logo-height:28px}.online-shell .online-header p:not(.eyebrow){margin-top:2px;font-size:.7rem;line-height:1.1}.online-shell .online-header-actions button{min-height:44px}.online-shell>.message{margin:3px 0;padding:4px 8px;font-size:.72rem;line-height:1.15}.online-shell .online-scoreboard{gap:4px;margin-bottom:4px}.online-shell .online-score-card{padding:4px 7px}.online-shell .online-score-mini-board{display:none}.online-shell.uses-game-keyboard.has-online-keyboard[data-active-target=self] .online-arena.has-opponent{grid-template-columns:minmax(180px,.62fr) minmax(0,1fr);grid-template-areas:"self keyboard";gap:8px}.online-shell .online-player-column{gap:4px}.online-shell .online-player-heading{flex-direction:row;align-items:center;min-height:40px;padding:4px 8px}.online-shell .online-player-heading .eyebrow{display:none}.online-shell .online-player-heading h2{font-size:1rem}.online-shell .online-player-heading span{text-align:right;font-size:.72rem}.online-shell .online-word-pager{flex-wrap:nowrap;justify-content:flex-start;gap:4px}.online-shell .online-word-pager-heading{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.online-shell .online-word-pager-button{min-width:44px;min-height:44px}.online-shell .online-board{padding:6px}.online-shell .online-board .board-header{margin-bottom:4px}.online-shell .online-board .board-header .eyebrow{display:none}.online-shell .letter-row.current-row{scroll-margin-top:8px;scroll-margin-bottom:8px}.online-shell .online-keyboard-panel{align-self:stretch}.play-header{grid-area:header;grid-template-columns:auto minmax(0,1fr) auto;min-height:40px;margin-bottom:0;padding:0 6px}.wordmark{gap:7px;font-size:1.16rem}.wordmark-logo{--brand-logo-size:24px}.play-header-status{text-align:center;grid-area:1/2;justify-content:center;gap:4px 10px;font-size:.72rem;line-height:1.05}.play-header-status span{white-space:nowrap}.play-header-actions{grid-area:1/3}.menu-button{min-height:40px;padding:0 12px}.rules-panel{display:none}.board-input-surface{grid-area:board}.board,.single-board .board{padding:6px}.board-header{margin-bottom:4px}.board-header h2{font-size:1rem;line-height:1.05}.board-header .eyebrow{display:none}.board-attempt{font-size:.7rem;line-height:1.05}.board-state{padding:4px 6px}.keyboard{grid-area:keyboard;gap:3px;width:100%;max-width:none;margin:0;padding:0}.keyboard-row{gap:0}.keyboard button{height:37px;font-size:.76rem}.online-keyboard-panel,.online-keyboard-panel.has-message,.online-keyboard-panel.has-opponent-activity,.online-keyboard-panel.has-message.has-opponent-activity{min-height:0}.online-keyboard-stack{width:100%;box-shadow:none;background:0 0;border-top:0;border-radius:0;margin:0;padding:0;position:sticky;top:4px;transform:none}.online-shell.has-online-keyboard{padding-bottom:0}}@media (width>=360px) and (width<=560px){.inline-comparison .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inline-comparison .comparison-player{gap:4px;padding:8px;font-size:.82rem}.inline-comparison .comparison-player strong{font-size:.9rem}.inline-comparison .comparison-player ol{padding-left:18px}}@media (width<=390px){.rules-panel:not(.rules-panel-compact){display:none}.status-line{margin-bottom:8px}.single-board .letter-cell{font-size:1.25rem}.keyboard{gap:3px;margin-top:6px;padding-top:4px}.keyboard-row{gap:1px}.keyboard-row-bottom{grid-template-columns:minmax(50px,1.5fr) repeat(7,minmax(0,1fr)) minmax(50px,1.45fr)}.keyboard button{font-size:.78rem}.keyboard .keyboard-command-key{font-size:.67rem}.online-keyboard-stack{width:min(720px,100vw - 8px)}}@media (width<=390px) and (height<=600px){.app-shell{padding:4px 0 0}.play-header{min-height:40px;margin-bottom:4px;padding:0 5px}.wordmark{gap:6px;font-size:1.12rem}.wordmark-logo{--brand-logo-size:24px}.play-header-status{gap:1px 6px;font-size:.7rem;line-height:1.05}.play-header-status span{white-space:nowrap}.menu-button{min-height:40px;padding:0 10px}.rules-panel{margin-bottom:4px;padding-bottom:0}.rules-panel-compact{display:none}.play-header-actions .rules-panel-compact{display:block}.play-area:not(.is-complete) .board-input-surface{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 226px);scroll-padding:8px;overflow-y:auto}.board,.single-board .board{padding:8px}.board-header{gap:6px;min-width:0;margin-bottom:6px}.board-header>div{min-width:0}.board-header h2{font-size:1rem;line-height:1.05}.board-state{flex:none;gap:4px;padding:4px 6px;font-size:.68rem}.board-state:before{display:none}.keyboard{gap:3px;margin-top:4px;padding:2px 0 0}.final-actions{margin-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:.01ms!important}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:.01ms!important}:root[data-motion=reduced] .letter-cell.typed,:root[data-motion=reduced] .message,:root[data-motion=reduced] .result-message,:root[data-motion=reduced] .result-icon{animation:none;transform:none}:root[data-motion=reduced] .letter-cell.selected:after{opacity:1;animation:none}html{background:var(--paper);min-height:100%}body{background:radial-gradient(circle at 12% 8%, var(--canvas-glow-primary), transparent 32rem), radial-gradient(circle at 88% 92%, var(--canvas-glow-secondary), transparent 28rem), linear-gradient(color-mix(in srgb, var(--line) 24%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 24%, transparent) 1px, transparent 1px), var(--paper);font-feature-settings:"ss01" 1, "cv02" 1;text-rendering:optimizelegibility;background-size:auto,auto,48px 48px,48px 48px,auto;min-height:100dvh;font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif}::selection{background:color-mix(in srgb, var(--brand) 30%, transparent);color:var(--ink)}button,summary,input,select,textarea{transition:background-color var(--transition-speed) var(--ease-out-expo), border-color var(--transition-speed) var(--ease-out-expo), color var(--transition-speed) var(--ease-out-expo), box-shadow var(--transition-speed) var(--ease-out-expo), transform var(--transition-speed) var(--ease-out-expo)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline-color:var(--focus);box-shadow:0 0 0 5px var(--focus-border)}.app-shell.game-shell{isolation:isolate}.visually-hidden{clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.game-layout{position:relative}.play-area{animation:experience-enter .56s var(--ease-out-expo) both;padding:12px 16px 40px;position:relative}.surface{border-color:color-mix(in srgb, var(--line) 78%, transparent);background:color-mix(in srgb, var(--surface-alpha) 96%, var(--panel))}.quick-new-game,.menu-button,.primary-action,.post-game-action-primary,.post-game-action-challenge{background:var(--brand);min-height:44px;box-shadow:0 3px 0 var(--brand-strong);color:var(--brand-text);letter-spacing:-.01em;border-radius:10px;font-weight:850}.quick-new-game:hover,.menu-button:hover,.primary-action:hover,.post-game-action-primary:hover,.post-game-action-challenge:hover{background:var(--brand);transform:translateY(-1px)}.quick-new-game:active,.menu-button:active,.primary-action:active,.post-game-action-primary:active,.post-game-action-challenge:active{box-shadow:0 1px 0 var(--brand-strong);transform:translateY(2px)}.eyebrow{color:color-mix(in srgb, var(--muted) 88%, var(--brand));letter-spacing:.02em;margin-bottom:4px;font-size:.72rem;font-weight:800}.board-input-surface{position:relative}.boards{gap:18px}.board.surface{background:linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, white), var(--panel)), var(--panel);box-shadow:var(--board-shadow);border:0;border-radius:16px}.board:before{background:linear-gradient(90deg, var(--brand), color-mix(in srgb, var(--brand) 58%, var(--present)));height:5px}.board.solved:before{background:var(--correct)}.board.finished:not(.solved):before{background:var(--absent)}.single-board .board{padding:18px 20px 20px}.board-header{align-items:center;margin-bottom:14px}.board-header>div{gap:1px}.board-header h2{letter-spacing:-.025em;margin:0;font-size:1.3rem;font-weight:800;line-height:1.1}.board-attempt{margin-top:2px;font-size:.76rem;font-weight:750}.board-state{border:1px solid color-mix(in srgb, var(--correct) 22%, var(--line));background:var(--brand-soft);color:color-mix(in srgb, var(--brand) 84%, var(--ink));border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:.72rem;font-weight:850;display:inline-flex;position:relative}.board-state:before{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);content:"";background:currentColor;border-radius:50%;flex:none}.attempt-meter{gap:4px;width:min(144px,38vw);margin-top:7px;display:flex}.attempt-meter span{background:color-mix(in srgb, var(--muted) 18%, transparent);border-radius:999px;flex:1 1 0;min-width:8px;height:4px}.attempt-meter span.used{background:color-mix(in srgb, var(--brand) 66%, var(--line))}.attempt-meter span.current{background:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);animation:1.8s ease-in-out infinite attempt-breathe}.board-pager{align-items:center;gap:6px;margin:-2px 0 10px}.board-pager-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-right:2px;font-size:.62rem;font-weight:900}.board-pager button{border-color:color-mix(in srgb, var(--ink) 16%, var(--line));background:var(--key-bg);min-width:44px;min-height:44px;box-shadow:0 2px 0 var(--key-depth);border-radius:999px;justify-content:center;align-items:center;gap:4px;font-weight:900;display:inline-flex;position:relative}.board-pager button.selected{border-color:var(--brand);background:var(--brand);box-shadow:0 3px 0 var(--brand-strong);color:var(--brand-text)}.board-pager button[data-state=solved]:not(.selected){border-color:color-mix(in srgb, var(--correct) 40%, var(--line));background:color-mix(in srgb, var(--correct) 14%, var(--panel));color:color-mix(in srgb, var(--correct) 78%, var(--ink))}.board-pager-check{font-size:.72rem;line-height:1}.letter-grid{perspective:1000px}.letter-cell{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));background:var(--tile-empty);box-shadow:inset 0 -3px 0 var(--tile-depth), 0 1px 0 #ffffff57;letter-spacing:-.035em;transition:transform var(--transition-speed) var(--ease-out-expo), border-color var(--transition-speed) var(--ease-out-expo), background var(--transition-speed) var(--ease-out-expo), box-shadow var(--transition-speed) var(--ease-out-expo);border-radius:11px;font-family:Arial Rounded MT Bold,Segoe UI Variable Display,Segoe UI,sans-serif;font-weight:900}.current-row .letter-cell.empty{border-color:color-mix(in srgb, var(--brand) 58%, var(--line));background:color-mix(in srgb, var(--brand-soft) 72%, var(--tile-empty))}.letter-cell.typed{border-color:color-mix(in srgb, var(--brand) 76%, var(--ink));background:color-mix(in srgb, var(--brand-soft) 62%, var(--tile-empty));box-shadow:inset 0 -4px 0 var(--tile-depth), 0 4px 8px rgb(var(--shadow-rgb) / .1)}.letter-cell.selected{border-color:var(--brand);box-shadow:inset 0 -3px 0 var(--tile-depth), 0 0 0 3px color-mix(in srgb, var(--brand) 24%, transparent);animation:1.45s ease-in-out infinite selected-cell}.letter-cell.correct,.letter-cell.present,.letter-cell.absent{border-color:color-mix(in srgb, var(--tile-color) 82%, var(--ink));box-shadow:inset 0 -4px #00000038}.letter-cell[data-feedback]:after,.keyboard button[data-feedback]:after{color:currentColor;content:"";opacity:.88;display:block;position:absolute;top:6px;right:6px}.letter-cell[data-feedback=correct]:after,.keyboard button[data-feedback=correct]:after{border:2px solid;border-radius:50%;width:7px;height:7px}.letter-cell[data-feedback=present]:after,.keyboard button[data-feedback=present]:after{border:2px solid;width:7px;height:7px;transform:rotate(45deg)}.letter-cell[data-feedback=absent]:after,.keyboard button[data-feedback=absent]:after{background:currentColor;border-radius:999px;width:9px;height:2px}.keyboard{gap:7px;width:min(100%,620px);max-width:none;margin-top:14px}.keyboard-row{gap:6px}.keyboard button{border:1px solid color-mix(in srgb, var(--ink) 9%, var(--line));background:var(--key-bg);height:48px;box-shadow:0 3px 0 var(--key-depth);color:var(--ink);border-radius:10px;font-family:Arial Rounded MT Bold,Segoe UI Variable Display,Segoe UI,sans-serif;font-size:.86rem;font-weight:900;position:relative}.keyboard button:not(:disabled):hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--line));background:color-mix(in srgb, var(--key-bg) 90%, var(--brand));transform:translateY(-1px)}.keyboard button:not(:disabled):active{box-shadow:0 1px 0 var(--key-depth);transform:translateY(2px)scale(.985)}.keyboard .keyboard-command-key{border-color:color-mix(in srgb, var(--brand) 34%, var(--line));background:color-mix(in srgb, var(--brand) 20%, var(--panel));box-shadow:0 3px 0 color-mix(in srgb, var(--brand-strong) 42%, var(--key-depth));color:color-mix(in srgb, var(--brand) 78%, var(--ink));justify-content:center;align-items:center;gap:6px;display:flex}.keyboard button.correct,.keyboard button.present,.keyboard button.absent{border-color:color-mix(in srgb, currentColor 25%, transparent);box-shadow:0 3px #00000047}.keyboard button.absent{box-shadow:none;color:color-mix(in srgb, var(--absent) 72%, var(--ink));opacity:1;-webkit-text-stroke:0;background:0 0;border-color:currentColor}.keyboard button[data-feedback=absent]:after{content:none}.keyboard button.absent:not(:disabled):hover{background:0 0;border-color:currentColor}.keyboard button.absent:not(:disabled):active{box-shadow:none}.game-companion{display:none}@media (width>=1280px) and (height>=840px){.game-companion{border:1px solid color-mix(in srgb, var(--brand) 20%, var(--line));background:color-mix(in srgb, var(--panel) 90%, transparent);width:196px;box-shadow:0 12px 30px rgb(var(--shadow-rgb) / .1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:15px;gap:14px;padding:17px;display:grid;position:absolute;top:88px;left:-8px;overflow:hidden}.game-companion:before{background:linear-gradient(var(--brand), color-mix(in srgb, var(--brand) 54%, var(--present)));content:"";width:4px;position:absolute;inset:0 auto 0 0}.game-companion-heading{justify-content:space-between;align-items:end;gap:8px;display:flex}.game-companion-heading>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:900}.game-companion-heading strong{color:var(--brand);letter-spacing:-.08em;font-size:2rem;font-weight:900;line-height:.84}.game-companion-heading small{color:var(--muted);letter-spacing:-.02em;font-size:.78rem}.game-companion>p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.42}.game-companion>p b{color:var(--ink)}.feedback-key{border-block:1px solid color-mix(in srgb, var(--line) 72%, transparent);gap:9px;padding-block:12px;display:grid}.feedback-key>span{color:var(--ink);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;font-size:.73rem;font-weight:800;display:grid}.feedback-key-marker{color:var(--muted);justify-self:center;display:block}.feedback-key-marker.correct{border:2px solid var(--correct);border-radius:50%;width:10px;height:10px}.feedback-key-marker.present{border:2px solid var(--present);width:9px;height:9px;transform:rotate(45deg)}.feedback-key-marker.absent{background:var(--absent);border-radius:999px;width:12px;height:3px}.game-companion .game-companion-tip{font-size:.68rem;font-weight:700}}@media (width>=1280px) and (width<=1439px) and (height>=840px){.app-shell.has-docked-panel .game-companion{display:none}}.message,.share-message,.draft-validator{border-radius:11px;font-size:.86rem;line-height:1.35}.feedback-slot .message,.feedback-slot .draft-validator{background:color-mix(in srgb, var(--panel) 96%, transparent);box-shadow:var(--floating-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0}.message.error{background:color-mix(in srgb, var(--accent) 14%, var(--panel));border:0}.message.info,.draft-validator{background:color-mix(in srgb, var(--focus) 12%, var(--panel));border:0}.message.success,.draft-validator.valid,.draft-validator.free,.draft-validator.local{background:color-mix(in srgb, var(--correct) 12%, var(--panel))}.rules-panel-compact summary{border-color:color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:10px}.rules-panel-compact .rules-panel-items{box-shadow:var(--floating-shadow);border:0;border-radius:12px}.rules-item{border-color:color-mix(in srgb, var(--line) 76%, transparent);border-radius:9px}.side-panel{border-left:1px solid var(--line);background:color-mix(in srgb, var(--paper) 96%, var(--panel));box-shadow:-18px 0 46px rgb(var(--shadow-rgb) / .24)}.settings-panel,.appearance-panel,.stats-panel,.online-panel,.feedback-panel,.challenge-panel,.result-panel,.final-panel{border-radius:14px}.section-heading h2,.final-panel h2,.result-panel h2,.online-header h1,.challenge-gate h1{letter-spacing:-.035em;text-wrap:balance}.field input,.field select,.field textarea,.mode-field select,.toggle-field,.preset-button{border-radius:10px}.field input,.field select,.field textarea,.mode-field select{border-color:color-mix(in srgb, var(--line) 82%, var(--ink));background:color-mix(in srgb, var(--panel) 94%, var(--paper))}.stats-strip span,.comparison-player,.online-score-card,.online-player-heading{border-radius:11px}.final-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-soft) 38%, transparent), transparent 42%), var(--panel);box-shadow:var(--board-shadow);animation:result-surface-enter .62s var(--ease-out-expo) both;border:0;position:relative;overflow:hidden}.final-panel:before{background:linear-gradient(90deg, var(--brand), var(--correct), var(--present));content:"";height:4px;position:absolute;inset:0 0 auto}.final-actions .post-game-action-primary,.result-actions .post-game-action-primary{background:var(--brand);box-shadow:0 3px 0 var(--brand-strong);color:var(--brand-text)}.final-result-summary{border-radius:14px}.answer-list span{background:var(--brand-soft);color:color-mix(in srgb, var(--brand) 78%, var(--ink));border-radius:9px}.online-shell{padding-top:12px}.online-header.surface,.online-waiting.surface,.online-board.surface{box-shadow:0 8px 22px rgb(var(--shadow-rgb) / .12);border:0;border-radius:14px}.online-score-card.is-selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 18%, transparent)}.online-player-heading{border-color:color-mix(in srgb, var(--line) 72%, transparent)}.online-score-mini-cell[data-feedback=correct],.comparison-cell[data-feedback=correct]{border-style:solid}.online-score-mini-cell[data-feedback=present],.comparison-cell[data-feedback=present]{border-style:dashed}.online-score-mini-cell[data-feedback=absent],.comparison-cell[data-feedback=absent]{border-style:dotted}@keyframes experience-enter{0%{opacity:0}}@keyframes result-surface-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes attempt-breathe{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--brand) 7%, transparent)}}@keyframes selected-cell{50%{box-shadow:inset 0 -3px 0 var(--tile-depth), 0 0 0 5px color-mix(in srgb, var(--brand) 11%, transparent)}}@media (width>=901px) and (height<=820px){.play-area{padding:0}.single-board .board{padding:12px 14px 14px}.board-header{margin-bottom:8px}.board-header h2{font-size:1.18rem}.attempt-meter{margin-top:4px}.keyboard{gap:5px;width:min(100%,500px);margin-top:8px}.keyboard-row{gap:4px}.keyboard button{height:40px}}@media (width>=901px) and (height<=700px){.attempt-meter{display:none}.keyboard{gap:4px;margin-top:4px}.keyboard-row{gap:4px}.keyboard button{height:36px}}@media (width<=900px){body{background:radial-gradient(circle at 50% -8rem, var(--canvas-glow-primary), transparent 24rem), var(--paper)}.app-shell{width:min(100% - 12px,760px);padding-top:6px}.play-area{padding:0 0 18px}.play-header{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--panel) 90%, transparent);box-shadow:0 4px 10px rgb(var(--shadow-rgb) / .08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:13px}.wordmark-logo{border-radius:9px}.play-header-status{color:var(--muted);font-weight:800}.board.surface{box-shadow:0 9px 24px rgb(var(--shadow-rgb) / .14);border-radius:14px}.keyboard{margin-top:8px}}@media (width<=560px){.app-shell{width:calc(100% - 10px)}.play-header{margin-bottom:7px;padding-inline:7px}.quick-new-game{display:none}.board,.single-board .board{padding:10px}.board-header{margin-bottom:8px}.board-header h2{font-size:1.08rem}.board-state{padding:5px 8px}.attempt-meter{width:min(124px,36vw);margin-top:5px}.letter-cell{border-radius:9px}.letter-cell[data-feedback]:after{transform-origin:50%;top:4px;right:4px}.letter-cell[data-feedback=correct]:after,.letter-cell[data-feedback=present]:after{width:5px;height:5px}.keyboard{gap:5px;margin-top:6px;padding-top:5px}.keyboard-row{gap:3px}.keyboard button{border-radius:8px;height:42px;font-size:.78rem}.keyboard button[data-feedback]:after{top:4px;right:4px}.feedback-slot{width:calc(100vw - 16px);left:8px;right:8px}.side-panel{border-radius:16px 0 0 16px}.result-actions button,.final-actions.challenge-result-actions button{min-height:50px}}@media (width<=390px){.keyboard{gap:4px}.keyboard-row{gap:1px}.keyboard button{border-radius:7px;height:40px;font-size:.76rem}.keyboard .keyboard-command-key{font-size:.65rem}.keyboard-command-label{display:none}}@media (width>=380px) and (width<=400px){.wordmark{gap:6px;font-size:1rem}}@media (width>=361px) and (width<=560px) and (height>=800px){.keyboard{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--panel) 72%, transparent);box-shadow:0 8px 24px rgb(var(--shadow-rgb) / .1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15px;margin-top:4px;padding:9px 6px 13px}.keyboard button{height:46px;font-size:.82rem}}@media (width<=900px) and (height<=430px) and (orientation:landscape){.app-shell{padding:4px 0 0}.play-area{padding:0}.board,.single-board .board{padding:6px}.board-header h2{font-size:1rem}.board.surface{box-shadow:0 4px 10px rgb(var(--shadow-rgb) / .12);border-radius:10px}.attempt-meter{display:none}.keyboard{margin:0}.keyboard-row{gap:0}.keyboard button{height:37px}}@media (forced-colors:active){.board.surface,.play-header,.online-header.surface,.online-waiting.surface,.online-board.surface{box-shadow:none;border:1px solid canvastext}.attempt-meter span{background:canvas;border:1px solid canvastext}.attempt-meter span.used,.attempt-meter span.current{background:highlight}.letter-cell[data-feedback]:after,.keyboard button[data-feedback]:after{color:buttontext}.keyboard button.absent{opacity:1;-webkit-text-stroke:0}}@media (prefers-reduced-motion:reduce){.play-area,.final-panel,.attempt-meter span.current,.letter-cell.selected{animation:none}}:root[data-motion=reduced] .play-area,:root[data-motion=reduced] .final-panel,:root[data-motion=reduced] .attempt-meter span.current,:root[data-motion=reduced] .letter-cell.selected,:root[data-motion=off] .play-area,:root[data-motion=off] .final-panel,:root[data-motion=off] .attempt-meter span.current,:root[data-motion=off] .letter-cell.selected{animation:none}