:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.menu-shell.invite-shell{grid-template-rows:minmax(0,1fr);width:min(100%,520px);height:min(360px,100%)}.invite-panel{align-content:center}.invite-panel h2{color:var(--cp-text);text-transform:none;margin:0 0 12px;font:800 1.6rem/1 Georgia,serif}.invite-panel .menu-fields{grid-template-columns:1fr}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#b11f4b;--cp-accent-hover:#9a1a41;--cp-accent-soft:#b11f4b14;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#b11f4b1f;color:var(--cp-text);background:var(--cp-bg);font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}.point-preview{z-index:5;background:var(--cp-panel-strong);text-align:center;white-space:nowrap;pointer-events:none;opacity:0;border:1px solid;border-radius:4px;min-width:max-content;padding:5px 8px;font:800 .78rem/1 Consolas,Courier New,Courier,monospace;animation:2s ease-out both point-preview-rise;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #0000002e}.point-preview.blue{color:var(--cp-blue)}.point-preview.red{color:var(--cp-red)}@keyframes point-preview-rise{0%{opacity:0;transform:translate(-50%,4px)}20%{opacity:1;transform:translate(-50%,-8px)}55%{opacity:1;transform:translate(-50%,-20px)}to{opacity:0;transform:translate(-50%,-38px)}}@media (prefers-reduced-motion:reduce){.point-preview{animation:2s linear both point-preview-fade}@keyframes point-preview-fade{0%,to{opacity:0}20%,65%{opacity:1}}}@media (width<=600px){.result-banner{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px 12px!important}.result-banner h2{font-size:1.05rem!important}.result-summary-copy{min-width:0}.result-recap{width:100%}.result-actions{grid-template-columns:1fr 1fr;gap:4px!important;display:grid!important}.result-actions button{width:100%!important;min-height:34px!important;padding:6px 9px!important;font-size:.7rem!important}.replay-lightbox{padding:10px!important}}.header-controls{justify-content:flex-end;align-items:center;gap:12px;display:flex}.header-controls .tutorial-trigger,.header-controls .invite-trigger{background:var(--cp-surface-soft);width:42px;height:42px;min-height:42px;color:var(--cp-text);border:1px solid var(--cp-border);place-items:center;padding:0;display:grid}.header-controls .tutorial-trigger:hover,.header-controls .invite-trigger:hover{background:var(--cp-highlight)}.header-controls .invite-trigger{display:none}.notification-control{align-content:center;justify-items:end;gap:2px;height:42px;min-height:42px;display:grid;position:relative}.notification-control>small{max-width:260px;min-height:.75rem;color:var(--cp-text-muted);text-align:right;font-size:.6rem;font-weight:700;line-height:1.2;position:absolute;top:100%;right:0}.notification-toggle{height:42px;min-height:42px;color:var(--cp-text-muted);cursor:pointer;grid-template:none;align-items:center;gap:7px;font-size:.68rem;font-weight:800;display:flex}.notification-toggle input{appearance:none;border:1px solid var(--cp-border-strong);background:var(--cp-surface-soft);cursor:pointer;border-radius:11px;width:38px;height:22px;margin:0;padding:0;transition:background .15s,border-color .15s}.notification-toggle input:after{content:"";background:var(--cp-text-muted);border-radius:50%;width:16px;height:16px;margin:2px;transition:transform .15s,background .15s;display:block}.notification-toggle input:checked{border-color:var(--cp-blue);background:var(--cp-blue)}.notification-toggle input:checked:after{background:var(--cp-blue-fg);transform:translate(16px)}.notification-toggle input:focus-visible{outline:2px solid var(--cp-blue);outline-offset:2px}.notification-toggle input:disabled{cursor:progress}@media (width<=480px){.header-controls{gap:7px}.notification-control>small{max-width:150px}.notification-toggle>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.notification-toggle input{width:34px;height:20px}.notification-toggle input:after{width:14px;height:14px}.notification-toggle input:checked:after{transform:translate(14px)}}.board-wrap,.hex{touch-action:none!important}.screen-over{height:auto!important;min-height:100vh!important;display:block!important;overflow:auto!important}.screen-over .game-shell{pointer-events:none}.result-banner{z-index:10;background:var(--cp-panel-strong);border:1px solid var(--cp-border);border-left:6px solid var(--cp-blue);width:min(100% - 24px,880px);box-shadow:var(--cp-shadow);justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.result-banner.red{border-left-color:var(--cp-red)}.result-banner.top{top:12px}.result-banner.bottom{bottom:12px}.result-banner h2{color:var(--cp-text);text-transform:none;margin:2px 0;font:800 1.35rem/1 Georgia,serif}.result-banner strong{font-size:.8rem}.result-summary-copy{min-width:max-content}.result-recap{border-collapse:collapse;text-align:right;font-size:.72rem}.result-recap th,.result-recap td{border-bottom:1px solid var(--cp-border);padding:3px 7px}.result-recap thead th{color:var(--cp-text-muted);text-transform:uppercase;font-size:.62rem}.result-recap tbody th{max-width:120px;color:var(--cp-text-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-recap tr.winner{background:var(--cp-highlight);font-weight:800}.result-recap tr.winner th{color:var(--cp-text)}.result-recap td.recap-detail{font-size:.88em;font-weight:400}.result-recap thead th.recap-detail{font-size:.55rem}.result-actions{gap:8px;display:flex}.result-actions button{white-space:nowrap}.result-actions button.secondary{width:auto;margin:0}.replay-lightbox{z-index:20;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.replay-lightbox>.replay-player{background:var(--cp-panel-strong);width:min(100%,620px);height:min(100%,720px);box-shadow:var(--cp-shadow)}button.lightbox-close{z-index:21;width:42px;padding:0;font-size:1.5rem;position:fixed;top:16px;right:16px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#fd8ea1;--cp-accent-hover:#fb7b91;--cp-accent-soft:#fd8ea124;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#fd8ea11f}:root{--cp-blue:#0078d4;--cp-blue-hover:#0067b8;--cp-blue-soft:#0078d429;--cp-blue-fg:#fff;--cp-red:#b11f4b;--cp-red-hover:#94183e;--cp-red-soft:#b11f4b29;--cp-red-fg:#fff}html[data-theme=dark]{--cp-blue:#4da6ff;--cp-blue-hover:#7fc0ff;--cp-blue-soft:#4da6ff2e;--cp-blue-fg:#171717;--cp-red:#fd8ea1;--cp-red-hover:#ffabb9;--cp-red-soft:#fd8ea12e;--cp-red-fg:#1a1a1a}*{box-sizing:border-box}body{background:var(--cp-bg);min-width:320px;margin:0}#root{text-align:left;border:0;width:auto;max-width:none}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}main{background-image:linear-gradient(var(--cp-border) 1px,transparent 1px),linear-gradient(90deg,var(--cp-border) 1px,transparent 1px);background-size:32px 32px;min-height:100vh;padding:24px clamp(16px,4vw,64px)}header{border-bottom:2px solid var(--cp-text);justify-content:space-between;align-items:end;max-width:1440px;margin:0 auto 24px;padding-bottom:12px;display:flex}h1{letter-spacing:0;margin:0;font:800 clamp(2rem,5vw,4.5rem)/.9 Georgia,serif}h1 button.app-title{min-height:0;color:inherit;font:inherit;line-height:inherit;background:0 0;border-radius:0;padding:0}h1 button.app-title:hover{color:var(--cp-accent);background:0 0}h1 button.app-title:focus-visible{outline:2px solid var(--cp-link);outline-offset:3px}h2{text-transform:uppercase;letter-spacing:0;color:var(--cp-text-muted);font-size:.75rem}.eyebrow{letter-spacing:.14em;color:var(--cp-accent);font-size:.68rem;font-weight:800}select,input{color:var(--cp-text);background:var(--cp-surface);border:1px solid var(--cp-border-strong);border-radius:.35rem;padding:10px 12px}.game-shell{grid-template-columns:minmax(400px,720px) minmax(200px,280px);justify-content:center;align-items:start;gap:clamp(16px,3vw,32px);max-width:1040px;margin:auto;display:grid}.status-panel,.move-panel{background:var(--cp-panel-strong);border:1px solid var(--cp-border);border-top:4px solid var(--cp-text);padding:16px}.turn-marker{color:var(--cp-accent-fg);text-transform:uppercase;margin:-16px -16px 20px;padding:16px;font-weight:800}.turn-marker.blue{background:var(--cp-link)}.turn-marker.red{background:var(--cp-accent)}label{color:var(--cp-text-muted);gap:6px;font-size:.75rem;font-weight:700;display:grid}.status-panel input{width:100%;font-family:Consolas,Courier New,Courier,monospace}button:not(.hex){background:var(--cp-accent);min-height:42px;color:var(--cp-accent-fg);border-radius:.4rem;padding:10px 14px;font-weight:800}button:not(.hex):hover{background:var(--cp-accent-hover)}button.secondary{background:var(--cp-surface-soft);width:100%;color:var(--cp-text);border:1px solid var(--cp-border);margin-top:8px}.legend{justify-content:space-between;margin-top:24px;font-size:.75rem;font-weight:800;display:flex}.legend .blue{color:var(--cp-link)}.legend .red{color:var(--cp-accent)}.board-wrap{width:min(100%,720px);margin:auto;padding:16px;position:relative;overflow:hidden;container-type:inline-size}.board{grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:0;width:100%;padding:2% 4.5% 3% 1.5%;display:grid}.hex{aspect-ratio:.866025;touch-action:manipulation;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--cp-surface);width:100%;min-width:0;min-height:0;color:var(--cp-text);border-radius:0;margin:0 0 -28.8675%;padding:0;transition:background .12s;position:relative}.hex:before,.hex:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.hex:nth-child(-n+14):before{background:var(--cp-blue);clip-path:polygon(50% 0,100% 25%,100% calc(25% + 6px),50% 6px,0 calc(25% + 6px),0 25%)}.hex:nth-last-child(-n+14):before{background:var(--cp-blue);clip-path:polygon(0 75%,50% 100%,100% 75%,100% calc(75% - 6px),50% calc(100% - 6px),0 calc(75% - 6px))}.hex:nth-child(28n+1):after{background:var(--cp-red);clip-path:polygon(50% 0,50% 6px,6px calc(25% + 3px),6px calc(75% - 3px),50% calc(100% - 6px),50% 100%,0 75%,0 25%)}.hex:nth-child(28n+15):after{background:var(--cp-red);clip-path:polygon(0 25%,6px calc(25% + 3px),6px calc(75% - 3px),0 75%)}.hex:nth-child(28n+14):after{background:var(--cp-red);clip-path:polygon(100% 25%,calc(100% - 6px) calc(25% + 3px),calc(100% - 6px) calc(75% - 3px),100% 75%)}.hex:nth-child(28n+28):after{background:var(--cp-red);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,50% calc(100% - 6px),calc(100% - 6px) calc(75% - 3px),calc(100% - 6px) calc(25% + 3px),50% 6px)}.hex:nth-child(28n+15),.hex:nth-child(28n+16),.hex:nth-child(28n+17),.hex:nth-child(28n+18),.hex:nth-child(28n+19),.hex:nth-child(28n+20),.hex:nth-child(28n+21),.hex:nth-child(28n+22),.hex:nth-child(28n+23),.hex:nth-child(28n+24),.hex:nth-child(28n+25),.hex:nth-child(28n+26),.hex:nth-child(28n+27),.hex:nth-child(28n+28){transform:translate(50%)}.hex:hover{background:var(--cp-highlight)}.hex span{z-index:2;font-size:clamp(.5rem,3.6cqi,1.35rem);font-weight:800;line-height:1;position:relative}.hex.blue{background:var(--cp-link);color:var(--cp-surface)}.hex.red{background:var(--cp-accent);color:var(--cp-accent-fg)}.hex.selected{background:var(--cp-warning);color:var(--cp-text)}.edge{letter-spacing:.15em;color:var(--cp-text-muted);font-size:.6rem;font-weight:900;position:absolute}.edge-top,.edge-bottom{left:50%;transform:translate(-50%)}.edge-top{top:0}.edge-bottom{bottom:0}.edge-left,.edge-right{writing-mode:vertical-rl;top:50%;transform:translateY(-50%)}.edge-left{left:0}.edge-right{right:0}.hex:disabled{opacity:1;cursor:not-allowed}.board-layer .hex:nth-child(28n+15),.board-layer .hex:nth-child(28n+16),.board-layer .hex:nth-child(28n+17),.board-layer .hex:nth-child(28n+18),.board-layer .hex:nth-child(28n+19),.board-layer .hex:nth-child(28n+20),.board-layer .hex:nth-child(28n+21),.board-layer .hex:nth-child(28n+22),.board-layer .hex:nth-child(28n+23),.board-layer .hex:nth-child(28n+24),.board-layer .hex:nth-child(28n+25),.board-layer .hex:nth-child(28n+26),.board-layer .hex:nth-child(28n+27),.board-layer .hex:nth-child(28n+28){left:50%;transform:none}.board-layer .hex.selected{filter:none!important}.board-layer{position:relative}.board-layer>.board>.hex>span{visibility:hidden}.word-path-overlay{z-index:2;grid-template-columns:repeat(var(--size),minmax(0,1fr));pointer-events:none;width:100%;padding:2% 4.5% 3% 1.5%;display:grid;position:absolute;inset:0}.board-letters{z-index:3;grid-template-columns:repeat(var(--size),minmax(0,1fr));pointer-events:none;width:100%;padding:2% 4.5% 3% 1.5%;display:grid;position:absolute;inset:0}.board-letter{aspect-ratio:.866025;place-items:center;width:100%;min-width:0;min-height:0;margin:0 0 -28.8675%;font-size:clamp(.5rem,3.6cqi,1.35rem);font-weight:800;display:grid;position:relative}.board-letter:nth-child(28n+15),.board-letter:nth-child(28n+16),.board-letter:nth-child(28n+17),.board-letter:nth-child(28n+18),.board-letter:nth-child(28n+19),.board-letter:nth-child(28n+20),.board-letter:nth-child(28n+21),.board-letter:nth-child(28n+22),.board-letter:nth-child(28n+23),.board-letter:nth-child(28n+24),.board-letter:nth-child(28n+25),.board-letter:nth-child(28n+26),.board-letter:nth-child(28n+27),.board-letter:nth-child(28n+28){left:50%}.board-letter>span{background:var(--cp-surface);color:var(--cp-text);border-radius:50%;padding:.32em .45em;line-height:1}.board-letter.blue>span{background:var(--cp-link);color:var(--cp-blue-fg)}.board-letter.red>span{background:var(--cp-accent);color:var(--cp-red-fg)}.path-tile{aspect-ratio:.866025;width:100%;min-width:0;min-height:0;margin:0 0 -28.8675%;position:relative}.path-tile:nth-child(28n+15),.path-tile:nth-child(28n+16),.path-tile:nth-child(28n+17),.path-tile:nth-child(28n+18),.path-tile:nth-child(28n+19),.path-tile:nth-child(28n+20),.path-tile:nth-child(28n+21),.path-tile:nth-child(28n+22),.path-tile:nth-child(28n+23),.path-tile:nth-child(28n+24),.path-tile:nth-child(28n+25),.path-tile:nth-child(28n+26),.path-tile:nth-child(28n+27),.path-tile:nth-child(28n+28){left:50%}.path-shimmer{z-index:1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--path-base);animation:path-shimmer-wave 4.4s ease-in-out var(--shimmer-delay) infinite}.path-shimmer.blue{--path-base:var(--cp-blue);--path-highlight:color-mix(in srgb,var(--cp-blue) 68%,white)}.path-shimmer.red{--path-base:var(--cp-red);--path-highlight:color-mix(in srgb,var(--cp-red) 68%,white)}.path-shimmer.active.blue{--path-base:color-mix(in srgb,var(--cp-blue) 32%,white);--path-highlight:color-mix(in srgb,var(--cp-blue) 10%,white)}.path-shimmer.active.red{--path-base:color-mix(in srgb,var(--cp-red) 32%,white);--path-highlight:color-mix(in srgb,var(--cp-red) 10%,white)}.path-shimmer.locating{animation:.9s ease-out both path-locator-pulse}@keyframes path-shimmer-wave{0%,12%,to{background:var(--path-base)}5%{background:var(--path-highlight)}}@keyframes path-locator-pulse{0%{filter:brightness()}14%{filter:brightness(1.5)}30%{filter:brightness()}47%{filter:brightness(1.45)}64%{filter:brightness()}80%{filter:brightness(1.35)}to{filter:brightness()}}@media (prefers-reduced-motion:reduce){.path-shimmer{background:var(--path-base);animation:none}}.game-shell{--player-color:var(--cp-blue);--player-hover:var(--cp-blue-hover);--player-soft:var(--cp-blue-soft);--player-fg:var(--cp-blue-fg)}.game-shell.turn-red{--player-color:var(--cp-red);--player-hover:var(--cp-red-hover);--player-soft:var(--cp-red-soft);--player-fg:var(--cp-red-fg)}.game-shell .status-panel,.game-shell .move-panel{border-top-color:var(--player-color);box-shadow:inset 0 3px 0 var(--player-soft)}.game-shell .turn-marker{background:var(--player-color);color:var(--player-fg);box-shadow:0 4px 0 var(--player-soft)}.game-shell .game-meta strong,.game-shell .move-panel .eyebrow,.game-shell .current-word{color:var(--player-color)}.game-shell .current-word{border-bottom:2px solid var(--player-soft)}.game-shell .actions button:not(.secondary){background:var(--player-color);color:var(--player-fg)}.game-shell .actions button:not(.secondary):hover:not(:disabled){background:var(--player-hover)}.game-shell .actions .secondary:hover:not(:disabled){background:var(--player-soft);border-color:var(--player-color);color:var(--player-color)}.game-shell .hex{transition:none}.game-shell .hex:not(.blue):not(.red):not(.selected):hover:not(:disabled){background:var(--player-soft);color:var(--player-color)}.game-shell .hex:not(.blue):not(.red):active,.game-shell .hex.selected{background:var(--player-color);color:var(--player-fg);filter:brightness(1.08)}.game-shell .hex.blue{background:var(--cp-blue);color:var(--cp-blue-fg)}.game-shell .hex.red{background:var(--cp-red);color:var(--cp-red-fg)}.game-shell .edge{opacity:.42;transition:none}.game-shell .edge-top,.game-shell .edge-bottom{color:var(--cp-blue)}.game-shell .edge-left,.game-shell .edge-right{color:var(--cp-red)}.game-shell.turn-blue .edge-top,.game-shell.turn-blue .edge-bottom,.game-shell.turn-red .edge-left,.game-shell.turn-red .edge-right{opacity:1;text-shadow:0 0 10px var(--player-soft)}.game-shell .legend span{opacity:.45;border-radius:3px;padding:4px 6px}.game-shell.turn-blue .legend .blue,.game-shell.turn-red .legend .red{opacity:1;background:var(--player-soft)}.game-shell .legend .blue{color:var(--cp-blue)}.game-shell .legend .red{color:var(--cp-red)}.history div.blue{border-left:3px solid var(--cp-blue);padding-left:8px}.history div.red{border-left:3px solid var(--cp-red);padding-left:8px}.history div.blue strong{color:var(--cp-blue)}.history div.red strong{color:var(--cp-red)}.history span.blue{background:var(--cp-blue);color:var(--cp-blue-fg)}.history span.red{background:var(--cp-red);color:var(--cp-red-fg)}.current-word{align-items:center;height:64px;margin:8px 0;font:800 clamp(1.25rem,3vw,2rem)/1 Consolas,Courier New,Courier,monospace;display:flex;overflow:hidden}.actions{grid-template-columns:44px 1fr;gap:8px;display:grid}.actions .icon-button{margin:0;padding:0}.history{max-height:300px;margin-top:24px;overflow:auto}.history button.history-entry{border:0;border-top:1px solid var(--cp-border);width:100%;min-height:0;color:var(--cp-text);font-weight:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:10px;padding:8px 0;display:flex}.history button.history-entry.blue{border-left:3px solid var(--cp-blue);padding-left:8px}.history button.history-entry.red{border-left:3px solid var(--cp-red);padding-left:8px}.history button.history-entry:hover{background:var(--cp-surface-soft)}.history button.history-entry:focus-visible{outline:2px solid var(--cp-link);outline-offset:-2px}.history span{min-width:24px;height:24px;color:var(--cp-surface);place-items:center;padding:0 5px;font-size:.7rem;font-weight:800;display:grid}.history span.blue{background:var(--cp-link)}.history span.red{background:var(--cp-accent)}.history small{color:var(--cp-text-muted);white-space:nowrap;margin-left:auto;padding-left:8px;font-weight:600}.score-strip,.final-scores{grid-template-columns:1fr 1fr;gap:8px;display:grid}.score-strip{margin-bottom:16px}.score-strip span,.final-scores span{border:1px solid var(--cp-border);background:var(--cp-surface-soft);overflow-wrap:anywhere;min-width:0;padding:8px;font-size:.72rem;font-weight:700}.score-strip strong,.final-scores strong{font-size:1.25rem;display:block}.score-strip .blue strong{color:var(--cp-blue)}.score-strip .red strong{color:var(--cp-red)}.forfeit-notice{border-left:3px solid var(--cp-warning);background:var(--cp-surface-soft);color:var(--cp-text-muted);margin:-8px 0 16px;padding:8px;font-weight:700;display:block}.sudden-death-notice{border-left-color:var(--cp-danger);color:var(--cp-danger);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.online-box{border-top:1px solid var(--cp-border);gap:8px;margin-top:24px;padding-top:16px;display:grid}.online-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.online-actions .secondary{margin:0}.online-actions .resume{grid-column:1/-1}.match-code{letter-spacing:.08em;font:800 1.15rem Consolas,Courier New,Courier,monospace}.online-box small{color:var(--cp-text-muted)}.online-box .error{color:var(--cp-danger)}.meta-label{color:var(--cp-text-muted);font-size:.68rem;font-weight:700}.copyable-value{grid-template-columns:minmax(0,1fr) 28px 44px;align-items:center;gap:6px;min-width:0;display:grid}.copyable-value strong{overflow-wrap:anywhere;min-width:0}.copyable-value button.copy-button{border:1px solid var(--cp-border);background:var(--cp-surface-soft);width:28px;min-height:28px;color:var(--cp-text);border-radius:4px;padding:0;font-size:1rem;line-height:1}.copyable-value button.copy-button:hover{background:var(--player-soft);border-color:var(--player-color);color:var(--player-color)}.copy-feedback{color:var(--cp-success);font-size:.65rem;font-weight:800}.menu-shell{border:1px solid var(--cp-border);border-top:4px solid var(--cp-text);background:var(--cp-panel-strong);width:min(100%,920px);min-width:0;height:min(600px,100%);min-height:0;box-shadow:0 0 2px var(--cp-border),0 1px 2px var(--cp-border);grid-template-rows:48px minmax(0,1fr);margin:auto;display:grid;overflow:hidden}.menu-tabs{border-bottom:1px solid var(--cp-border);background:var(--cp-surface-soft);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.menu-tabs button{border-right:1px solid var(--cp-border);border-radius:0;min-width:0;min-height:48px;color:var(--cp-text-muted)!important;background:0 0!important}.menu-tabs button:last-child{border-right:0}.menu-tabs button[aria-selected=true]{box-shadow:inset 0 -4px 0 var(--cp-blue);background:var(--cp-surface)!important;color:var(--cp-blue)!important}.menu-panel{align-content:start;gap:14px;min-width:0;min-height:0;padding:clamp(24px,5vw,48px);display:grid;overflow:auto}.menu-panel>.eyebrow{margin-bottom:4px}.menu-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.menu-shell label{gap:8px;min-width:0}.menu-shell input,.menu-shell select{width:100%;min-width:0}.menu-shell select{height:48px}.seed-control{grid-template-columns:minmax(0,1fr) 42px;min-width:0;display:grid}.seed-control input{border-right:0;border-radius:.35rem 0 0 .35rem}.seed-control button.seed-randomize{background:var(--cp-blue);width:42px;min-height:42px;color:var(--cp-blue-fg);border-radius:0 .35rem .35rem 0;padding:0;font-size:1.2rem}.seed-control button.seed-randomize:hover:not(:disabled){background:var(--cp-blue-hover)}.opponent-selector{border:0;grid-column:1/-1;margin:0;padding:0}.opponent-selector legend{color:var(--cp-text-muted);margin-bottom:8px;font-size:.75rem;font-weight:700}.opponent-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.opponent-selector label{cursor:pointer;min-width:0;display:block}.opponent-selector input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.opponent-selector span{border:1px solid var(--cp-border-strong);background:var(--cp-surface);min-height:40px;color:var(--cp-text-muted);text-align:center;border-radius:.35rem;place-items:center;padding:6px;font-size:.7rem;font-weight:800;display:grid}.opponent-selector input:checked+span{border-color:var(--cp-blue);background:var(--cp-blue);color:var(--cp-blue-fg)}.opponent-selector input:focus-visible+span{outline:2px solid var(--cp-blue);outline-offset:2px}.menu-shell button.secondary{margin:0}.primary-command{width:100%;margin-top:12px}.menu-divider{background:var(--cp-border);height:1px;margin:12px 0}.menu-shell .error,.status-panel .error{color:var(--cp-danger);font-size:.75rem}.replay-menu-panel{padding:24px;overflow:hidden}.replay-menu-panel .replay-shell{width:100%;min-width:0;height:100%;min-height:0;margin:0}.game-meta{gap:4px;margin:4px 0 16px;display:grid}.game-meta strong{font:700 .78rem Consolas,Courier New,Courier,monospace}.danger-command{width:100%;margin-top:24px;background:var(--cp-surface)!important;color:var(--cp-danger)!important;border:1px solid var(--cp-danger)!important}.danger-command:hover{background:var(--cp-accent-soft)!important}.app-footer{border-top:1px solid var(--cp-border);max-width:1440px;color:var(--cp-text-muted);text-align:center;margin:32px auto 0;padding-top:12px;font-size:.68rem;font-weight:700}.screen-over{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100dvh;min-height:0;display:grid;overflow:hidden}.screen-over header{margin-bottom:0}.screen-over .app-footer{width:100%;margin:0 auto;padding-top:8px}.game-over{text-align:center;background:var(--cp-panel-strong);border:1px solid var(--cp-border);border-top:8px solid var(--cp-link);grid-template-columns:minmax(190px,280px) minmax(0,1fr);place-self:center;gap:24px;width:min(100%,960px);min-height:0;max-height:100%;padding:24px;display:grid;overflow:hidden}.game-over.red{border-top-color:var(--cp-accent)}.result-summary{align-content:center;place-items:center;gap:14px;min-width:0;display:grid}.game-over h2{color:var(--cp-text);text-transform:none;margin:0;font:800 clamp(1.8rem,5vw,3.6rem)/.95 Georgia,serif}.result-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--cp-text-muted);font-size:.75rem;font-weight:800}.result-route{color:var(--cp-link);font-size:3rem;font-weight:900}.game-over.red .result-route{color:var(--cp-accent)}.game-over .primary-command{width:100%;max-width:240px;margin-top:4px}.replay-shell{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:stretch;gap:24px;max-width:1200px;margin:32px auto;display:grid}.replay-browser,.replay-stage{background:var(--cp-panel-strong);border:1px solid var(--cp-border);border-top:4px solid var(--cp-text);min-width:0;padding:20px}.replay-browser{gap:12px;display:grid}.replay-list{gap:6px;max-height:420px;display:grid;overflow:auto}.replay-list button.replay-item{text-align:left;background:var(--cp-surface-soft);min-height:0;color:var(--cp-text);border:1px solid var(--cp-border);gap:3px;padding:10px;display:grid}.replay-item span{color:var(--cp-text-muted);font-size:.68rem}.replay-stage{border-top-color:var(--cp-accent)}.replay-back{display:none}.replay-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.replay-heading h2{color:var(--cp-text);text-transform:none;margin:4px 0;font-size:1.1rem}.replay-heading-actions{justify-content:flex-end;align-items:center;gap:8px;min-height:32px;display:flex;position:relative}.replay-heading-actions>small{min-width:max-content;color:var(--cp-success);font-size:.62rem;font-weight:800;position:absolute;top:100%;right:0}.replay-heading button.replay-share{border:1px solid var(--cp-border);background:var(--cp-surface-soft);min-height:32px;color:var(--cp-text);align-items:center;gap:6px;padding:6px 9px;font-size:.68rem;display:inline-flex}.replay-heading button.replay-share:hover{border-color:var(--cp-blue);background:var(--cp-blue-soft);color:var(--cp-blue)}.replay-board .hex{place-items:center;display:grid}.replay-scrubber{gap:6px;margin-top:8px;display:grid}.replay-scrubber>span{height:18px;color:var(--cp-text-muted);text-align:center;font:800 .72rem Consolas,Courier New,Courier,monospace;overflow:hidden}.replay-scrubber input{box-sizing:border-box;width:100%;height:24px;accent-color:var(--cp-blue);cursor:pointer;margin:0;padding:0}.replay-stage .final-scores{margin-top:8px}.replay-player{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;height:100%;display:grid;overflow:hidden}.replay-player .board-wrap{width:min(100%,360px);max-height:100%;padding:6px;container-type:inline-size}.replay-player:not(.compact) .board-letter{font-size:clamp(.65rem,4cqi,1rem);font-weight:700}.replay-player.compact{border-top-color:var(--cp-blue);padding:14px}.replay-player.compact .replay-heading h2{font-size:.85rem}.replay-player.compact .final-scores span{padding:5px}.replay-player.compact .final-scores strong{font-size:1rem}@media (width>=761px){.replay-shell.has-replay{height:100%;margin:0;display:block}.replay-shell.has-replay .replay-browser{display:none}.replay-shell.has-replay .replay-stage{grid-template:"board back""board heading""board scrubber"minmax(0,1fr)"board scores"/minmax(0,1fr) minmax(210px,250px);gap:8px 16px;width:100%;height:100%;padding:12px 16px;overflow:visible}.replay-shell.has-replay .replay-back{grid-area:back;width:auto;min-height:32px;margin:0;padding:6px 10px;display:block}.replay-shell.has-replay .replay-heading{grid-area:heading}.replay-shell.has-replay .board-wrap{grid-area:board;place-self:center;width:min(100%,520px,100dvh - 285px);max-height:none;padding:8px;overflow:visible}.replay-shell.has-replay .replay-scrubber{grid-area:scrubber;align-self:end}.replay-shell.has-replay .final-scores{grid-area:scores}.replay-shell.has-replay .replay-heading-actions{flex-wrap:wrap}}.screen-menu header .eyebrow,.screen-menu .menu-panel>.eyebrow,.screen-menu .replay-browser .eyebrow{color:var(--cp-blue)}.screen-menu .menu-shell button:not(.secondary):not(.replay-item){background:var(--cp-blue);color:var(--cp-blue-fg)}.screen-menu .menu-shell button:not(.secondary):not(.replay-item):hover:not(:disabled){background:var(--cp-blue-hover)}.screen-menu .menu-shell button.secondary{border-color:var(--cp-blue);background:var(--cp-surface);color:var(--cp-blue)}.screen-menu .menu-shell button.secondary:hover:not(:disabled){background:var(--cp-blue-soft)}.screen-menu .replay-stage{border-top-color:var(--cp-blue)}.screen-menu .replay-word{color:var(--cp-blue)}.screen-menu{grid-template-rows:auto minmax(0,1fr) auto;gap:16px;height:100dvh;min-height:0;display:grid;overflow:hidden}.screen-menu>*{min-width:0}.screen-menu header{width:100%;margin-bottom:0}.screen-menu .menu-shell{justify-self:center;width:100%;max-width:920px}.screen-menu .app-footer{width:100%;margin:0 auto;padding-top:8px}@media (width<=900px){main{padding:16px}.game-shell{grid-template-columns:1fr}.status-panel{grid-template-columns:1fr 1fr;gap:8px;display:grid}.turn-marker,.online-box{grid-column:1/-1}.turn-marker{margin-bottom:4px}.legend{display:none}.move-panel{position:static}.history{max-height:180px}.board-wrap{max-width:650px}}@media (width<=480px){header{align-items:center}h1{font-size:2rem}.game-shell{gap:8px}.board-wrap{padding:16px}.status-panel{padding:10px}.turn-marker{margin:-10px -10px 4px;padding:10px}.move-panel{padding:10px}.current-word{height:40px}}@media (width<=680px){.menu-shell{margin:auto}.menu-panel{padding:24px}.menu-fields{grid-template-columns:1fr}.menu-shell select{height:45px}.opponent-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-menu-panel{padding:12px}.game-over{grid-template-columns:1fr;gap:8px;width:min(100%,460px);padding:12px}.result-summary{grid-template-columns:1fr auto;gap:4px 10px}.result-summary .result-kicker,.result-summary h2{grid-column:1/-1}.result-summary h2{font-size:1.55rem}.result-route{font-size:1.6rem}.result-summary small{font-size:.6rem}.game-over .primary-command{max-width:180px;margin:0}.replay-player.compact{min-height:0;padding:8px}.replay-player.compact .board-wrap{width:min(100%,210px);padding:3px}.replay-player.compact .replay-heading{height:30px}.replay-player.compact .replay-scrubber{gap:2px;margin-top:2px}.replay-player.compact .final-scores{margin-top:2px}}@media (width<=760px){.replay-shell{grid-template-columns:1fr}.replay-list{max-height:220px}.replay-stage{padding:12px}}@media (width<=340px){.replay-player.compact .board-wrap{width:min(100%,160px)!important}.replay-player.compact .hex span,.replay-player.compact .board-letter{font-size:.45rem;line-height:1}}@media (height<=620px) and (width>=481px){.screen-over{gap:4px;padding:8px}.screen-over header{padding-bottom:4px}.screen-over header .eyebrow{display:none}.screen-over h1{font-size:1.6rem}.screen-over .app-footer{padding-top:2px;font-size:.58rem}.game-over{box-sizing:border-box;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:10px;height:100%;padding:8px}.result-summary{grid-template-columns:1fr;gap:4px}.result-summary .result-kicker,.result-summary h2{grid-column:1}.result-summary h2{font-size:1.3rem}.result-summary .result-route{display:none}.result-summary small{font-size:.55rem}.game-over .primary-command{width:100%;max-width:160px}.replay-player.compact{padding:5px}.replay-player.compact .replay-heading{height:22px}.replay-player.compact .board-wrap{width:min(100%,120px);padding:2px}.replay-player.compact .hex span,.replay-player.compact .board-letter{font-size:.45rem;line-height:1}.replay-player.compact .replay-scrubber{gap:1px;margin-top:1px}.replay-player.compact .replay-scrubber>span{height:11px;font-size:.55rem}.replay-player.compact .replay-scrubber input{height:16px}.replay-player.compact .final-scores{gap:3px;margin-top:1px}.replay-player.compact .final-scores span{padding:2px;font-size:.55rem}.replay-player.compact .final-scores strong{font-size:.8rem}}@media (width<=480px){.screen-menu{gap:8px;padding:10px}.screen-menu header{padding-bottom:8px}.screen-menu header .eyebrow{font-size:.58rem}.menu-shell{grid-template-rows:42px minmax(0,1fr)}.menu-tabs button{min-height:42px;padding:6px 4px;font-size:.72rem}.menu-panel{gap:9px;padding:14px}.menu-panel>.eyebrow{display:none}.menu-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seed-field,.opponent-selector{grid-column:1/-1}.menu-shell label{gap:4px;font-size:.68rem}.menu-shell input,.menu-shell select{padding:8px 9px}.menu-shell select{height:41px}.seed-control{grid-template-columns:minmax(0,1fr) 36px}.seed-control button.seed-randomize{width:36px;min-height:36px}.opponent-selector legend{margin-bottom:5px;font-size:.68rem}.opponent-selector{gap:4px}.opponent-selector span{min-height:34px;padding:4px;font-size:.64rem}.menu-shell .primary-command{min-height:36px;margin-top:2px;padding:7px 10px}.menu-divider{margin:5px 0}.online-actions{gap:5px}.online-actions button{min-height:36px;padding:7px 8px}.replay-menu-panel{padding:8px}.replay-browser,.replay-stage{padding:12px}.replay-shell.has-replay{height:calc(100% - 2px);display:block}.replay-shell.has-replay .replay-browser{display:none}.replay-shell.has-replay .replay-stage{padding:8px}.replay-back{min-height:30px;font-size:.65rem;display:block;margin-bottom:4px!important;padding:4px 8px!important}.replay-stage .replay-heading{align-items:center;height:34px}.replay-stage .replay-heading h2{margin:1px 0;font-size:.78rem}.replay-stage .board-wrap{width:min(100%,320px,116.7dvh - 417.786px);padding:4px}.replay-stage .replay-scrubber{gap:2px;margin-top:2px}.replay-stage .replay-scrubber>span{height:14px;font-size:.62rem}.replay-stage .replay-scrubber input{height:20px}.replay-stage .final-scores{gap:4px;margin-top:2px}.replay-stage .final-scores span{padding:4px;font-size:.62rem}.replay-stage .final-scores strong{font-size:1rem}.screen-menu .app-footer{padding-top:4px;font-size:.6rem}.screen-over{gap:6px;padding:10px}.screen-over header{padding-bottom:8px}.screen-over .app-footer{padding-top:4px;font-size:.6rem}.game-over{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);height:100%}.result-summary{grid-template-columns:auto minmax(0,1fr)}.result-summary .result-route{display:none}.result-summary small{grid-column:1}.game-over .result-summary .primary-command{grid-column:2}.replay-player.compact .board-wrap{width:min(100%,160px)}}.board-letter>span{background:0 0;border-radius:0;padding:0}.board-letter.blue>span,.board-letter.red>span{background:0 0}.board-letters .board-letter,.word-path-overlay .path-tile{left:auto}.word-path-overlay .path-shimmer{z-index:auto;clip-path:none;background:0 0;animation:none;overflow:visible}.word-path-overlay .path-shimmer:before{content:"";z-index:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--path-base);animation:path-shimmer-wave 4.4s ease-in-out var(--shimmer-delay) infinite;position:absolute;inset:0}.word-path-overlay .path-shimmer.locating:before{animation:.9s ease-out both path-locator-pulse}.path-outline{z-index:2;fill:none;width:100%;height:100%;stroke:var(--path-outline);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;inset:0;overflow:visible}.path-shimmer.winning .path-outline{stroke:#fff;stroke-width:5px}@media (prefers-reduced-motion:reduce){.word-path-overlay .path-shimmer:before{animation:none}}:is(.board-letter,.path-tile):nth-child(28n+15),:is(.board-letter,.path-tile):nth-child(28n+16),:is(.board-letter,.path-tile):nth-child(28n+17),:is(.board-letter,.path-tile):nth-child(28n+18),:is(.board-letter,.path-tile):nth-child(28n+19),:is(.board-letter,.path-tile):nth-child(28n+20),:is(.board-letter,.path-tile):nth-child(28n+21),:is(.board-letter,.path-tile):nth-child(28n+22),:is(.board-letter,.path-tile):nth-child(28n+23),:is(.board-letter,.path-tile):nth-child(28n+24),:is(.board-letter,.path-tile):nth-child(28n+25),:is(.board-letter,.path-tile):nth-child(28n+26),:is(.board-letter,.path-tile):nth-child(28n+27),:is(.board-letter,.path-tile):nth-child(28n+28){left:50%}.turn-announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.primary-panel .score-strip{grid-template-columns:repeat(2,minmax(0,84px));justify-content:center;gap:6px;margin-bottom:12px}.score-card{box-sizing:border-box;border:1px solid var(--cp-border);background:var(--cp-surface-soft);min-width:0;min-height:62px;padding:7px 9px;font-size:.68rem;font-weight:700;position:relative;overflow:visible}.score-card>span{font-size:inherit;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;display:block;overflow:hidden}.game-shell.online-player-blue .score-card.blue:before,.game-shell.online-player-red .score-card.red:before{content:"YOU";z-index:2;background:var(--cp-panel-strong);border:1px solid;border-radius:2px;padding:1px 3px;font-size:.42rem;font-weight:900;line-height:1;position:absolute;top:-6px;right:-3px}.score-card strong{margin-top:2px;font-size:1.2rem;line-height:1;display:block}.score-card small{color:currentColor;text-transform:uppercase;font-size:.52rem;font-weight:900;line-height:1;position:absolute;bottom:5px;right:6px}.score-card.blue strong{color:var(--cp-blue)}.score-card.red strong{color:var(--cp-red)}.score-card.blue.active{border-color:var(--cp-blue);background:var(--cp-blue-soft);box-shadow:inset 0 0 0 2px var(--cp-blue);color:var(--cp-blue)}.score-card.red.active{border-color:var(--cp-red);background:var(--cp-red-soft);box-shadow:inset 0 0 0 2px var(--cp-red);color:var(--cp-red)}.primary-panel,.secondary-panel{border:1px solid var(--cp-border);border-top:4px solid var(--player-color);background:var(--cp-panel-strong);min-width:0;box-shadow:inset 0 3px 0 var(--player-soft);padding:12px}.primary-panel{grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;margin-top:4px;display:grid}.primary-panel .score-strip{margin:0}.word-command{display:contents}.word-command .word-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.word-command .word-copy{min-width:0}.word-command .eyebrow{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.word-command .current-word{height:34px;margin:2px 0 0;font-size:1.2rem}.word-command .selection-points{border:1px solid var(--player-soft);background:var(--player-soft);color:var(--player-color);white-space:nowrap;border-radius:999px;justify-self:end;padding:5px 8px;font:800 .82rem/1 Consolas,Courier New,Courier,monospace}.word-command .actions{grid-column:1/-1;grid-template-columns:42px minmax(0,2fr) minmax(0,1fr) 42px}.word-command .actions .danger-command{width:42px;margin:0}.secondary-panel{flex-direction:column;display:flex;position:sticky;top:16px}.secondary-panel .history{flex:1;max-height:min(360px,45vh);margin-top:0}.secondary-panel .online-box{margin-top:auto}.match-code-row{grid-template-columns:auto minmax(0,1fr) 32px auto;align-items:center;gap:8px;display:grid;container-type:inline-size}.match-code-row .match-code{overflow-wrap:normal;white-space:nowrap;letter-spacing:.04em;min-width:0;font-size:clamp(.65rem,5cqi,1.15rem);overflow:visible}.match-code-row button.copy-button{width:32px;min-height:32px}.board-alert{border-left:3px solid var(--cp-danger);background:var(--cp-panel-strong);margin:0 5.5%;padding:5px 8px;font-size:.72rem;font-weight:700;display:block}@media (width<=900px){.primary-panel,.secondary-panel{position:static}}@media (width>=601px) and (height<=900px){.screen-game{min-height:100dvh;padding:12px clamp(16px,4vw,48px)}.screen-game header{align-items:center;min-height:48px;margin-bottom:8px;padding-bottom:6px}.screen-game header .eyebrow{font-size:.58rem}.screen-game h1{font-size:2.5rem;line-height:.9}.screen-game .app-footer{display:none}.screen-game .board-wrap{width:min(100%,720px,100dvh - 210px);padding:12px}.screen-game .board-seed-actions{min-height:22px;margin-top:0}.screen-game .primary-panel{gap:8px 12px;padding:8px}.screen-game .score-card{min-height:54px;padding-block:5px}.screen-game .word-command .current-word{height:30px}.screen-game .actions button:not(.hex){min-height:36px;padding-block:6px}}@media (width>=601px) and (width<=900px) and (height<=500px) and (orientation:landscape){.screen-game{padding:6px 10px}.screen-game header,.screen-game .app-footer{display:none}.screen-game .game-shell{grid-template-columns:minmax(260px,1fr) minmax(260px,320px);gap:4px 8px}.screen-game .board-column{display:contents}.screen-game .board-wrap{grid-area:1/1/span 4;width:min(100%,100dvh - 110px)}.screen-game .primary-panel{grid-area:1/2;margin-top:0}.screen-game .secondary-panel{grid-area:2/2}.screen-game .board-alert{grid-area:3/2;margin:0}.screen-game .board-seed-actions{grid-area:4/2}}.claim-loading .claim-command{pointer-events:none}.claim-loading .claim-command:before{content:"";vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite claim-spinner;display:inline-block}@keyframes claim-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.claim-loading .claim-command:before{animation-duration:1.4s}}.board-column{min-width:0}.board-seed-actions{box-sizing:border-box;justify-content:flex-end;align-items:center;gap:6px;width:min(100%,720px);min-height:28px;margin:2px auto 0;padding:0 22px;display:flex}.board-seed-actions .copy-feedback{width:auto}button.board-seed-button{width:28px;height:28px;min-height:28px;color:var(--cp-text-muted);background:0 0;border:0;padding:0;font-size:1rem;line-height:1}button.board-seed-button:hover{background:var(--cp-surface-soft)}button.board-seed-button:focus-visible{outline:2px solid var(--player-color);outline-offset:2px}@media (width<=480px){.board-seed-actions{padding-inline:16px}}@media (width<=600px) and (orientation:portrait){.screen-game{flex-direction:column;min-height:100dvh;padding:4px;display:flex}.screen-game header{gap:10px;min-height:38px;margin-bottom:4px;padding-bottom:4px}.screen-game header .eyebrow,.screen-game .app-footer{display:none}.screen-game h1{font-size:1.45rem;line-height:1}.screen-game .header-controls{gap:4px}.screen-game .header-controls .invite-trigger{width:34px;height:34px;min-height:34px;display:grid}.screen-game .header-controls .tutorial-trigger,.screen-game .notification-control,.screen-game .notification-toggle{height:34px;min-height:34px}.screen-game .notification-toggle>span{display:none}.screen-game .game-shell{flex:1 1 0;grid-template-rows:auto minmax(105px,1fr);align-items:stretch;gap:4px;width:100%;min-height:0;margin:0}.screen-game .board-column{min-height:0}.screen-game .board-wrap{width:100%;max-width:none;padding:7px 3px}.screen-game :is(.board,.word-path-overlay,.board-letters){padding:2% 4.5% 3% 3%}.screen-game :is(.edge-left,.edge-right){width:8px;font-size:.48rem;line-height:1}.screen-game .board-seed-actions{min-height:22px;margin-top:0;padding-inline:5.5%}.screen-game button.board-seed-button{width:22px;height:22px;min-height:22px;font-size:.85rem}.screen-game .primary-panel{grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:4px 8px;margin-top:0;padding:5px;display:grid}.screen-game .primary-panel .score-strip{grid-template-columns:repeat(2,minmax(0,68px));justify-content:start;gap:4px;margin:0}.screen-game .score-card{min-height:48px;padding:4px 6px;font-size:.58rem}.screen-game .score-card strong{margin-top:1px;font-size:1rem}.screen-game .score-card small{font-size:.44rem;bottom:3px;right:4px}.screen-game .forfeit-notice,.screen-game .secondary-panel .error,.screen-game .online-box{grid-column:1/-1}.screen-game .forfeit-notice{margin:0;padding:4px 6px;font-size:.58rem}.screen-game .online-box{gap:4px;margin-top:2px;padding-top:4px}.screen-game .secondary-panel .online-box{margin-top:4px;padding-top:4px;display:block}.screen-game .secondary-panel .online-box .match-code-row{display:none}.screen-game .secondary-panel .online-box small{border-left:3px solid var(--cp-warning);background:var(--cp-surface-soft);padding:3px 6px;font-size:.6rem;font-weight:800;display:block}.screen-game .secondary-panel{min-height:0;padding:5px}.screen-game .word-command .eyebrow{font-size:.55rem}.screen-game .word-command .word-summary{gap:6px}.screen-game .word-command .selection-points{padding:4px 6px;font-size:.72rem}.screen-game .current-word{height:28px;margin:2px 0;font-size:1.1rem}.screen-game .actions{grid-template-columns:34px minmax(0,2fr) minmax(0,1fr) 34px;gap:4px}.screen-game .word-command .actions .danger-command{width:34px}.screen-game .actions button:not(.hex){min-height:34px;padding:4px 8px;font-size:.72rem}.screen-game .history{overscroll-behavior:contain;flex:auto;min-height:72px;max-height:none;margin-top:5px;overflow-y:auto}.screen-game .history h2{background:var(--cp-panel-strong);margin-bottom:2px;padding-bottom:2px;font-size:.68rem;position:sticky;top:0}.screen-game .history button.history-entry{gap:5px;padding-block:3px;font-size:.62rem}.screen-game .history span{min-width:18px;height:18px;padding:0 4px;font-size:.55rem}.screen-game .board-alert{margin:0 5.5%;padding:3px 6px;font-size:.6rem}}@media (width<=360px) and (orientation:portrait){.screen-game .primary-panel .score-strip{grid-template-columns:repeat(2,minmax(0,56px))}.screen-game .score-card{padding-inline:4px}.screen-game .actions button:not(.hex){white-space:nowrap;padding-inline:3px;font-size:.66rem}}.tutorial-trigger{place-items:center;width:38px;height:38px;min-height:38px;font-size:1.15rem;display:grid;border:1px solid var(--cp-border)!important;background:var(--cp-surface)!important;color:var(--cp-text)!important;padding:0!important}.tutorial-trigger:hover{background:var(--cp-surface-soft)!important}.tutorial-lightbox{z-index:30;background:#000000a3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tutorial-dialog{border:1px solid var(--cp-border);border-top:5px solid var(--cp-accent);background:var(--cp-panel-strong);width:min(920px,100%);box-shadow:var(--cp-shadow);border-radius:6px;outline:none;position:relative;overflow:hidden}.tutorial-close{z-index:2;width:36px;height:36px;font-size:1.35rem;position:absolute;top:10px;right:10px;background:var(--cp-surface)!important;min-height:36px!important;color:var(--cp-text)!important;border:1px solid var(--cp-border)!important;padding:0!important}.tutorial-slide{grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);min-height:450px;display:grid}.tutorial-visual{background:linear-gradient(135deg, var(--cp-blue-soft) 0 48%, var(--cp-border) 48% 52%, var(--cp-bg-elevated) 52%);min-height:450px;color:var(--cp-text);padding:30px;position:relative;overflow:hidden}.tutorial-score{border:1px solid var(--cp-border-strong);background:var(--cp-panel-strong);border-bottom:0;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 14px;font-size:.65rem;font-weight:800;display:grid}.tutorial-score span:last-child{text-align:right}.tutorial-score .blue{color:var(--cp-blue)}.tutorial-score .red{color:var(--cp-red)}.tutorial-score b{color:var(--cp-text-muted);font-size:.6rem}.tutorial-board-frame{border:1px solid var(--cp-border-strong);background-color:var(--cp-bg);background-image:linear-gradient(var(--cp-border) 1px, transparent 1px), linear-gradient(90deg, var(--cp-border) 1px, transparent 1px);background-size:16px 16px;border-top:0;padding:23px 29px 25px;position:relative}.tutorial-mini-board{grid-template-columns:repeat(5,1fr);width:min(100%,310px);margin:auto;display:grid;position:relative}.tutorial-tile{aspect-ratio:.866;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--cp-surface);color:var(--cp-text);place-items:center;margin-bottom:-24%;font:800 clamp(.65rem,1.5vw,.95rem)/1 Georgia,serif;display:grid;position:relative}.tutorial-tile:nth-child(n+6):nth-child(-n+10),.tutorial-tile:nth-child(n+16):nth-child(-n+20){transform:translate(50%)}.tutorial-tile.claimed{background:color-mix(in srgb, var(--cp-text-muted) 42%, var(--cp-surface));color:var(--cp-text)}.tutorial-tile.blue{background:var(--cp-blue);color:var(--cp-blue-fg)}.tutorial-tile.red{background:var(--cp-red);color:var(--cp-red-fg)}.tutorial-tile.selected{background:var(--cp-blue);color:var(--cp-blue-fg)}.tutorial-letter{z-index:2;position:relative}.tutorial-winning-outline{z-index:3;fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tutorial-order-arrow{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tutorial-order-arrow path{fill:none;stroke:#fff;stroke-width:1.4px;stroke-linecap:round;filter:drop-shadow(0 1px 2px #000c)}.tutorial-order-arrow marker path{fill:#fff;stroke:none}.tutorial-point-badge{z-index:4;border:1px solid var(--cp-surface);background:var(--cp-red);width:max-content;max-width:82%;min-height:12px;color:var(--cp-red-fg);white-space:nowrap;border-radius:2px;place-items:center;padding:1px 3px;font:800 clamp(.3rem,.72vw,.44rem)/1 Consolas,Courier New,monospace;display:grid;position:absolute;top:61%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #0000004d}.tutorial-visual-3 .tutorial-tile.claimed .tutorial-letter{transform:translateY(-70%)}.tutorial-border{font-size:.48rem;font-weight:900;position:absolute}.tutorial-border.top,.tutorial-border.bottom{color:var(--cp-blue);left:50%;transform:translate(-50%)}.tutorial-border.top{top:6px}.tutorial-border.bottom{bottom:6px}.tutorial-border.left,.tutorial-border.right{color:var(--cp-red);writing-mode:vertical-rl;top:50%}.tutorial-border.left{left:8px;transform:translateY(-50%)rotate(180deg)}.tutorial-border.right{right:8px;transform:translateY(-50%)}.tutorial-callout,.tutorial-victory-label,.tutorial-word-total{border:1px solid var(--cp-border-strong);background:var(--cp-panel-strong);white-space:nowrap;padding:8px 12px;font-size:.67rem;font-weight:900;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #0000001f}.tutorial-victory-label,.tutorial-word-total{border-color:var(--cp-red);color:var(--cp-red)}.tutorial-copy{flex-direction:column;justify-content:center;padding:48px 42px 32px;display:flex}.tutorial-copy h2{color:var(--cp-text);text-transform:none;margin:12px 0 20px;font:800 2rem/1.05 Georgia,serif}.tutorial-copy p{color:var(--cp-text-muted);font-size:1rem;line-height:1.55}.tutorial-copy p strong{color:var(--cp-text);font-weight:700}.tutorial-copy ul{color:var(--cp-text);gap:8px;margin:18px 0 0;padding-left:20px;font-size:.88rem;font-weight:700;display:grid}.tutorial-navigation{border-top:1px solid var(--cp-border);background:var(--cp-surface);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:14px 20px;display:grid}button.tutorial-arrow{width:44px;min-height:38px;padding:0;font-size:1.15rem}.tutorial-arrow.secondary{margin:0}.tutorial-dots{justify-content:center;gap:2px;display:flex}.tutorial-dots button{background:0 0;border-radius:50%;width:28px;height:28px;min-height:28px;padding:0;position:relative}.tutorial-dots button:after{content:"";background:var(--cp-border-strong);opacity:.5;border-radius:50%;position:absolute;inset:9px}.tutorial-dots button[aria-current=step]:after{background:var(--cp-accent);opacity:1}.tutorial-dots button:focus-visible{outline:2px solid var(--cp-blue);outline-offset:0}.tutorial-done{min-width:120px;min-height:38px!important;padding-block:7px!important}@media (height<=600px){.tutorial-lightbox{padding:10px}.tutorial-dialog{max-height:calc(100dvh - 20px);overflow:auto}.tutorial-slide,.tutorial-visual{min-height:360px}.tutorial-copy{padding-block:36px 24px}.tutorial-navigation{z-index:2;position:sticky;bottom:0}}@media (width<=700px){.tutorial-lightbox{padding:10px}.tutorial-dialog{max-height:calc(100dvh - 20px);overflow:auto}.tutorial-slide{grid-template-columns:1fr;min-height:0}.tutorial-visual{min-height:280px;padding:16px 28px}.tutorial-score{height:32px}.tutorial-board-frame{padding:14px 25px 18px}.tutorial-mini-board{width:210px}.tutorial-copy{padding:24px 24px 20px}.tutorial-copy h2{margin:8px 0 12px;font-size:1.55rem}.tutorial-copy p{font-size:.9rem}.tutorial-copy ul{gap:4px;margin-top:12px;font-size:.78rem}.tutorial-navigation{gap:10px;padding:10px 12px;position:sticky;bottom:0}.tutorial-callout,.tutorial-victory-label,.tutorial-word-total{display:none}.tutorial-visual-3 .tutorial-word-total{padding:4px 8px;font-size:.58rem;display:block;bottom:6px}}@media (width<=420px){.tutorial-visual{min-height:225px;padding-top:58px}.tutorial-score{display:none}.tutorial-board-frame{border-top:1px solid var(--cp-border-strong)}.tutorial-copy{padding:18px}.tutorial-navigation{grid-template-columns:40px 1fr auto}.tutorial-done{min-width:90px;font-size:.72rem}}.word-command .actions{container-type:inline-size}.actions .check-command{justify-content:center;align-items:center;gap:6px;min-width:0;margin:0;padding-inline:8px;display:flex}.check-command span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.check-command small{opacity:.7;flex:none;font-size:.72em;font-weight:700}.word-check-lightbox{z-index:30;background:#000000a3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.word-check-dialog{border:1px solid var(--cp-border);border-top:5px solid var(--cp-text);background:var(--cp-panel-strong);width:min(420px,100%);box-shadow:var(--cp-shadow);border-radius:6px;outline:none;padding:20px}.word-check-dialog.accepted{border-top-color:var(--cp-success)}.word-check-dialog.rejected{border-top-color:var(--cp-danger)}.word-check-dialog h2{text-transform:none;align-items:center;gap:8px;margin:0 0 8px;font-size:1.25rem;display:flex}.word-check-dialog.accepted h2{color:var(--cp-success)}.word-check-dialog.rejected h2{color:var(--cp-danger)}.word-check-dialog p{color:var(--cp-text);overflow-wrap:anywhere;margin:0 0 16px;font-size:.84rem}.word-check-actions{justify-content:flex-end;gap:8px;display:flex}.word-check-actions button{white-space:nowrap;min-height:38px;padding:8px 14px}@media (width<=600px) and (orientation:portrait){.word-check-lightbox,.word-check-dialog{padding:14px}.word-check-dialog h2{font-size:1.05rem}.word-check-dialog p{font-size:.76rem}}@container (width<=420px){.screen-game .actions .check-command{flex-direction:column;gap:0;padding-inline:4px;font-size:.62rem;line-height:1.15}.screen-game .actions .check-command small{font-size:.82em}}