:root{--bg: #0f1a1f;--panel: rgba(16, 28, 34, .76);--panel-edge: rgba(172, 211, 204, .22);--text: #edf7f4;--muted: #b9d3cb;--accent: #f2b44f;--accent-2: #75c9b7;--wall: #24383f;--floor: #111f25;--mapped: #375e66;--player: #ff8b5e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(242,180,79,.2),transparent 40%),radial-gradient(circle at 85% 90%,rgba(117,201,183,.18),transparent 35%),linear-gradient(155deg,#060b0e,#0c171c 45%,#111f24);color:var(--text);font-family:Manrope,Segoe UI,sans-serif;display:flex;justify-content:center;padding:20px;position:relative;overflow-x:hidden}#threeBg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;opacity:.92}.bg-shape{position:fixed;pointer-events:none;border-radius:50%;filter:blur(30px);opacity:.4;animation:drift 10s ease-in-out infinite alternate;z-index:1}.shape-a{width:180px;height:180px;background:#f2b44f38;top:4%;left:5%}.shape-b{width:240px;height:240px;background:#75c9b733;bottom:5%;right:8%;animation-duration:12s}.game-shell{width:min(1020px,100%);display:grid;gap:16px;z-index:2;animation:rise .65s ease-out}.screen{display:grid;gap:16px}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h1{margin:0;font-family:Cinzel,serif;letter-spacing:.06em;font-size:clamp(1.7rem,2.8vw,2.4rem)}.tag{margin:5px 0 0;color:var(--muted);font-size:.96rem}.hud{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.expanded-hud{grid-template-columns:repeat(12,minmax(0,1fr))}.wide-card{grid-column:span 2}.menu-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skills-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-card,.skill-card{align-content:start}.menu-card h2,.skill-card h3{margin:0;font-family:Cinzel,serif}.menu-card p,.skill-card p{margin:7px 0}.stats-list p{margin:6px 0}.button-row{display:flex;gap:10px;flex-wrap:wrap}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid rgba(185,211,203,.26);background:#0c161bd1;color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer}.pill.active{background:linear-gradient(135deg,#f2b44fd9,#75c9b7d1);color:#05110d;border-color:transparent}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px;padding:10px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;gap:4px}.label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.card strong{font-size:1.4rem}.arena-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:18px;overflow:hidden;border:1px solid var(--panel-edge);background:linear-gradient(145deg,#070d10e6,#0f1a20e6)}#threeMazeCanvas,#mazeCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#threeMazeCanvas{z-index:1}#mazeCanvas{z-index:0}body.three-board-active #mazeCanvas{opacity:0}.end-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#02070ad1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;gap:10px;text-align:center;padding:20px;z-index:2}.end-panel h2{margin:0;font-family:Cinzel,serif;font-size:clamp(1.6rem,4vw,2.4rem)}.hidden{display:none}.btn{border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),#d99228);color:#231204;font-weight:700;letter-spacing:.02em;padding:10px 16px;cursor:pointer;transition:transform .13s ease,filter .13s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn.alt{background:linear-gradient(135deg,var(--accent-2),#3d9f8a);color:#032117}.btn.small{padding:7px 12px;font-size:.88rem}.instructions{color:var(--muted);font-size:.94rem}.instructions p{margin:6px 0}.shop-note{margin:8px 0 0;color:var(--muted);font-size:.85rem}kbd{border:1px solid rgba(185,211,203,.4);border-bottom-width:2px;border-radius:6px;padding:2px 5px;margin:0 2px;font-family:inherit;font-size:.86rem}.touch-controls{display:none;justify-content:center;gap:10px}.touch-controls button{width:56px;height:56px;border-radius:12px;border:1px solid var(--panel-edge);background:#101c22d9;color:var(--text);font-size:1.2rem}.touch-controls>div{display:flex;gap:10px}@media (max-width: 860px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid,.skills-grid,.skills-grid.four-up,.compact-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}.touch-controls{display:grid;justify-items:center}}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(14px,-10px) scale(1.06)}}