:root{--sky-top:#bfe9ff;--sky-bottom:#ffd9ec;--accent:#ff6fa5;--accent-dark:#e85590;--ice:#6fd8ff;--ice-dark:#2fb6ea;--fire:#ffb547;--fire-dark:#ff8a3d;--sun:#ffd166;--ink:#4a3b63;--card:#fffdf9;--card-border:#fff}@media (prefers-color-scheme:dark){:root{--ink:#f3eaff;--card:#2a2440;--card-border:#3e3560}}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#000;margin:0;padding:0;font-family:Segoe UI,Segoe UI Emoji,Verdana,sans-serif;overflow:hidden}.display{font-family:Segoe UI Rounded,"Baloo 2",Trebuchet MS,Verdana,sans-serif}#app{position:fixed;inset:0}#gl{outline:none;display:block;position:absolute;inset:0}#ui-root,#level-select-root{pointer-events:none;position:absolute;inset:0}#ui-root .interactive,#level-select-root .interactive{pointer-events:auto}button{cursor:pointer;font-family:inherit}.chip{background:var(--card);border:3px solid var(--card-border);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-weight:700;display:flex;box-shadow:0 6px #00000014,0 10px 18px #4a3b632e}.hidden{display:none!important}.overlay{box-sizing:border-box;background:radial-gradient(#bfe9ff8c 0%,#4a3b63bf 100%);justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0;overflow:auto}.panel{background:var(--card);border:4px solid var(--card-border);text-align:center;border-radius:28px;max-width:520px;padding:32px 40px;box-shadow:0 10px #0000001a,0 20px 40px #4a3b6359}.start-panel{box-sizing:border-box;width:min(520px,100%);max-height:calc(100vh - 24px);padding:18px 22px 16px;overflow-y:auto}.start-panel h1{margin:0 0 2px;font-size:clamp(22px,4vw,28px)}.start-panel .subtitle{margin:0 0 12px;font-size:14px}.start-options{text-align:left;grid-template-columns:1fr;gap:8px;margin-bottom:12px;display:grid}@media (width>=480px){.start-options{grid-template-columns:1fr 1fr 1fr;gap:10px}}.start-option-block .outfit-label{margin:0 0 6px;font-size:12px}.start-option-block .outfit-row,.start-option-block .model-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:0}.start-option-block .model-swatch,.start-option-block .difficulty-swatch{min-width:0;padding:6px 10px;font-size:12px;line-height:1.2}.start-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:4px;display:flex}.start-actions .big-button{margin-bottom:8px;padding:10px 22px;font-size:18px}.controls-one-liner{opacity:.7;margin:6px 0 8px;font-size:12px;line-height:1.35}.panel h1{color:var(--accent-dark);margin:0 0 4px;font-size:32px}.panel h2{color:var(--accent-dark);margin:0 0 12px}.panel .subtitle{opacity:.75;margin:0 0 18px}.outfit-label{opacity:.8;margin:0 0 8px;font-size:13px;font-weight:700}.outfit-row{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.outfit-swatch{border:3px solid var(--card-border);cursor:pointer;border-radius:50%;width:36px;height:36px;transition:transform .15s;box-shadow:0 3px #00000026}.outfit-swatch:hover{transform:scale(1.1)}.outfit-swatch.selected{border-color:var(--sun);box-shadow:0 0 0 3px var(--sun), 0 3px 0 #00000026}.outfit-swatch.locked{filter:grayscale();opacity:.45;position:relative}.outfit-swatch.locked:after{content:"🔒";justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.lock-msg{color:var(--accent-dark);min-height:16px;margin:-8px 0 10px;font-size:12px;font-weight:700}.model-row{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.model-swatch{background:var(--card);border:3px solid var(--card-border);cursor:pointer;color:var(--ink);text-align:center;border-radius:16px;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.6;transition:transform .15s;box-shadow:0 3px #00000026}.model-swatch:hover{transform:scale(1.05)}.model-swatch.selected{border-color:var(--sun);box-shadow:0 0 0 3px var(--sun), 0 3px 0 #00000026}.difficulty-swatch{background:var(--card);border:3px solid var(--card-border);cursor:pointer;color:var(--ink);text-align:center;border-radius:16px;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.6;transition:transform .15s;box-shadow:0 3px #00000026}.difficulty-swatch:hover{transform:scale(1.05)}.difficulty-swatch.selected{border-color:var(--sun);box-shadow:0 0 0 3px var(--sun), 0 3px 0 #00000026}.health-chip{gap:6px}.health-bar-track{background:#00000026;border-radius:999px;width:60px;height:10px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg,#ff8aa8,#ff4d6d);border-radius:999px;width:100%;height:100%;transition:width .3s}#healthPercentText{font-size:12px}#damageFlash{pointer-events:none;opacity:0;background:radial-gradient(#f000 40%,#c800148c 100%);position:absolute;inset:0}#damageFlash.flash-active{animation:.6s ease-out damageFlashPulse}@keyframes damageFlashPulse{0%{opacity:1}to{opacity:0}}.big-button{color:#fff;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%);border:none;border-radius:999px;margin-bottom:18px;padding:14px 42px;font-size:22px;font-weight:800;box-shadow:0 6px #0000002e}.big-button:active{transform:translateY(4px);box-shadow:0 2px #0000002e}.coop-panel{text-align:left;background:#ffffff59;border:2px dashed #ffb6d98c;border-radius:16px;margin:4px 0 8px;padding:10px}a.big-button{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.coop-input{box-sizing:border-box;letter-spacing:.04em;border:2px solid #f3b0d0;border-radius:12px;flex:1;min-width:0;margin:0;padding:8px 10px;font-family:inherit;font-size:15px}.coop-row,.coop-join-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.coop-join-row{margin-bottom:4px}.coop-panel .big-button{margin-bottom:0;padding:8px 16px;font-size:15px}.coop-status{color:#6b4a72;white-space:pre-wrap;word-break:break-word;min-height:1em;margin:4px 0 0;font-size:12px}.coop-lobby{background:#ffffff73;border-radius:12px;margin:6px 0 4px;padding:8px 10px}.coop-lobby-count{color:#6b4a72;margin:0 0 4px;font-size:13px;font-weight:700}.coop-lobby-list{color:#5a3d62;flex-direction:column;gap:2px;margin-bottom:8px;font-size:13px;display:flex}.coop-lobby-row{line-height:1.35}#coopStartMatchButton:disabled{opacity:.55;cursor:not-allowed}.big-button.secondary-button{background:linear-gradient(#7ec8ff 0%,#4aa3e0 100%);padding:12px 28px;font-size:18px}.level-complete-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.controls-grid{text-align:left;grid-template-columns:1fr 1fr 1fr;gap:6px 14px;margin-bottom:18px;font-size:13px;display:grid}.touch-only-hint{opacity:.8;margin:0 0 18px;font-size:13px;display:none}@media (pointer:coarse),(width<=900px){.kbd-only{display:none}.touch-only-hint{display:block}}.sound-toggle{background:var(--card);border:2px solid var(--card-border);color:var(--ink);border-radius:999px;padding:8px 16px;font-weight:700}.hud-chip{font-size:15px;position:absolute}.coop-scoreboard{border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;font-size:13px}.coop-score-row{white-space:nowrap}#hud{position:absolute;inset:0}.reticle{pointer-events:none;z-index:5;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.reticle:before{content:"";border:2px solid #fffc;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 4px #00000073}.reticle-arm,.reticle-dot{display:none}.reticle.fp{width:36px;height:36px;margin:-18px 0 0 -18px}.reticle.fp:before{display:none}.reticle.fp .reticle-arm{background:#fffcf5f2;border-radius:1px;display:block;position:absolute;box-shadow:0 0 3px #0000008c,0 0 8px #ffb6d959}.reticle.fp .reticle-n,.reticle.fp .reticle-s{width:2px;height:9px;margin-left:-1px;left:50%}.reticle.fp .reticle-n{top:0}.reticle.fp .reticle-s{bottom:0}.reticle.fp .reticle-e,.reticle.fp .reticle-w{width:9px;height:2px;margin-top:-1px;top:50%}.reticle.fp .reticle-e{right:0}.reticle.fp .reticle-w{left:0}.reticle.fp .reticle-dot{background:#ffe08a;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;display:block;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #4a3b638c,0 0 6px #ffd166e6}#victoryBanner{pointer-events:none}.victory-text{color:#fff;text-align:center;text-shadow:0 4px #00000040,0 0 30px #ffd166cc;font-size:44px;font-weight:800;animation:.5s ease-out victoryPop}@keyframes victoryPop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.mission-panel{flex-direction:column;align-items:flex-start;gap:4px;max-width:260px;padding:10px 16px;font-size:12px}.mission-row{opacity:.9}.mission-row.done{opacity:.6;text-decoration:line-through}.level-complete-stars{letter-spacing:4px;margin-bottom:18px;font-size:40px}.level-panel{max-width:640px}.level-progress-summary{opacity:.85;margin:-6px 0 14px;font-size:14px;font-weight:700}.level-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:8px;display:grid}.level-node{background:var(--card);border:3px solid var(--card-border);cursor:pointer;color:var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;font-family:inherit;transition:transform .15s;display:flex;box-shadow:0 5px #0000001a,0 8px 14px #4a3b6333}.level-node:hover{transform:translateY(-2px)}.level-node.locked{opacity:.55}.level-icon{font-size:30px}.level-name{text-align:center;font-size:11px;font-weight:700}.level-desc{opacity:.75;text-align:center;font-size:9px;font-weight:400;line-height:1.25}.level-stars{font-size:11px}.level-toast{color:var(--accent-dark);min-height:18px;font-size:13px;font-weight:700}.tip-banner{z-index:30;background:var(--card);border:3px solid var(--card-border);text-align:center;border-radius:22px;max-width:min(420px,92vw);padding:18px 22px 14px;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.tip-banner p{margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.35}.tip-next{margin-bottom:0;padding:10px 28px;font-size:18px}.spectate-banner{z-index:28;text-align:center;color:#fff;pointer-events:none;background:#2a2440e0;border:2px solid #ffb6d98c;border-radius:18px;max-width:min(440px,92vw);padding:14px 20px;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.spectate-banner p{margin:0;font-size:17px;font-weight:700;line-height:1.35}.spectate-banner-sub{opacity:.9;margin-top:6px!important;font-size:13px!important;font-weight:500!important}.revive-pick-panel{max-width:min(420px,92vw)}.revive-pick-hint{margin:0 0 12px;font-size:15px}.revive-pick-buttons{flex-direction:column;gap:8px;display:flex}.revive-pick-buttons .big-button{margin:0}.danger-toggle{color:#b33;border-color:#f3b0b0;margin:8px 0 12px}.touch-controls{z-index:15;pointer-events:none;touch-action:none;position:absolute;inset:0}.touch-stick{pointer-events:auto;background:#ffffff38;border:3px solid #ffffff8c;border-radius:50%;width:110px;height:110px;position:absolute;bottom:28px;left:24px}.touch-stick-knob{background:#ff6fa5e6;border:2px solid #fff;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.touch-look-zone{pointer-events:auto;width:48%;height:70%;position:absolute;top:0;right:0}.touch-actions{pointer-events:auto;grid-template-columns:repeat(2,58px);gap:10px;display:grid;position:absolute;bottom:24px;right:18px}.touch-btn{color:#fff;background:#4a3b63b8;border:2px solid #fff;border-radius:50%;width:58px;height:58px;font-size:18px;font-weight:800;box-shadow:0 4px #0003}.touch-btn-cast{background:#ff6fa5e6;border-radius:18px;grid-column:span 2;width:100%}@media (pointer:fine) and (width>=901px){.touch-controls{display:none}}