@import"https://fonts.googleapis.com/css2?family=Chivo:wght@400;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{font-family:Chivo,Trebuchet MS,sans-serif;color:#2f241a;background:radial-gradient(circle at top left,#f6efe2,#ede0cc 45%,#d7bf9a);line-height:1.4;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input,label{font:inherit}.app-root{display:flex;flex-direction:column;gap:1rem;min-height:100vh;padding:1rem}.app-topbar{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding:1rem;border-radius:14px;background:linear-gradient(135deg,#fffaf1f2,#efe0bfe0);box-shadow:0 14px 40px -28px #462609d9}.app-topbar h1{font-family:Fraunces,Georgia,serif;margin:0;font-size:clamp(1.45rem,2.5vw,2.2rem)}.app-topbar p{margin:.4rem 0 0;color:#5d4531}.hud-panel{display:grid;grid-template-columns:repeat(2,auto);align-items:center;gap:.5rem}.hud-panel button,.editor-actions button,.import-btn,.tool-palette button{padding:.5rem .8rem;border-radius:10px;border:1px solid #7f5b3e;background:linear-gradient(180deg,#f7efe0,#e4ceac);color:#2f1f12;cursor:pointer}.hud-panel button:disabled{opacity:.4;cursor:default}.timer{font-variant-numeric:tabular-nums;font-weight:700;padding:.45rem .8rem;border-radius:8px;background:#fff8ea;border:1px solid #c4a685}.run-state{justify-self:end;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.run-idle,.run-playing{background:#f4e7d5}.run-failed{background:#f8d7da}.run-won{background:#d8f3dc}.ws-state{justify-self:end;padding:.35rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid rgba(96,61,32,.35)}.ws-connected{background:#d8f3dc}.ws-connecting,.ws-reconnecting{background:#f4e7d5}.ws-disconnected,.ws-error{background:#ffe3e3}.presence{justify-self:end;font-size:.78rem;color:#5d4531}.ws-banner{margin:0;padding:.65rem .8rem;border-radius:10px;background:#fff4df;border:1px solid #d0a66f;color:#5a3e1f}.app-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:1rem;flex:1}.scene-column{position:relative;min-height:420px;border-radius:16px;overflow:hidden;border:1px solid rgba(100,66,37,.35);box-shadow:0 20px 38px -28px #2c190ce6}.game-canvas-shell{width:100%;height:100%;min-height:420px}.controls-overlay{position:absolute;inset:auto .9rem .9rem .9rem;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.controls-overlay-labyrinth{justify-content:end}.joystick-wrap{display:flex;flex-direction:column;gap:.35rem;pointer-events:auto}.joystick-zone{position:relative;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffa6,#473523d1);border:2px solid rgba(255,245,227,.75);touch-action:none}.joystick-ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:2px dashed rgba(255,229,193,.58)}.joystick-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px;border-radius:50%;border:1px solid rgba(96,61,32,.75);background:radial-gradient(circle at 30% 25%,#fff8ef,#c8925a 72%);box-shadow:0 8px 14px -10px #130b05e6}.joystick-readout{display:flex;justify-content:space-between;color:#fef7e8;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:.78rem}.tilt-indicators{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .7rem;border-radius:10px;background:#faf1e4e0;color:#453122;min-width:165px;pointer-events:auto}.tilt-indicators label{display:grid;grid-template-columns:1fr;gap:.2rem;font-size:.8rem}.tilt-indicators progress{width:100%;height:.5rem}.editor-panel,.play-tips{border-radius:16px;padding:1rem;background:linear-gradient(160deg,#fef9eff7,#f0dfc1eb);border:1px solid rgba(109,73,42,.34);box-shadow:0 20px 35px -30px #3e2411e6;overflow:auto}.editor-panel h2,.play-tips h2{font-family:Fraunces,Georgia,serif;margin:0}.editor-header{display:flex;justify-content:space-between;gap:.7rem;align-items:start}.editor-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:.4rem}.editor-actions input[type=file]{display:none}.import-btn{display:inline-flex;align-items:center}.tool-palette{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.tool-palette button.active{background:linear-gradient(180deg,#e39e3f,#ce7c21);color:#fffaf1;border-color:#8a4f09}.error-banner{margin:.8rem 0 0;padding:.65rem .8rem;border-radius:10px;background:#ffe3e3;border:1px solid #dd5f5f;color:#7d2121}.editor-grid{display:grid;gap:4px;margin-top:.8rem}.tile{aspect-ratio:1 / 1;border-radius:5px;border:1px solid rgba(82,56,34,.35);min-height:24px;cursor:pointer}.tile-floor{background:#f0d8b5}.tile-wall{background:#7f4f2f}.tile-hole{background:#2a1b10}.tile-start{background:#4dabf7}.tile-goal{background:#40c057}.play-tips ul{padding-left:1.2rem}.controller-root{min-height:100vh;padding:1rem;display:flex;flex-direction:column;gap:1rem}.controller-header{border-radius:14px;background:linear-gradient(135deg,#fffaf1f2,#efe0bfe0);box-shadow:0 14px 40px -28px #462609d9;padding:1rem;display:grid;gap:.45rem}.controller-header h1{margin:0;font-family:Fraunces,Georgia,serif}.controller-header p{margin:0;color:#5d4531}.controller-card{flex:1;border-radius:16px;padding:1rem;background:linear-gradient(160deg,#fef9eff7,#f0dfc1eb);border:1px solid rgba(109,73,42,.34);box-shadow:0 20px 35px -30px #3e2411e6;display:grid;place-items:center;gap:1rem}@media(max-width:980px){.app-content{grid-template-columns:1fr}.scene-column,.game-canvas-shell{min-height:360px}.controls-overlay{inset:auto .6rem .6rem .6rem}.joystick-zone{width:118px;height:118px}}