:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef7f5;background:#101411;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(94,168,144,.18),transparent 34%),linear-gradient(135deg,#111612,#161915 44%,#1b211e)}.game-stage{position:relative;min-height:100vh;overflow:hidden}#game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:20px;left:20px;right:20px;display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:12px;max-width:520px}.metric,.status-pill,.center-panel,.camera-card,.calibrate-button,.control-grid,.powerup-grid,.fallback-note{border:1px solid rgba(238,247,245,.16);background:#0f1412b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #00000042}.metric{display:grid;gap:2px;padding:12px 14px;border-radius:8px}.metric span,.control-grid span,.fallback-note span{color:#eef7f5ad;font-size:12px}.metric strong{font-size:26px;line-height:1}.center-panel{position:absolute;left:50%;top:50%;width:min(460px,calc(100% - 40px));transform:translate(-50%,-50%);border-radius:8px;padding:28px;text-align:center}.center-panel.is-hidden{display:none}.center-panel h1{margin:0 0 10px;font-size:clamp(30px,5vw,58px);line-height:.95;letter-spacing:0}.center-panel p{margin:0 0 22px;color:#eef7f5b8;line-height:1.6}.center-panel button{min-height:44px;border:0;border-radius:8px;padding:0 18px;color:#07120f;background:#8ff0bd;font-weight:800;cursor:pointer}.center-panel button:hover{background:#a7ffd0}.status-pill{position:absolute;left:20px;bottom:20px;max-width:calc(100% - 40px);border-radius:999px;padding:9px 13px;color:#eef7f5c7;font-size:13px}.side-panel{display:grid;align-content:start;gap:14px;min-height:100vh;padding:20px;border-left:1px solid rgba(238,247,245,.1);background:#0a0e0ca3}.camera-card{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:8px}.calibrate-button{min-height:42px;border-radius:8px;color:#eef7f5;cursor:pointer;font-weight:800}.calibrate-button:hover{border-color:#8ff0bd75;background:#8ff0bd1f}#camera-video,#face-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#face-canvas{pointer-events:none}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border-radius:8px}.control-grid div{display:grid;gap:6px;min-height:78px;padding:14px;background:#eef7f50a}.control-grid div:last-child:nth-child(odd){grid-column:1 / -1;min-height:64px}.control-grid strong{font-size:18px}.powerup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border-radius:8px}.powerup-grid div{display:flex;align-items:center;gap:9px;min-height:46px;padding:11px 12px;background:#eef7f50a;color:#eef7f5d6;font-size:13px;font-weight:700}.swatch{width:14px;height:14px;border-radius:50%;box-shadow:0 0 18px currentColor;flex:0 0 auto}.swatch.boost{color:#8ff0bd;background:#8ff0bd}.swatch.mud{color:#9b765d;background:#9b765d}.swatch.rocket{color:#ff5d4d;background:#ff5d4d}.swatch.jump{color:#62b6ff;background:#62b6ff}.fallback-note{display:grid;gap:8px;border-radius:8px;padding:14px;line-height:1.45}@media(max-width:820px){body{overflow:auto}.app-shell{grid-template-columns:1fr}.game-stage{min-height:68vh}.side-panel{min-height:auto;border-left:0;border-top:1px solid rgba(238,247,245,.1)}.hud{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{min-width:0;padding:10px}.metric strong{font-size:21px}}