:root{--sky-top:#4fc8e8;--sky-bottom:#a8e6f0;--plat-grass-top:#7ec850;--plat-grass-left:#5a9e30;--plat-grass-right:#4a8220;--plat-stone-top:#9e9e9e;--plat-stone-left:#757575;--plat-stone-right:#616161;--plat-red-top:#ef5350;--plat-red-left:#c62828;--plat-red-right:#b71c1c;--plat-dark-top:#424242;--plat-dark-left:#212121;--plat-dark-right:#1a1a1a;--char-hair:#795548;--char-skin:#ffccbc;--char-shirt:#42a5f5;--char-pants:#1565c0;--white:#fff;--white-70:#ffffffb3;--white-30:#ffffff4d;--score-text:#fff;--btn-bg:#ffffff38;--btn-border:#ffffffd9;--cloud-fill:#ffffffb8;--power-empty:#ffffff40;--power-weak:#aed581;--power-mid:#66bb6a;--power-high:#ffa726;--power-max:#ef5350;--status-ok:#69f0ae;--status-off:#ffffff59}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body.kiosk-mode,body.kiosk-mode *{cursor:none!important}body{color:var(--white);background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);font-family:Nunito,sans-serif}.app-shell{flex-direction:column;width:100%;height:100%;display:flex}.top-bar{justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.brand{letter-spacing:.5px;font-family:Fredoka One,cursive}.top-actions{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-off{background:var(--status-off)}.status-on{background:var(--status-ok);box-shadow:0 0 8px var(--status-ok)}.content-grid{flex:1;grid-template-columns:300px minmax(0,1fr) 260px;gap:12px;min-height:0;padding:0 12px 12px;display:grid}.left-panel,.right-panel{background:#ffffff24;border:1px solid #ffffff4d;border-radius:12px;padding:12px}.panel-title{opacity:.9;margin-bottom:8px;font-size:14px}.camera-box{background:#ffffff29;border-radius:10px;place-items:center;height:240px;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.camera-video,.skeleton-canvas{display:block}.camera-video{object-fit:contain;width:100%;height:auto;max-height:100%;position:relative;transform:scaleX(-1)}.skeleton-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camera-message{background:#0a0a14a6;border-radius:6px;padding:4px 6px;font-size:11px;position:absolute;bottom:8px;left:8px;right:8px}.power-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.power-bar{background:var(--power-empty);border-radius:10px;width:240px;max-width:100%;height:20px;position:relative;overflow:hidden}.power-fill{background:var(--power-weak);border-radius:10px;width:0%;height:100%;transition:width 50ms linear}.zone-marker{background:#fff6;width:2px;position:absolute;top:0;bottom:0}.marker-40{left:40%}.marker-80{left:80%}.power-label{min-width:62px;font-size:12px;font-weight:700}.help-box{gap:4px;font-size:12px;display:grid}kbd{background:#fff3;border:1px solid #ffffff80;border-radius:5px;padding:1px 6px;font-family:DM Mono,monospace;font-size:11px}.game-stage{transform-origin:50%;background:#ffffff14;border:1px solid #ffffff3d;border-radius:12px;min-width:0;min-height:0;transition:transform .22s;position:relative;overflow:hidden}#gameCanvas{width:100%;height:100%;display:block}.floating-power{pointer-events:none;opacity:0;background:#0000004d;border:1px solid #ffffff59;border-radius:6px;width:140px;height:18px;transition:opacity .3s;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000040}.floating-power.active{opacity:1}.floating-power-fill{background:#66bb6a;width:0%;height:100%}.floating-power-label{display:none}.score-title{opacity:.9;font-size:14px}.score-value{text-shadow:0 2px 8px #00000040;font-family:Fredoka One,cursive;font-size:clamp(48px,6vw,72px);line-height:1}.best-row{margin:8px 0 12px}.ghost-btn{background:var(--btn-bg);color:var(--white);border:2px solid var(--btn-border);cursor:pointer;border-radius:16px;padding:8px 12px;font-family:Nunito,sans-serif;font-weight:700}.ghost-btn:active{transform:scale(.95)}.debug-panel{background:#0a0a14d9;border:1px solid #ffffff26;border-radius:12px;width:220px;padding:12px;font-family:DM Mono,monospace;font-size:11px;position:fixed;bottom:16px;right:16px}.debug-title{margin-bottom:8px}.debug-grid{gap:6px;display:grid}.debug-grid input[type=range]{accent-color:#c8ff00;width:100%}.track-mode-btn{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:4px;padding:3px 9px;font-size:11px;font-weight:700;transition:background .15s,color .15s}.track-mode-btn.active{color:#fff;background:#ff6b35;border-color:#ff6b35}.hidden{display:none}.tutorial-overlay{z-index:50;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tutorial-overlay.hidden{display:none}.tutorial-card{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3;border:2px solid #ffffffb3;border-radius:16px;width:min(560px,96vw);padding:20px}.tutorial-svg-wrap{margin-bottom:10px}.tutorial-svg{color:#fff;width:100%;height:auto}.tutorial-frame{opacity:0;animation:3.6s infinite tutorial-frames}.tutorial-frame text{fill:#fff;font-family:Nunito,sans-serif;font-size:20px;font-weight:700}.tutorial-frame.frame-2{animation-delay:1.2s}.tutorial-frame.frame-3{animation-delay:2.4s}.tutorial-title{text-transform:uppercase;text-shadow:0 2px 8px #00000040;font-family:Fredoka One,cursive;font-size:clamp(22px,3.4vw,34px)}.tutorial-subtitle{opacity:.95;margin-top:8px;font-size:13px}@keyframes tutorial-frames{0%{opacity:0;transform:scale(.95)}10%,26%{opacity:1;transform:scale(1)}33%,to{opacity:0;transform:scale(.95)}}.game-over-overlay{z-index:45;background:#0000007a;place-items:center;display:grid;position:fixed;inset:0}.game-over-overlay.hidden{display:none}.game-over-card{text-align:center;background:#0a0a14c7;border:1px solid #ffffff47;border-radius:16px;width:min(420px,92vw);padding:18px}.game-over-title{font-family:Fredoka One,cursive;font-size:42px}.game-over-stats{margin:8px 0 10px;font-size:20px;font-weight:700}.game-over-leader{text-align:left;margin:8px 0 14px}.leader-title{margin-bottom:6px;font-weight:700}#sessionTop5{margin:0;padding-left:20px}.game-over-actions{justify-content:center;gap:10px;display:flex}.attract-overlay{z-index:44;background:#00000061;place-items:center;display:grid;position:fixed;inset:0}.attract-overlay.hidden{display:none}.attract-card{text-align:center;background:#0a0a147a;border:1px solid #ffffff73;border-radius:18px;padding:24px 30px}.attract-brand{opacity:.9;font-size:14px}.attract-title{margin:8px 0;font-family:Fredoka One,cursive;font-size:clamp(44px,7vw,76px);line-height:1}.attract-subtitle{font-size:16px}@media (width<=1919px){.content-grid{grid-template-columns:220px minmax(0,1fr)}.right-panel{display:none}}@media (width<=1279px){.content-grid{grid-template-columns:minmax(0,1fr)}.left-panel{display:none}}