*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body.maze-page{color:#e8eef6;background:radial-gradient(circle at top,#1c2733 0%,#0a0f15 55%,#06080c 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block}.canvas-stage{height:100%;position:relative}.maze-layout{box-sizing:border-box;grid-template-columns:1fr;align-items:start;gap:0;width:100vw;min-height:100vh;padding:12px;display:grid}.maze-layout>.panel:first-child{border-radius:16px;height:calc(100vh - 24px);margin:0}.panel{background:#070c12b8;border:1px solid #ffffff1f;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #00000059}.panel-label{letter-spacing:.14em;text-transform:uppercase;color:#93a4b8;border-bottom:1px solid #ffffff14;padding:10px 14px;font-size:12px}#renderCanvas{width:100%;height:100%;display:block}.canvas-hud{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#060a0fb8;border:1px solid #79aef24d;border-radius:12px;padding:10px 12px;position:absolute;top:14px;left:14px;box-shadow:0 10px 24px #00000047}.canvas-hud-label{letter-spacing:.14em;text-transform:uppercase;color:#93a4b8;margin-bottom:4px;font-size:10px}.canvas-hud-value{color:#eef5ff;text-shadow:0 0 12px #79aef259;font-size:22px;font-weight:700;line-height:1;transition:all .2s}.canvas-hud-value.low-time{color:#f44;text-shadow:0 0 16px #f449;animation:.6s infinite pulse-warning}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.canvas-hud-row{color:#dbe6f2;border-top:1px solid #ffffff14;justify-content:space-between;gap:14px;margin-top:8px;padding-top:8px;font-size:11px;display:flex}.canvas-hud-row span{color:#93a4b8;text-transform:uppercase;letter-spacing:.08em}.canvas-hud-row strong{color:#79aef2;font-weight:600}.game-over-overlay{z-index:3;text-align:center;background:#000000c7;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.game-over-overlay[hidden]{display:none}.p5-particles-container{z-index:1;pointer-events:none;position:absolute;inset:0}.p5-game-over-panel{z-index:9999;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.p5-game-over-panel[hidden]{pointer-events:none;display:none}.p5-start-panel{z-index:9999;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.p5-start-panel[hidden]{pointer-events:none;display:none}.p5-sketch-container{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-over-info{z-index:10;text-align:center;padding:20px;position:relative}.game-over-info .game-over-text{color:#f3f7ff;text-transform:uppercase;letter-spacing:.08em;margin-top:0;font-size:clamp(24px,4vw,40px);font-weight:700}.game-over-info .game-over-subtext{color:#c9d8ea;letter-spacing:.05em;font-size:14px}.game-over-image{object-fit:contain;border:1px solid #ffffff38;border-radius:12px;width:min(70%,460px);max-height:52vh;box-shadow:0 14px 32px #00000073}.game-over-text{color:#f3f7ff;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:clamp(24px,4vw,40px);font-weight:700}.game-over-subtext{color:#c9d8ea;letter-spacing:.05em;font-size:14px}.control-panel{max-height:400px;padding:16px;overflow-y:auto}#control-panel-section{z-index:1000;border-radius:16px 16px 0 0;width:100%;max-height:40vh;margin:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.control-group{margin-bottom:20px}.control-group h3{letter-spacing:.05em;text-transform:uppercase;color:#93a4b8;margin:0 0 12px;font-size:13px;font-weight:600}.button-group{flex-wrap:wrap;gap:8px;display:flex}.game-button{color:#eef5ff;cursor:pointer;background:#17314c;border:1px solid #284055;border-radius:8px;flex:1;min-width:100px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.game-button:hover{background:#1f3a57;border-color:#3a5070;box-shadow:0 4px 12px #7db4ff26}.game-button:active{background:#17314c;border-color:#7db4ff;box-shadow:inset 0 2px 4px #0000004d}.slider-group{color:#dbe6f2;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.slider-group label{align-items:center;gap:8px;width:100%;display:flex}.slider-group input[type=range]{-webkit-appearance:none;cursor:pointer;background:#1f3a57;border:none;border-radius:3px;outline:none;flex:1;min-width:100px;height:6px}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#79aef2;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #79aef266}.slider-group input[type=range]::-moz-range-thumb{cursor:pointer;background:#79aef2;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #79aef266}.slider-group span{text-align:right;color:#79aef2;min-width:30px;font-weight:500}.status-display{background:#19283780;border:1px solid #ffffff14;border-radius:8px;padding:12px;font-size:12px}.status-line{color:#dbe6f2;justify-content:space-between;padding:6px 0;display:flex}.status-line strong{color:#93a4b8;min-width:60px}.status-line span{color:#79aef2;font-weight:500}.status-message{color:#91a4b8;border-top:1px solid #ffffff14;margin-top:12px;padding-top:12px;font-size:11px;line-height:1.5}@media (width<=720px){.maze-layout{grid-template-columns:1fr;width:calc(100vw - 16px);margin:8px auto 16px}#renderCanvas{height:52vh}}