:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#051017;--panel:#0a1a26eb;--panel-border:#ffffff1a;--text:#eff5f8;--muted:#9cb7c5;--accent:#ffcf5c;--accent-strong:#ff6b57;--safe:#7cf67c;--shell-pad:clamp(6px, 1.2vw, 12px);--panel-radius:8px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{color:var(--text);background:radial-gradient(circle at top,#13445f8c,#0000 30%),linear-gradient(#07131d 0%,#040b10 100%);margin:0;overflow:hidden}button,input,textarea,select{font:inherit}.app-shell{height:100svh;min-height:100svh;padding:var(--shell-pad);grid-template-columns:minmax(0,1fr);display:grid}.sidebar__card,.instructions{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:0 24px 80px #00000059}.game-panel{min-height:0;display:grid}.playfield-panel{grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,1vw,10px);min-height:0;display:grid}.hud__label,.sidebar__eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:.58rem;display:block}.panel-toggle{color:var(--text);cursor:pointer;background:#040f16ad;border:1px solid #ffffff1f;border-radius:8px;min-height:30px;padding:5px 10px;font-size:.72rem;transition:transform .15s,background-color .15s,border-color .15s}.panel-toggle:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.panel-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.panel-toggle--primary{color:var(--accent);background:#ffcf5c29;border-color:#ffcf5c57}.hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.hud__item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040f16a8;border-radius:8px;padding:5px 8px;box-shadow:0 8px 26px #0000003d}.hud__item strong{font-size:.82rem;line-height:1;display:block}.hud__actions{gap:6px;margin-left:auto;display:flex}.hud__badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hud__badge{letter-spacing:.04em;text-transform:uppercase;background:#040f16a8;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.72rem;line-height:1;display:inline-flex}.hud__badge-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.game-frame{width:100%;height:100%;min-height:0;border-radius:var(--panel-radius);background:#041620;border:1px solid #ffffff14;place-items:stretch stretch;min-block-size:0;display:grid;position:relative;overflow:hidden}.game-canvas-shell{touch-action:none;width:100%;height:100%;min-height:0;display:block}.game-canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;box-shadow:0 18px 40px #0000004d}.overlay{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03090dad;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay__card{text-align:center;background:#07131deb;border:1px solid #ffffff1f;border-radius:8px;width:min(100%,460px);max-width:460px;padding:28px}.overlay__button{margin-top:16px}.overlay__card h1,.sidebar__card h2{margin:0 0 14px;font-size:clamp(1.4rem,3vw,2rem)}.overlay__card p,.sidebar__card p{color:var(--muted);margin:0 0 12px;line-height:1.6}.overlay__card span{color:var(--accent);margin-top:8px;display:inline-block}.instructions{align-content:start;gap:18px;min-height:0;padding:clamp(18px,2vw,24px);transition:opacity .18s,transform .22s;display:grid;overflow:auto}.sidebar__card{box-shadow:none;background:0 0;border:0;padding:0}.instructions--drawer{top:var(--shell-pad);right:var(--shell-pad);bottom:var(--shell-pad);width:min(360px, calc(100vw - (var(--shell-pad) * 2)));z-index:30;transform:translateX(calc(100% + var(--shell-pad)));position:fixed}.instructions--drawer.instructions--open{transform:translate(0)}.instructions-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02070a8c;border:0;position:fixed;inset:0}@media (width>=1121px){.app-shell{align-items:stretch;height:100dvh;overflow:hidden}}@media (width<=980px){.app-shell{height:100svh;min-height:100svh}}@media (width<=780px){.app-shell{padding:8px}.overlay{padding:16px}.overlay__card{padding:22px}}@media (width<=640px){:root{--shell-pad:6px}.game-frame{padding:4px}.hud{gap:4px}.hud__item{padding:4px 6px}.hud__label{font-size:.52rem}.hud__item strong,.panel-toggle{font-size:.66rem}.panel-toggle{min-height:28px;padding:4px 7px}.hud__actions,.hud__badges{gap:4px}.hud__badge{padding:3px 6px;font-size:.58rem}.overlay{place-items:start center;padding:12px}.overlay__card{width:min(100%,420px);padding:18px}.instructions--drawer{top:auto;left:var(--shell-pad);right:var(--shell-pad);bottom:var(--shell-pad);width:auto;max-height:min(68svh,480px);transform:translateY(calc(100% + var(--shell-pad)));border-radius:8px 8px 0 0}.instructions--drawer.instructions--open{transform:translateY(0)}}@media (height<=720px){.overlay{place-items:start center;padding-block:12px}}