:root{--field: #121711;--field-deep: #080b08;--paper: #f2efe2;--muted: #b8b29c;--line: #384231;--wall: #d8cfa8;--path: #1f2a1d;--accent: #d95d39;--accent-2: #8fb339;--ink: #fbf7e8;--shadow: rgba(0, 0, 0, .42)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(120deg,rgba(217,93,57,.08),transparent 38%),radial-gradient(circle at 76% 16%,rgba(143,179,57,.18),transparent 28%),var(--field);font-family:Georgia,Times New Roman,serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(242,239,226,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(242,239,226,.14) 1px,transparent 1px);background-size:28px 28px}.maze-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,24rem);gap:clamp(1.25rem,3vw,3rem);width:min(1180px,calc(100% - 2rem));min-height:100vh;margin:0 auto;padding:clamp(1rem,3vw,2.5rem) 0;align-items:center}.game-stage,.side-panel{min-width:0}.title-block{max-width:48rem;margin-bottom:1.1rem}.home-link{color:var(--muted);text-decoration:none;font:700 .78rem/1.2 Verdana,sans-serif;text-transform:uppercase;letter-spacing:0}.home-link:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.eyebrow,.panel-label{margin:0 0 .45rem;color:var(--accent-2);font:700 .78rem/1.2 Verdana,sans-serif;text-transform:uppercase;letter-spacing:0}h1{max-width:12ch;margin:0;font-size:clamp(2.6rem,8vw,6.8rem);line-height:.88;letter-spacing:0}.stats-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:.9rem;border:1px solid var(--line);background:var(--line)}.stats-bar div{min-width:0;padding:.8rem;background:#080b08d6}.stats-bar span{display:block;margin-bottom:.25rem;color:var(--muted);font:700 .72rem/1.2 Verdana,sans-serif;text-transform:uppercase}.stats-bar strong{font-size:clamp(1.2rem,4vw,2rem);line-height:1}#maze-canvas{display:block;width:min(100%,72vh);max-width:720px;aspect-ratio:1;height:auto;border:1px solid var(--wall);background:var(--path);box-shadow:0 24px 70px var(--shadow);touch-action:none}.control-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:.9rem}button,select{min-height:2.75rem;border:1px solid var(--wall);border-radius:6px;background:var(--paper);color:var(--field-deep);font:700 .82rem/1 Verdana,sans-serif;text-transform:uppercase;letter-spacing:0}button{cursor:pointer;padding:0 1rem}button:hover{transform:translateY(-1px);background:#fff8d9}select{padding:0 .65rem}.control-row label{color:var(--muted);font:700 .75rem/1 Verdana,sans-serif;text-transform:uppercase}.side-panel{display:grid;gap:1rem}.panel-section{border:1px solid var(--line);padding:1rem;background:#080b08b8;box-shadow:0 16px 44px #0000002e}.status-card{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start}.signal-dot{width:.9rem;height:.9rem;margin-top:.2rem;border-radius:50%;background:var(--accent);box-shadow:0 0 #d95d3999;animation:signal-pulse 1.8s infinite}@keyframes signal-pulse{70%{box-shadow:0 0 0 12px #d95d3900}}#status-message{margin:0;color:var(--paper);font-size:1.1rem;line-height:1.35}.d-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.d-pad button{min-width:0;padding:0}.d-pad [data-move=up],.d-pad [data-move=down]{grid-column:2}.d-pad [data-move=left]{grid-column:1}.d-pad [data-move=right]{grid-column:3}.route-card ul{margin:0;padding-left:1.1rem;color:var(--muted);line-height:1.55}@media(max-width:860px){.maze-shell{grid-template-columns:1fr;align-items:start}h1{max-width:14ch}#maze-canvas{width:100%;max-width:none}}@media(max-width:520px){.stats-bar{grid-template-columns:1fr}.control-row>*{flex:1 1 100%}}