:root{--pink:#ff3d9f;--purple:#7c47ff;--mint:#79f2d0;--ink:#08091b;--panel:#10142d;--white:#fff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#fff;font-family:Inter,ui-rounded,system-ui,-apple-system,sans-serif;touch-action:none}button,input,select{font:inherit}.screen{position:fixed;inset:0;background:#08091b}.screen[hidden],.modal[hidden]{display:none!important}canvas{display:block;width:100%;height:100%}#boot{overflow:hidden}.brand{position:absolute;left:max(28px,env(safe-area-inset-left));top:max(58px,calc(env(safe-area-inset-top) + 22px));text-shadow:0 6px 24px #000}.brand h1{font-size:clamp(44px,11vw,82px);line-height:.85;margin:10px 0 8px;letter-spacing:-.06em}.brand p{font-size:13px;letter-spacing:.35em;font-weight:900}.eyebrow{color:#ff76bd;letter-spacing:.32em;font-size:12px;font-weight:900}.boot-actions{position:absolute;left:28px;right:28px;bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px));display:grid;gap:12px}.primary{border:0;border-radius:24px;background:linear-gradient(100deg,#ff328f,#8549ff);color:#fff;font-weight:1000;letter-spacing:.08em;min-height:68px;padding:0 24px;box-shadow:0 16px 50px #a7257a55}.status{text-align:center;font-size:11px;letter-spacing:.22em;color:#b8bdd9}.panel-screen{overflow:auto;padding:calc(env(safe-area-inset-top) + 28px) 24px calc(env(safe-area-inset-bottom) + 36px);touch-action:pan-y;background:linear-gradient(#090b20,#10142d)}header{display:flex;align-items:start;justify-content:space-between}h2{font-size:44px;line-height:.95;margin:12px 0 28px}.icon,.pause,.skip{border:1px solid #ffffff33;background:#10142dcc;color:#fff;border-radius:20px}.icon{font-size:44px;width:70px;height:70px}.creator-stage{height:360px;border:1px solid #ffffff26;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#5b246d,#0d1130 64%);position:relative}.creator-stage span{position:absolute;left:20px;bottom:16px;font-size:10px;letter-spacing:.3em;color:#d9dbec}.hero-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.hero-tabs button,.form-grid input,.form-grid select{border:1px solid #ffffff27;background:#12162f;color:#fff;border-radius:22px;min-height:64px;padding:0 18px}.hero-tabs button{font-weight:1000}.hero-tabs .selected{border:3px solid #ff5ab0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:8px;color:#aeb4cf;letter-spacing:.1em}.form-grid input,.form-grid select{width:100%;font-size:16px}.save-status{margin:20px 4px;color:#75efc8}.wide{width:100%}#cinematic{background:#000}.skip{position:absolute;right:22px;top:calc(env(safe-area-inset-top) + 20px);padding:14px 22px;z-index:4}.caption{position:absolute;left:20px;right:20px;bottom:calc(env(safe-area-inset-bottom) + 24px);text-align:center;font-weight:900;font-size:24px;text-shadow:0 3px 10px #000}.hud{position:absolute;z-index:3}.top-left{left:22px;top:calc(env(safe-area-inset-top) + 18px);max-width:62vw}.top-left strong{display:block;font-size:20px;margin-top:8px}.top-right{right:22px;top:calc(env(safe-area-inset-top) + 18px);text-align:right}.top-right strong{color:#ffd25c;font-size:30px}.top-right #wanted{color:#ffd25c;font-size:30px}.bar{width:230px;height:12px;background:#ffffff22;border-radius:10px;margin-top:16px;overflow:hidden}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#72efcf,#eff471)}.pause{width:62px;height:62px;font-size:24px;margin-top:12px}.joystick{position:absolute;left:28px;bottom:calc(env(safe-area-inset-bottom) + 32px);width:145px;height:145px;border:3px solid #ffffff25;border-radius:50%;background:#ffffff0b}.joystick #stick{position:absolute;width:60px;height:60px;left:40px;top:40px;border-radius:50%;background:#fff9}.actions{position:absolute;right:24px;bottom:calc(env(safe-area-inset-bottom) + 32px);width:170px;height:210px}.actions button{position:absolute;border:2px solid #ffffff28;background:#11152fc9;color:#fff;border-radius:50%;width:72px;height:72px;font-size:28px}.actions .action-main{width:92px;height:126px;border-radius:44px;left:0;bottom:0;background:linear-gradient(#ff409f,#7745ff);font-weight:1000}.actions #boostBtn{right:0;top:0}.actions #fireBtn{right:0;bottom:0}.hint{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 12px);font-size:11px;letter-spacing:.08em;background:#090b20bb;border:1px solid #ffffff20;padding:8px 12px;border-radius:999px;white-space:nowrap}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#050612dd;z-index:20;padding:26px}.modal>div{width:min(430px,100%);background:#11152f;border:1px solid #ffffff2e;border-radius:30px;padding:30px;display:grid;gap:14px}.modal button:not(.primary){min-height:56px;border-radius:18px;border:1px solid #ffffff2b;background:#1a1f3b;color:#fff}@media(max-width:420px){.form-grid{grid-template-columns:1fr}.creator-stage{height:300px}h2{font-size:38px}}