:root{--stricken-ink: var(--text, #202522);--stricken-muted: var(--text-light, #65716b);--stricken-faint: color-mix(in srgb, var(--stricken-muted) 66%, transparent);--stricken-bg: var(--background, #f7f9f5);--stricken-panel: var(--background-alt, #eef2eb);--stricken-line: var(--border-color, #d5ddd2);--stricken-accent: var(--primary, #2d765d);--stricken-accent-2: #9c6b32;--stricken-cyan: #4faeae;--stricken-coral: #d86650;--stricken-violet: #8063a0;--stricken-green: #4f9358;--stricken-shadow: 0 24px 80px rgba(20, 42, 31, .12);--stricken-radius: 14px}html.dark-theme,body.dark-theme{--stricken-ink: var(--text, #edf4ee);--stricken-muted: var(--text-light, #a3b1a7);--stricken-bg: var(--background, #0c1110);--stricken-panel: var(--background-alt, #151d1a);--stricken-line: var(--border-color, #2e3d35);--stricken-accent: var(--primary, #8ed2a3);--stricken-accent-2: #e0ae66;--stricken-cyan: #6ecfd1;--stricken-coral: #ff816d;--stricken-violet: #b49bd4;--stricken-green: #9bd68b;--stricken-shadow: 0 24px 90px rgba(0, 0, 0, .32)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stricken-page{background:var(--stricken-bg);color:var(--stricken-ink)}.stricken-main{padding-bottom:72px}.game-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-block:clamp(40px,7vw,84px) 36px}.game-hero h1{margin:0;color:var(--stricken-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,8vw,7.5rem);font-weight:400;letter-spacing:-.065em;line-height:.88}.page-kicker{margin:0 0 12px;color:var(--stricken-accent);font-family:var(--font-mono, ui-monospace, monospace);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-lede{max-width:590px;margin:24px 0 0;color:var(--stricken-muted);font-size:clamp(1rem,1.8vw,1.25rem)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.game-shell{position:relative;min-height:640px;border:1px solid var(--stricken-line);border-radius:var(--stricken-radius);background:color-mix(in srgb,var(--stricken-panel) 58%,transparent);box-shadow:var(--stricken-shadow);overflow:clip}.game-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:1px;min-height:74px;border-bottom:1px solid var(--stricken-line);background:var(--stricken-line)}.status-cell{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px 18px;background:var(--stricken-panel)}.status-label{color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.status-cell strong{margin-top:3px;overflow:hidden;color:var(--stricken-ink);font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.status-room{min-width:125px}.connection-dot{align-self:center;width:9px;height:9px;margin-inline:10px 17px;border-radius:50%;background:var(--stricken-muted);box-shadow:0 0 0 4px color-mix(in srgb,var(--stricken-muted) 13%,transparent)}.connection-dot.online{background:var(--stricken-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--stricken-green) 15%,transparent)}.connection-dot.waiting{background:var(--stricken-accent-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--stricken-accent-2) 15%,transparent)}.connection-dot.offline{background:var(--stricken-coral)}.game-layout{display:grid;grid-template-columns:minmax(210px,.77fr) minmax(420px,1.8fr) minmax(210px,.77fr);gap:0;min-height:566px}.control-column,.log-column{display:flex;flex-direction:column;gap:12px;padding:16px;background:color-mix(in srgb,var(--stricken-panel) 54%,transparent)}.control-column{border-right:1px solid var(--stricken-line)}.log-column{border-left:1px solid var(--stricken-line)}.panel-card{border:1px solid var(--stricken-line);border-radius:11px;background:color-mix(in srgb,var(--stricken-panel) 76%,transparent)}.action-card,.selected-card,.turn-card,.loadout-card,.log-card{padding:14px}.loadout-card,.log-card{min-height:0}.log-card{flex:1}.card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:13px}.card-heading h3{margin:0;color:var(--stricken-ink);font-size:.82rem;letter-spacing:.02em}.card-heading>span{color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.63rem;text-align:right}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.action-button{display:flex;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--stricken-line);border-radius:8px;background:transparent;color:var(--stricken-muted);cursor:pointer;font-size:.67rem;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.action-button:hover:not(:disabled),.action-button.active{border-color:var(--stricken-cyan);background:color-mix(in srgb,var(--stricken-cyan) 13%,transparent);color:var(--stricken-ink)}.action-button:disabled,.btn:disabled,.choice-card:disabled{cursor:not-allowed;opacity:.42}.action-button:not(:disabled):active{transform:translateY(1px)}.action-glyph{color:var(--stricken-cyan);font-size:1rem;line-height:1}.action-footer{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px}.inline-error{min-height:1.1em;margin:9px 0 0;color:var(--stricken-coral);font-size:.7rem}.turn-actions{display:flex;gap:6px;flex-wrap:wrap}.foretell-panel{display:grid;gap:7px;margin-top:10px;padding:8px;border:1px solid var(--stricken-line);border-radius:7px;background:color-mix(in srgb,var(--stricken-panel) 70%,transparent)}.foretell-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--stricken-ink);font-size:.64rem}.foretell-panel label{display:grid;gap:3px;color:var(--stricken-muted);font-size:.57rem}.foretell-panel select{min-height:28px;width:100%;border:1px solid var(--stricken-line);border-radius:5px;padding:4px 5px;background:var(--stricken-bg);color:var(--stricken-ink);font-family:var(--font-mono, ui-monospace, monospace);font-size:.62rem}.foretell-panel-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.foretell-panel .inline-error{min-height:.9em;margin:0;font-size:.58rem}.btn-small{min-height:32px;padding:6px 10px;font-size:.68rem}.web-column{min-width:0;padding:16px}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.view-toggle{display:inline-flex;border:1px solid var(--stricken-line);border-radius:999px;overflow:hidden}.view-button{min-height:31px;padding:6px 11px;border:0;border-right:1px solid var(--stricken-line);background:transparent;color:var(--stricken-muted);cursor:pointer;font-size:.68rem}.view-button:last-child{border-right:0}.view-button.active{background:var(--stricken-ink);color:var(--stricken-bg)}.view-help{margin:0;color:var(--stricken-muted);font-size:.69rem;text-align:right}.web-stage{position:relative;min-height:478px;border:1px solid var(--stricken-line);border-radius:11px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--stricken-cyan) 8%,transparent),transparent 65%),color-mix(in srgb,var(--stricken-bg) 76%,var(--stricken-panel));overflow:hidden}.web-2d{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;height:100%;padding:14px}.web-layer{min-width:0;padding:8px;border:1px solid var(--stricken-line);border-radius:8px;background:color-mix(in srgb,var(--stricken-panel) 72%,transparent)}.web-layer h4{display:flex;justify-content:space-between;margin:0 0 7px;color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.web-layer h4 b{color:var(--stricken-accent);font-weight:700}.web-grid{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:1;gap:3px}.web-point{position:relative;display:grid;min-width:0;min-height:0;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--stricken-line) 72%,transparent);border-radius:4px;background:color-mix(in srgb,var(--stricken-bg) 82%,transparent);color:var(--stricken-ink);cursor:pointer}.web-point:hover:not(:disabled),.web-point:focus-visible{z-index:2;border-color:var(--stricken-cyan);outline:2px solid color-mix(in srgb,var(--stricken-cyan) 50%,transparent);outline-offset:1px}.web-point.legal{border-color:color-mix(in srgb,var(--stricken-accent) 76%,var(--stricken-line));background:color-mix(in srgb,var(--stricken-accent) 15%,transparent)}.web-point.selected{border-color:var(--stricken-accent-2);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--stricken-accent-2) 65%,transparent)}.web-point.enemy-target{border-color:var(--stricken-coral);background:color-mix(in srgb,var(--stricken-coral) 12%,transparent)}.web-point.adjacent-open{border-style:dashed;border-color:color-mix(in srgb,var(--stricken-muted) 48%,var(--stricken-line))}.web-point.adjacent-ally{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--stricken-cyan) 42%,transparent)}.web-point.adjacent-enemy{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--stricken-coral) 42%,transparent)}.web-shell{position:relative;display:grid;width:76%;height:76%;place-items:center;border:2px solid var(--stricken-cyan);border-radius:50%;background:color-mix(in srgb,var(--stricken-cyan) 24%,var(--stricken-bg));color:var(--stricken-ink);font-family:var(--font-mono, ui-monospace, monospace);font-size:clamp(.45rem,.72vw,.68rem);font-weight:700;line-height:1}.web-shell.ai{border-color:var(--stricken-coral);background:color-mix(in srgb,var(--stricken-coral) 23%,var(--stricken-bg))}.web-shell.hollowed{border-style:dashed;opacity:.68}.web-shell.silenced{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--stricken-accent-2) 36%,transparent)}.marker-stack{position:absolute;right:-4px;bottom:-5px;display:flex;gap:1px}.marker-dot{display:block;width:5px;height:5px;border:1px solid var(--stricken-bg);border-radius:50%;background:var(--stricken-violet)}.foretell-ring{position:absolute;inset:-5px;border:1px dotted var(--stricken-accent-2);border-radius:50%}.marker-capabilities{position:absolute;inset:8% 9% 30%;display:flex;align-content:center;align-items:center;justify-content:center;gap:3%;padding:0;border:0;background:transparent;flex-wrap:wrap}.marker-capability{display:inline-grid;flex:0 0 44%;place-items:center;color:var(--stricken-ink);font-size:clamp(.78rem,1.55vw,1.25rem);font-style:normal;line-height:1}.marker-capability:only-child{flex-basis:56%;font-size:clamp(.92rem,1.8vw,1.45rem)}.marker-capability.red{color:var(--stricken-coral)}.marker-capability.blue{color:var(--stricken-cyan)}.marker-capability.green{color:var(--stricken-green)}.marker-capability.black{color:var(--stricken-violet)}.marker-capability.unknown{color:var(--stricken-muted)}.marker-capability.muted{opacity:.3;filter:grayscale(.72)}.marker-capability.disabled{filter:grayscale(1);text-decoration:line-through 2px var(--stricken-accent-2)}.marker-capability.removed,.loadout-capability.removed{opacity:.42;filter:grayscale(.82);text-decoration:line-through 2px}.marker-stat{position:absolute;z-index:1;bottom:5%;display:inline-flex;min-width:31%;align-items:center;justify-content:center;gap:2px;padding:3px 5px;border:1px solid color-mix(in srgb,currentColor 72%,var(--stricken-line));border-radius:999px;background:var(--stricken-bg);color:var(--stricken-ink);box-shadow:0 0 0 2px var(--stricken-bg);font-size:clamp(.58rem,1vw,.86rem);font-weight:900;line-height:1}.marker-stat i{font-size:.9em;font-style:normal}.marker-stat b{font:inherit}.marker-stat.power{left:5%}.marker-stat.defense{right:5%}.marker-stat.buffed,.stat-power.buffed,.stat-defense.buffed,.tooltip-primary-stat.buffed{color:var(--stricken-green)}.marker-stat.damaged,.stat-defense.damaged,.tooltip-primary-stat.damaged{color:var(--stricken-coral)}.web-3d{position:absolute;inset:0}#web-canvas{display:block;width:100%;height:100%;min-height:478px;cursor:grab;outline:none}#web-canvas:active{cursor:grabbing}.canvas-help{position:absolute;right:12px;bottom:9px;margin:0;color:var(--stricken-muted);font-size:.62rem;pointer-events:none}.keyboard-fallback{margin-top:10px;border-top:1px solid var(--stricken-line);color:var(--stricken-muted);font-size:.7rem}.keyboard-fallback summary{padding:9px 0 5px;cursor:pointer;color:var(--stricken-accent)}.keyboard-fallback p{margin:4px 0 8px}.point-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:4px;max-height:180px;overflow-y:auto}.point-list button{min-height:28px;border:1px solid var(--stricken-line);border-radius:5px;background:transparent;color:var(--stricken-muted);cursor:pointer;font-family:var(--font-mono, ui-monospace, monospace);font-size:.64rem}.point-list button.legal{border-color:var(--stricken-accent);color:var(--stricken-ink)}.point-list button.occupied{color:var(--stricken-ink)}.point-list button.selected{box-shadow:inset 0 0 0 1px var(--stricken-accent-2)}.board-announcement{min-height:1.2em;margin:9px 2px 0;color:var(--stricken-muted);font-size:.7rem}.inspector-empty{color:var(--stricken-muted);font-size:.72rem}.inspector-copy{margin:0 0 10px;color:var(--stricken-muted);font-size:.72rem}.shell-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:9px 0}.shell-stat-grid div{padding:6px 4px;border:1px solid var(--stricken-line);border-radius:5px;text-align:center}.shell-stat-grid small,.shell-stat-grid strong{display:block}.shell-stat-grid small{color:var(--stricken-muted);font-size:.56rem}.shell-stat-grid strong{margin-top:2px;font-family:var(--font-mono, ui-monospace, monospace);font-size:.9rem}.shell-beads{display:flex;min-height:16px;align-items:center;gap:4px;flex-wrap:wrap}.capability-badge,.capability-unknown{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:3px 6px;border:1px solid var(--stricken-line);border-radius:999px;background:color-mix(in srgb,var(--stricken-panel) 72%,transparent);color:var(--stricken-ink);font-size:.62rem;line-height:1}.capability-caption{flex-basis:100%;color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.56rem;letter-spacing:.03em;text-transform:uppercase}.public-traces{margin-top:3px}.capability-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.capability-badge i,.capability-unknown i{display:inline-grid;width:15px;height:15px;place-items:center;border-radius:50%;color:#071013;font-size:9px;font-style:normal}.capability-badge b,.capability-unknown b{font-weight:600}.capability-badge small{color:var(--stricken-muted);font-size:.48rem;text-transform:uppercase}.capability-badge.red i{background:var(--stricken-coral)}.capability-badge.blue i{background:var(--stricken-cyan)}.capability-badge.green i{background:var(--stricken-green)}.capability-badge.black i{background:var(--stricken-violet)}.capability-unknown i{background:var(--stricken-muted);color:var(--stricken-bg)}.capability-unknown{border-style:dashed;color:var(--stricken-muted)}.capability-badge.muted,.tooltip-chip.muted{opacity:.52}.capability-badge.disabled,.tooltip-chip.disabled{border-style:dashed;filter:grayscale(.75)}.shell-marker-row{display:flex;justify-content:space-between;gap:4px;margin-top:9px;color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.56rem}.loadout-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:242px;overflow-y:auto}.loadout-item{display:grid;min-width:0;min-height:40px;grid-template-areas:"shell meta" "caps caps";grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 5px;padding:4px 7px;border:1px solid var(--stricken-line);border-radius:8px;background:color-mix(in srgb,var(--stricken-panel) 45%,transparent);cursor:pointer}.loadout-item:hover,.loadout-item.selected{border-color:var(--stricken-cyan);background:color-mix(in srgb,var(--stricken-cyan) 10%,transparent)}.loadout-item.removed{cursor:default;opacity:.47}.loadout-shell,.loadout-meta{display:inline-flex;min-width:0;align-items:center;gap:4px}.loadout-shell{grid-area:shell;color:var(--stricken-cyan)}.loadout-shell i{font-size:.55rem;font-style:normal}.loadout-shell strong{overflow:hidden;color:var(--stricken-ink);font-family:var(--font-mono, ui-monospace, monospace);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.loadout-meta{grid-area:meta;padding-left:5px;border-left:1px solid var(--stricken-line)}.loadout-meta>span{color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.54rem;font-weight:800;white-space:nowrap}.loadout-meta>.stat-power.buffed,.loadout-meta>.stat-defense.buffed{color:var(--stricken-green)}.loadout-meta>.stat-defense.damaged{color:var(--stricken-coral)}.loadout-capability-strip{display:inline-flex;min-width:0;grid-area:caps;align-items:center;justify-content:flex-start;gap:3px;overflow:hidden}.loadout-capability{display:inline-grid;width:14px;height:14px;place-items:center;color:var(--stricken-ink);font-size:.72rem;font-style:normal;line-height:1}.loadout-capability.red{color:var(--stricken-coral)}.loadout-capability.blue{color:var(--stricken-cyan)}.loadout-capability.green{color:var(--stricken-green)}.loadout-capability.black{color:var(--stricken-violet)}.loadout-capability.unknown{color:var(--stricken-muted)}.loadout-capability.muted{opacity:.3;filter:grayscale(.72)}.loadout-capability.disabled{filter:grayscale(1);text-decoration:line-through 1px var(--stricken-accent-2)}.loadout-no-trace{color:var(--stricken-faint);font-size:.7rem}.inspector-hint{color:var(--stricken-muted);font-size:.58rem;line-height:1.35}.loadout-divider{grid-column:1 / -1;padding:5px 0 0;color:var(--stricken-muted);font-size:.61rem}.game-log{display:flex;max-height:336px;flex-direction:column;gap:7px;margin:0;padding:0;overflow-y:auto;list-style:none}.game-log li{display:grid;grid-template-columns:32px 1fr;gap:6px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--stricken-line) 60%,transparent)}.game-log li>span{color:var(--stricken-faint);font-family:var(--font-mono, ui-monospace, monospace);font-size:.57rem}.log-entry-body{display:flex;align-items:flex-start;gap:4px}.game-log p{flex:1;margin:0;color:var(--stricken-muted);font-size:.66rem;line-height:1.35}.game-log li.success p{color:var(--stricken-green)}.game-log li.danger p{color:var(--stricken-coral)}.game-log li.accent p{color:var(--stricken-accent)}.log-explain{flex:0 0 auto;width:16px;height:16px;padding:0;border:1px solid var(--stricken-line);border-radius:50%;background:transparent;color:var(--stricken-muted);cursor:help;font-family:var(--font-mono, ui-monospace, monospace);font-size:.56rem;line-height:14px}.log-explain:hover,.log-explain:focus-visible{border-color:var(--stricken-accent);color:var(--stricken-ink);outline:2px solid color-mix(in srgb,var(--stricken-accent) 28%,transparent);outline-offset:1px}.empty-board{display:grid;min-height:566px;place-content:center;justify-items:center;padding:44px;text-align:center}.empty-glyph{color:var(--stricken-cyan);font-size:4rem;line-height:1}.empty-board h3{margin:18px 0 5px;font-family:Georgia,serif;font-size:1.55rem;font-weight:400}.empty-board p{max-width:360px;margin:0 0 18px;color:var(--stricken-muted);font-size:.85rem}.modal{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#050a08b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal[hidden]{display:none}.modal-content{position:relative;width:min(650px,100%);max-height:min(88vh,760px);padding:clamp(24px,5vw,44px);border:1px solid var(--stricken-line);border-radius:15px;background:var(--stricken-bg);box-shadow:0 30px 100px #00000059;overflow-y:auto}.modal-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:1px solid var(--stricken-line);border-radius:50%;background:transparent;color:var(--stricken-muted);cursor:pointer;font-size:1.4rem;line-height:1}.modal-close:hover{border-color:var(--stricken-cyan);color:var(--stricken-ink)}.modal-content h2{margin:0 0 19px;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;letter-spacing:-.04em}.modal-content h3{margin:22px 0 8px;font-size:.85rem}.modal-content p,.modal-content li{color:var(--stricken-muted);font-size:.82rem}.modal-content li+li{margin-top:7px}.rule-summary,.rules-copy{margin-bottom:22px}.rule-summary ul,.rules-copy ul{padding-left:19px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-card{display:flex;min-height:130px;flex-direction:column;align-items:flex-start;gap:7px;padding:17px;border:1px solid var(--stricken-line);border-radius:9px;background:var(--stricken-panel);color:var(--stricken-ink);cursor:pointer;text-align:left;transition:border-color .16s ease,transform .16s ease}.choice-card:hover,.choice-card:focus-visible{border-color:var(--stricken-cyan);transform:translateY(-2px)}.choice-icon{color:var(--stricken-cyan);font-size:1.5rem}.choice-card strong{font-size:.86rem}.choice-card small{color:var(--stricken-muted);font-size:.68rem;line-height:1.35}.human-setup h3{margin-top:18px}.back-link{border:0;padding:0;background:none;color:var(--stricken-accent);cursor:pointer;font-size:.72rem}.microcopy{color:var(--stricken-muted);font-size:.7rem!important;line-height:1.45}.room-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:end;margin-top:17px}.room-or{padding-bottom:10px;color:var(--stricken-faint);font-family:var(--font-mono, ui-monospace, monospace);font-size:.66rem;text-transform:uppercase}.join-form label{display:grid;gap:5px;color:var(--stricken-muted);font-size:.69rem}.join-row{display:flex;gap:6px}.join-row input{min-height:38px;width:100%;border:1px solid var(--stricken-line);border-radius:6px;background:var(--stricken-panel);color:var(--stricken-ink);padding:7px 9px;font-family:var(--font-mono, ui-monospace, monospace);font-size:.78rem;min-width:0;text-transform:uppercase}.room-created{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:17px;padding:13px;border:1px solid color-mix(in srgb,var(--stricken-accent) 55%,var(--stricken-line));border-radius:8px;background:color-mix(in srgb,var(--stricken-accent) 8%,transparent)}.room-created strong{color:var(--stricken-accent);font-family:var(--font-mono, ui-monospace, monospace);font-size:1.4rem;letter-spacing:.18em}.room-waiting{flex-basis:100%;color:var(--stricken-muted);font-size:.69rem}.small-modal{width:min(460px,100%)}.result-content{text-align:center}@media(max-width:1120px){.game-layout{grid-template-columns:minmax(190px,.72fr) minmax(390px,1.7fr)}.log-column{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid var(--stricken-line);border-left:0}.game-log{max-height:160px}}@media(max-width:760px){.game-hero{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions .btn{flex:1}.game-status{grid-template-columns:repeat(2,1fr)}.status-room{min-width:0}.connection-dot{display:none}.game-layout{display:block}.control-column,.log-column{border:0}.control-column{border-bottom:1px solid var(--stricken-line)}.log-column{display:grid;grid-template-columns:1fr;border-top:1px solid var(--stricken-line)}.web-column{padding:12px}.web-stage{min-height:0;overflow-x:auto}.web-2d{grid-template-columns:repeat(5,minmax(112px,1fr));min-width:620px}.web-layer{padding:7px}.web-3d,#web-canvas{min-height:410px}.view-toolbar{align-items:flex-start;flex-direction:column}.view-help{text-align:left}.choice-grid,.room-actions{grid-template-columns:1fr}.room-or{padding:0;text-align:center}.join-form{width:100%}.empty-board{min-height:450px}}@media(max-width:430px){.game-shell{border-radius:0;margin-inline:-1px}.game-status{min-height:66px}.status-cell{padding:10px 11px}.web-2d{gap:7px;padding:8px}.web-layer{padding:5px}.action-grid{grid-template-columns:repeat(3,1fr)}.action-button{min-height:40px;font-size:.6rem}.action-footer{grid-template-columns:1fr 1fr}.loadout-list{max-height:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.rules-copy h4{margin:13px 0 4px;color:var(--stricken-ink);font-size:.74rem}.rule-summary ol,.rules-copy ol{padding-left:19px}.rule-icon,.rule-action-icon{display:inline-grid;width:1.35em;height:1.35em;margin-inline:.12em .2em;place-items:center;color:var(--stricken-ink);font-style:normal;font-weight:800;line-height:1}.rule-icon.red,.rule-action-icon.red{color:var(--stricken-coral)}.rule-icon.blue,.rule-action-icon.blue{color:var(--stricken-cyan)}.rule-icon.green,.rule-action-icon.green{color:var(--stricken-green)}.rule-icon.black,.rule-action-icon.black{color:var(--stricken-violet)}.rule-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0 12px}.rule-capability-grid>div{display:grid;grid-template-columns:22px 1fr;align-items:center;column-gap:5px;padding:6px;border:1px solid var(--stricken-line);border-radius:6px;background:color-mix(in srgb,var(--stricken-panel) 55%,transparent)}.rule-capability-grid small{grid-column:2;color:var(--stricken-muted);font-size:.66rem;line-height:1.3}.game-hero,.game-shell{width:min(1640px,calc(100% - 32px));max-width:none}.game-hero{align-items:center;padding-block:18px 14px}.game-hero h1{font-size:clamp(2.45rem,5vw,4.4rem);letter-spacing:-.06em}.game-hero .page-kicker{margin-bottom:5px;font-size:.62rem}.hero-lede{margin-top:8px;font-size:clamp(.82rem,1.2vw,1rem)}.hero-actions{align-items:center}.game-shell{min-height:0}.game-layout{grid-template-columns:minmax(232px,.76fr) minmax(560px,2.7fr) minmax(230px,.82fr);min-height:760px}.web-column{padding:14px 16px 18px}.web-stage{min-height:clamp(600px,70vh,820px)}.web-2d{display:block;min-height:clamp(600px,70vh,820px);padding:14px}.web-layer{display:flex;height:100%;flex-direction:column;padding:14px}.web-layer h4{margin-bottom:10px;font-size:.72rem}.web-layer h4 small{color:var(--stricken-faint);font-size:.62rem;font-weight:400;letter-spacing:.04em}.web-grid{width:min(100%,760px);flex:1;margin-inline:auto;gap:5px}.web-point{border-radius:7px}.web-shell{width:88%;height:88%;border-width:3px;font-size:0}.marker-capability{font-size:clamp(1.25rem,2.2vw,1.85rem)}.marker-capability:only-child{font-size:clamp(1.55rem,2.75vw,2.3rem)}.marker-stat{font-size:clamp(.7rem,1.15vw,.98rem)}.marker-stack{right:-6px;bottom:-7px;gap:2px}.marker-dot{width:7px;height:7px}#web-canvas{min-height:clamp(600px,70vh,820px)}.action-button{position:relative;min-height:52px;gap:3px}.action-name{display:inline-block}kbd{display:inline-grid;min-width:1.25em;height:1.25em;place-items:center;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:3px;padding:0 3px;color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.59rem;line-height:1}.action-button kbd{position:absolute;top:4px;right:5px}.action-footer kbd,.turn-actions kbd{margin-left:3px;vertical-align:1px}.layer-controls{display:inline-flex;align-items:center;gap:3px}.layer-buttons{display:inline-flex;gap:2px}.layer-step,.layer-button{display:inline-grid;min-width:26px;height:26px;place-items:center;border:1px solid var(--stricken-line);background:transparent;color:var(--stricken-muted);cursor:pointer;font-family:var(--font-mono, ui-monospace, monospace);font-size:.68rem}.layer-step{border-radius:5px;font-size:1.15rem;line-height:1}.layer-button{border-radius:4px}.layer-button.active,.layer-button:hover,.layer-button:focus-visible,.layer-step:hover,.layer-step:focus-visible{border-color:var(--stricken-cyan);background:color-mix(in srgb,var(--stricken-cyan) 16%,transparent);color:var(--stricken-ink);outline:none}.orientation-controls{display:inline-flex;align-items:center;gap:5px}.toolbar-label{color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase}.orientation-buttons{display:inline-flex;gap:2px}.orientation-button{display:inline-flex;min-width:35px;min-height:26px;align-items:center;justify-content:center;gap:3px;border:1px solid var(--stricken-line);border-radius:4px;background:transparent;color:var(--stricken-muted);cursor:pointer;font-family:var(--font-mono, ui-monospace, monospace);font-size:.68rem}.orientation-button kbd{min-width:1.15em;height:1.15em;padding:0 2px;font-size:.53rem}.orientation-button.active,.orientation-button:hover,.orientation-button:focus-visible{border-color:var(--stricken-cyan);background:color-mix(in srgb,var(--stricken-cyan) 16%,transparent);color:var(--stricken-ink);outline:none}.view-toolbar{align-items:center;flex-wrap:wrap}.toolbar-shortcut{color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;white-space:nowrap}.view-help{flex:1 1 170px}.web-point.keyboard-focus{z-index:3;border-color:var(--stricken-accent-2);outline:3px solid color-mix(in srgb,var(--stricken-accent-2) 48%,transparent);outline-offset:2px}.point-tooltip{position:absolute;z-index:20;width:min(390px,calc(100% - 16px));padding:10px 11px;border:1px solid color-mix(in srgb,var(--stricken-cyan) 58%,var(--stricken-line));border-radius:11px;background:color-mix(in srgb,var(--stricken-bg) 98%,transparent);box-shadow:0 14px 34px #00000052,inset 0 0 24px color-mix(in srgb,var(--stricken-cyan) 4%,transparent);color:var(--stricken-ink);pointer-events:none}.tooltip-head{display:flex;align-items:center;gap:9px;min-width:0;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--stricken-cyan) 30%,var(--stricken-line))}.tooltip-identity{display:grid;min-width:72px;gap:2px}.tooltip-head strong{overflow:hidden;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.tooltip-head small{color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.53rem;text-transform:uppercase}.tooltip-icon{display:inline-grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:.72rem}.tooltip-icon.player{color:var(--stricken-cyan)}.tooltip-icon.opponent{color:var(--stricken-coral)}.tooltip-icon.open{color:var(--stricken-muted)}.tooltip-legal{margin-left:auto;padding:3px 5px;border-radius:4px;background:color-mix(in srgb,var(--stricken-green) 18%,transparent);color:var(--stricken-green);font-family:var(--font-mono, ui-monospace, monospace);font-size:.52rem;text-transform:uppercase}.tooltip-primary-stats{display:inline-flex;align-items:center;gap:0;margin-left:auto}.tooltip-primary-stat{display:grid;grid-template-columns:22px auto auto;align-items:center;gap:5px;min-width:83px;padding:4px 10px;color:var(--stricken-cyan)}.tooltip-primary-stat+.tooltip-primary-stat{border-left:1px solid var(--stricken-line)}.tooltip-primary-stat i{font-size:1.15rem;font-style:normal}.tooltip-primary-stat small{color:var(--stricken-muted);font-size:.55rem}.tooltip-primary-stat b{font-family:var(--font-mono, ui-monospace, monospace);font-size:1rem}.tooltip-section{display:grid;gap:7px;margin-top:9px}.tooltip-section-label{color:var(--stricken-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.tooltip-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tooltip-chip{display:grid;min-width:0;min-height:31px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px 7px 3px 4px;border:1px solid var(--stricken-line);border-radius:999px;font-size:.64rem}.tooltip-chip.red{border-color:color-mix(in srgb,var(--stricken-coral) 62%,var(--stricken-line))}.tooltip-chip.blue{border-color:color-mix(in srgb,var(--stricken-cyan) 62%,var(--stricken-line))}.tooltip-chip.green{border-color:color-mix(in srgb,var(--stricken-green) 62%,var(--stricken-line))}.tooltip-chip.black{border-color:color-mix(in srgb,var(--stricken-violet) 62%,var(--stricken-line))}.tooltip-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-chip small{color:var(--stricken-muted);font-size:.46rem;text-transform:uppercase}.tooltip-chip i{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:50%;color:#071013;font-size:.68rem;font-style:normal}.tooltip-chip.red i{background:var(--stricken-coral)}.tooltip-chip.blue i{background:var(--stricken-cyan)}.tooltip-chip.green i{background:var(--stricken-green)}.tooltip-chip.black i{background:var(--stricken-violet)}.tooltip-chip.unknown i{background:var(--stricken-muted);color:var(--stricken-bg)}.tooltip-chip.muted{opacity:.52}.tooltip-empty,.tooltip-note{color:var(--stricken-muted);font-size:.57rem;line-height:1.35}.tooltip-note{margin-top:8px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--stricken-line) 70%,transparent)}.settings-content{width:min(560px,100%)}.settings-form{display:grid;gap:12px}.shortcut-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;max-height:50vh;overflow-y:auto}.shortcut-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid color-mix(in srgb,var(--stricken-line) 58%,transparent)}.shortcut-row label{color:var(--stricken-muted);font-size:.66rem}.shortcut-key{min-width:62px;min-height:29px;border:1px solid var(--stricken-line);border-radius:5px;background:var(--stricken-panel);color:var(--stricken-ink);cursor:pointer;font-family:var(--font-mono, ui-monospace, monospace);font-size:.66rem}.shortcut-key:hover,.shortcut-key:focus-visible,.shortcut-key.capturing{border-color:var(--stricken-cyan);outline:2px solid color-mix(in srgb,var(--stricken-cyan) 25%,transparent);outline-offset:1px}.settings-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:7px;align-items:center;padding-top:4px}@media(max-width:1300px){.game-layout{grid-template-columns:minmax(210px,.72fr) minmax(500px,2.2fr) minmax(210px,.72fr)}}@media(max-width:1120px){.game-layout{grid-template-columns:minmax(205px,.72fr) minmax(490px,1.8fr);min-height:700px}.web-stage,.web-2d,#web-canvas{min-height:650px}}@media(max-width:760px){.game-hero{padding-block:14px 10px}.game-hero h1{font-size:clamp(2.3rem,13vw,3.3rem)}.hero-lede{margin-top:5px}.game-layout{min-height:0}.web-stage,.web-2d,#web-canvas{min-height:560px}.web-grid{width:100%}.view-toolbar{align-items:flex-start}.view-help{flex:0 0 auto}.orientation-controls{order:3}.layer-controls{order:3;width:100%;justify-content:space-between}.layer-buttons{flex:1;justify-content:center}.layer-button{min-width:35px}.shortcut-settings{grid-template-columns:1fr}.settings-actions{grid-template-columns:1fr 1fr}.settings-actions span{display:none}}