:root{color-scheme:dark;--page-padding: clamp(16px, 2vw, 28px);--sidebar-width: 356px;--layout-gap: clamp(24px, 3vw, 48px);--page: #0b0e0f;--panel: #171a19;--panel-raised: #1c201e;--panel-soft: #121514;--line: #303632;--line-strong: #444a43;--text: #f3eee5;--text-soft: #c5c8c2;--text-muted: #8f9791;--ember: #ed8147;--ember-bright: #ff9a5f;--moss: #a6b58c;--danger: #d46c53;font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.45;color:var(--text)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#111516 0%,var(--page) 56%,#17110e 100%)}button,summary{-webkit-tap-highlight-color:transparent}#app{width:100%;min-height:100vh;padding:var(--page-padding)}.layout{display:grid;grid-template-columns:minmax(310px,var(--sidebar-width)) minmax(0,1fr);gap:var(--layout-gap);align-items:center;width:min(100%,1680px);min-height:calc(100vh - var(--page-padding) * 2);margin:0 auto}.board-stage{grid-column:2;grid-row:1;display:grid;min-width:0;min-height:calc(100vh - var(--page-padding) * 2);place-items:center;padding:28px 0}.play-column{min-width:0;width:fit-content}#game-canvas{display:block;width:auto;max-width:none;height:auto;margin:0;background:#101415;border-radius:8px;outline:1px solid rgba(207,196,174,.22);box-shadow:0 0 0 8px #171a19eb,0 28px 80px #00000085}.mobile-controls{display:none}.sidebar{grid-column:1;grid-row:1;position:sticky;top:var(--page-padding);align-self:start;width:100%;max-height:calc(100vh - var(--page-padding) * 2);overflow:auto;padding-right:6px;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.hud{display:grid;gap:10px;width:100%}.hud-card{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 12px 30px #0003}.hud-card--brand{display:grid;gap:8px;padding:20px 20px 18px;border-top:3px solid var(--ember);background:linear-gradient(135deg,#20231f,#171a19 62%,#201713)}.eyebrow{margin:0;color:var(--ember-bright);font-size:.66rem;font-weight:750;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}h1,h2{margin:0;color:var(--text)}h1{font-family:Segoe UI Variable Display,Segoe UI Variable,Segoe UI,Arial,sans-serif;font-size:clamp(2rem,2.5vw,2.55rem);font-weight:760;letter-spacing:-.055em;line-height:.98}h2{font-size:1.28rem;font-weight:700;letter-spacing:-.025em;line-height:1.1}.hud-copy{max-width:31ch;margin:2px 0 0;color:var(--text-soft);font-size:.88rem;line-height:1.55}.games-hub-link{display:inline-flex;align-items:center;width:fit-content;margin-top:4px;color:var(--moss);font-size:.78rem;font-weight:650;text-decoration:none}.games-hub-link:hover{color:#c2d1a8;text-decoration:underline;text-underline-offset:3px}.level-heading,.section-heading,.progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.level-title-block{display:grid;gap:5px;min-width:0}.status-badge,.solver-state{flex:0 0 auto;padding:5px 8px;border:1px solid var(--line-strong);border-radius:5px;color:var(--text-soft);background:var(--panel-soft);font-size:.65rem;font-weight:720;letter-spacing:.08em;line-height:1;text-transform:uppercase}.status-badge--won{border-color:#a6b58c7a;color:#d6e1c4}.status-badge--lost{border-color:#d46c5385;color:#f0ad99}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.metric{display:grid;gap:2px;min-width:0;padding:9px 10px;border:1px solid #282d2a;border-radius:6px;background:var(--panel-soft)}.metric__label{color:var(--text-muted);font-size:.62rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.metric__value{overflow:hidden;color:var(--text);font-size:.92rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.progress-row{margin-top:13px;color:var(--text-muted);font-size:.72rem}.progress-track{flex:1;height:4px;overflow:hidden;background:#292e2b}.progress-track__fill{display:block;height:100%;background:var(--moss)}.last-action{margin:13px 0 0;padding-left:10px;border-left:2px solid #4a514b;color:var(--text-soft);font-size:.77rem;line-height:1.45}.section-heading{margin-bottom:10px}.solver-copy{min-height:2.4em;margin:0 0 12px;color:var(--text-muted);font-size:.78rem;line-height:1.5}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.hud-button{min-height:42px;border:1px solid var(--line-strong);border-radius:7px;padding:9px 12px;color:var(--text);background:#242926;font:inherit;font-size:.84rem;font-weight:650;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.hud-button:hover{transform:translateY(-1px);border-color:#626a62;background:#2b312d}.hud-button:focus-visible,.hud-summary:focus-visible,.games-hub-link:focus-visible{outline:2px solid var(--ember-bright);outline-offset:2px}.hud-button--primary{width:100%;border-color:#f18b52;color:#21120c;background:var(--ember)}.hud-button--primary:hover{border-color:#ffad7d;background:#f2925d}.hud-button:disabled{opacity:.38;cursor:default;transform:none}.shortcut-line{margin:12px 0 0;color:var(--text-muted);font-size:.69rem;line-height:1.55}kbd{padding:1px 5px;border:1px solid var(--line-strong);border-bottom-color:#59615a;border-radius:4px;color:var(--text-soft);background:#111413;font:650 .66rem/1.4 Segoe UI Variable,Segoe UI,Arial,sans-serif}.hud-card--foldable{padding:0;overflow:hidden;box-shadow:none}.hud-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:46px;padding:11px 14px;list-style:none;cursor:pointer}.hud-summary::-webkit-details-marker{display:none}.hud-summary__text{color:var(--text-muted);font-size:.76rem}.hud-summary__chevron{width:8px;height:8px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(45deg);transition:transform .12s ease}.hud-card--foldable[open] .hud-summary{border-bottom:1px solid var(--line)}.hud-card--foldable[open] .hud-summary__chevron{transform:rotate(225deg)}.hud-detail{padding:12px 14px 10px}.hud-small{margin:0 0 7px;color:var(--text-muted);font-size:.76rem;line-height:1.5}.hud-small strong{color:var(--text-soft)}.touch-dpad{display:grid;grid-template-columns:repeat(3,70px);justify-content:center;gap:8px;margin:0}.touch-dpad__spacer{min-height:0}.hud-button--dpad{min-height:54px;padding:0;font-size:0;font-weight:700}.hud-button--dpad:before{font-size:1.15rem;line-height:1}.hud-button--dpad[data-action=move-up]:before{content:"↑"}.hud-button--dpad[data-action=move-right]:before{content:"→"}.hud-button--dpad[data-action=move-down]:before{content:"↓"}.hud-button--dpad[data-action=move-left]:before{content:"←"}@media (max-width: 1100px){:root{--page-padding: 0px}body{background:linear-gradient(145deg,#111516,#0b0e0f 62%,#16110f)}.layout{display:block;min-height:100vh}.board-stage{min-height:0;padding:14px 14px 0}.play-column,#game-canvas{width:auto;max-width:none}#game-canvas{border-radius:6px;box-shadow:0 0 0 5px #171a19eb,0 18px 48px #0000006b}.mobile-controls{display:block;width:100%;padding:18px 8px 0}.sidebar{position:static;width:auto;max-height:none;overflow:visible;margin:16px 12px 24px;padding:0}}@media (max-width: 520px){.board-stage{padding-inline:8px}.hud-card{padding:14px}.hud-card--brand{padding:18px 16px 16px}h1{font-size:2.05rem}.metric{padding-inline:8px}}