html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0e1116;color:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game-canvas{display:block;width:100%;height:100%;outline:none}#game-canvas:focus-visible{outline:3px solid #c9ff6b;outline-offset:-3px}[hidden]{display:none!important}.presentation-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden}.loading-screen{align-content:center;gap:15px;padding:28px;background:radial-gradient(circle at 50% 42%,rgba(201,255,107,.1),transparent 26%),linear-gradient(145deg,#10151b,#07090c 72%);text-align:center;transition:opacity .42s ease,visibility .42s ease}.loading-screen:before,.title-screen:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;content:"";-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%);pointer-events:none}.loading-screen.is-complete{visibility:hidden;opacity:0;pointer-events:none}.loading-mark{position:relative;display:flex;justify-content:center;gap:7px;height:44px}.loading-mark span{width:9px;height:32px;border-radius:999px;background:#c9ff6b;box-shadow:0 0 22px #c9ff6b73;animation:loading-pulse .9s ease-in-out infinite alternate;transform:skew(-14deg)}.loading-mark span:nth-child(2){height:44px;animation-delay:-.3s}.loading-mark span:nth-child(3){animation-delay:-.6s}@keyframes loading-pulse{to{transform:translateY(10px) skew(-14deg);opacity:.35}}.loading-kicker,.title-kicker{margin:0;color:#c9ff6b;font-size:11px;font-weight:900;letter-spacing:.28em}.loading-logo-heading{z-index:1;margin:0;line-height:0}.loading-logo-heading img{display:block;width:min(560px,82vw);height:auto;filter:drop-shadow(0 14px 28px rgba(0,0,0,.52))}.loading-track{z-index:1;width:min(340px,74vw);height:3px;overflow:hidden;border-radius:999px;background:#ffffff1f}#loading-bar-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,#35c6a4,#c9ff6b);box-shadow:0 0 16px #c9ff6bb3;transition:width .26s ease}.loading-status{z-index:1;margin:0;color:#f5f7fb94;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.title-screen{place-items:stretch;background:linear-gradient(0deg,rgba(7,9,12,.88) 0%,transparent 34%),linear-gradient(90deg,rgba(7,9,12,.42),transparent 28%,transparent 72%,rgba(7,9,12,.42));transition:opacity .46s ease,transform .68s cubic-bezier(.2,.75,.2,1)}.title-screen.is-starting{opacity:0;pointer-events:none;transform:scale(1.035)}.title-lockup{z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;padding-top:clamp(22px,4vh,54px);text-align:center;filter:drop-shadow(0 14px 36px rgba(0,0,0,.45))}.title-logo-heading{position:relative;z-index:4;width:min(1120px,84vw,92vh);margin:4px 20px 0;line-height:0}.title-logo-heading img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 34px rgba(0,0,0,.58))}.title-subtitle{max-width:470px;margin:0 0 17px;color:#f5f7fbc7;font-size:clamp(14px,1.3vw,18px);font-weight:650;letter-spacing:.015em}.title-actions{position:absolute;right:0;bottom:clamp(22px,5vh,54px);left:0;display:flex;flex-direction:column;align-items:center;z-index:4}.title-kicker{position:relative;z-index:5}.start-game-button{min-width:190px;min-height:52px;padding:0 28px;border:0;border-radius:999px;background:#c9ff6b;box-shadow:0 12px 38px #c9ff6b38;font-size:14px;letter-spacing:.12em;transition:transform .15s ease,box-shadow .15s ease}.start-game-button:hover{background:#dcff9e;box-shadow:0 15px 46px #c9ff6b57;transform:translateY(-2px)}.start-hint{margin:18px 0 0;color:#f5f7fb6b;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.settings-toggle{position:fixed;top:16px;right:16px;width:44px;min-height:44px;padding:0;border-radius:50%;background:#0d1117d1;color:#f5f7fb;font-size:23px;line-height:1;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:6}.settings-toggle[aria-expanded=true]{background:#c9ff6b;color:#11151c}.hud{position:fixed;top:16px;right:16px;display:grid;gap:10px;width:min(280px,calc(100vw - 32px));padding:12px;border:1px solid rgba(245,247,251,.18);border-radius:8px;background:#0d1117bd;box-shadow:0 14px 40px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4}.settings-panel{top:68px;transform-origin:top right;animation:settings-pop .14s ease-out}@keyframes settings-pop{0%{opacity:0;transform:translateY(-5px) scale(.97)}}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:10px}#mode-pill{min-width:86px;padding:5px 8px;border-radius:999px;background:#35c6a4;color:#07110f;font-size:12px;font-weight:800;letter-spacing:0;text-align:center}.meter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meter-grid label,.file-load,.scale-control,.camera-controls label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#f5f7fbd6}.scale-control{grid-template-columns:1fr auto;align-items:center}.scale-control input{grid-column:1 / -1;width:100%}#scale-value{color:#c9ff6b;font-variant-numeric:tabular-nums}.camera-controls{display:grid;gap:7px;padding-top:8px;border-top:1px solid rgba(245,247,251,.14)}.camera-controls .hud-row{align-items:center}.camera-controls strong{font-size:12px}.camera-controls button{flex:0 0 auto;min-height:28px;padding:0 10px;font-size:12px}.camera-controls input{width:100%}meter{width:100%;height:12px}.buttons{justify-content:stretch}button{flex:1;min-height:36px;border:1px solid rgba(245,247,251,.2);border-radius:6px;background:#f5f7fb;color:#11151c;font-weight:800;cursor:pointer}button:hover{background:#c9ff6b}input[type=file]{width:100%;color:#f5f7fbc7}.avatar-message{margin:0;padding:8px;border-radius:6px;background:#ff6a4729;color:#ffd3c8;font-size:12px;line-height:1.35}.touch-controls{position:fixed;right:18px;bottom:18px;left:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease;z-index:5}body.touch-controls-visible .touch-controls,body.coarse-controls .touch-controls{opacity:1;pointer-events:auto;transform:translateY(0)}body:not([data-presentation=gameplay]) .touch-controls{opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important}.joystick-zone{position:relative;width:clamp(108px,20vw,154px);aspect-ratio:1;border:1px solid rgba(245,247,251,.24);border-radius:50%;background:radial-gradient(circle at center,rgba(245,247,251,.16) 0 26%,transparent 28%),#0d11178a;box-shadow:0 14px 36px #00000052;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joystick-knob{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:1;border-radius:50%;background:#35c6a4;box-shadow:0 7px 20px #00000057;transform:translate(-50%,-50%)}.touch-actions{display:grid;grid-template-columns:repeat(2,minmax(76px,1fr));gap:10px;max-width:min(220px,45vw)}.touch-actions button{min-height:54px;border-radius:999px;background:#f5f7fbe6}@media(max-width:560px){.title-screen{align-items:end;background:linear-gradient(0deg,rgba(7,9,12,.94) 0%,rgba(7,9,12,.34) 62%,transparent)}.title-lockup{width:100%;margin:0;padding-top:24px}.title-logo-heading{width:min(96vw,720px,92vh);margin-top:8px}.title-actions{bottom:28px}.hud{top:10px;right:10px;width:min(250px,calc(100vw - 20px));max-height:calc(100vh - 166px);overflow:auto}.settings-toggle{top:10px;right:10px}.settings-panel{top:62px}.meter-grid{grid-template-columns:1fr}.touch-controls{right:12px;bottom:12px;left:12px}.touch-actions{grid-template-columns:1fr;max-width:120px}}