:root{--bg:#07091b;--panel:#10142c;--ink:#fff;--muted:#9ba3bf;--pink:#ff3c9b;--purple:#774bff;--mint:#67ffd2;--gold:#ffc84a}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Inter,ui-rounded,system-ui,-apple-system,sans-serif;color:#fff;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:2px}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;background:#090b22;touch-action:none}.screen{position:fixed;inset:0;z-index:20;display:none;padding:max(28px,env(safe-area-inset-top)) 28px max(28px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(4,6,20,.4),rgba(5,6,18,.93));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.screen.active{display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;letter-spacing:.08em}.brand b{font-size:31px}.brand small{display:block;font-size:10px;letter-spacing:.32em;color:#ff8ac5}.brand.small b{font-size:25px}.pinMark{display:grid;place-items:center;width:52px;height:64px;border:3px solid white;border-radius:48% 48% 40% 40%;font-size:20px;background:linear-gradient(#fff,#ffd2ef);color:#16192d;box-shadow:0 0 35px #ff3c9b66}.bootCopy{margin:auto 0 20px;max-width:620px}.bootCopy p,.panelHead small,.menuCard small{color:#ff79ba;font-weight:800;letter-spacing:.26em}.bootCopy h1{font-size:clamp(44px,12vw,82px);line-height:.9;margin:18px 0}.bootCopy span{color:#c6cadc;font-size:17px}.primary,.secondary,.ghost{border:0;border-radius:24px;padding:20px 24px;font-weight:900;letter-spacing:.08em;margin-top:12px;min-height:64px}.primary{color:white;background:linear-gradient(100deg,#ff2f8e,#824fff);box-shadow:0 12px 34px #ff2f8e33}.secondary{background:#151930;color:white;border:1px solid #414966}.ghost{background:transparent;color:#8e96ae;border:1px solid #242a44}.hidden{display:none!important}.bootHint{text-align:center;color:#69708c;font-size:10px;letter-spacing:.2em;margin-top:18px}.panelScreen{background:linear-gradient(180deg,#090c22 0%,#11142b 55%,#080a1d 100%)}.panelHead{display:flex;justify-content:space-between;align-items:center}.panelHead h2{font-size:34px;margin:5px 0 15px}.iconBtn{width:50px;height:50px;border-radius:16px;background:#171b37;color:white;border:1px solid #444b69;font-size:32px}.creatorPreview{height:340px;border-radius:28px;background:radial-gradient(circle at 50% 90%,#ff4db755,#071226 55%);border:1px solid #3f4668;position:relative;overflow:hidden;margin:8px 0 14px}.creatorPreview canvas{width:100%;height:100%;display:block}.creatorPreview span{position:absolute;left:18px;bottom:14px;color:#c9cce0;font-size:10px;letter-spacing:.22em}.heroTabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.heroTab{padding:14px;border-radius:18px;background:#171a33;border:1px solid #353b5c;color:white;font-weight:900}.heroTab.active{border-color:#ff5fb1;box-shadow:inset 0 0 0 1px #ff5fb1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.grid2 label{color:#8f97b3;font-size:11px;letter-spacing:.12em}.grid2 input,.grid2 select{width:100%;margin-top:7px;padding:14px;border-radius:14px;border:1px solid #343a58;background:#15182c;color:#fff}.saveStatus{font-size:12px;color:#7effc9;margin:12px 4px}.menuCard{margin:auto 0 20px;padding:24px;border:1px solid #414966;border-radius:28px;background:#11162dcc;backdrop-filter:blur(12px)}.menuCard h2{font-size:42px;margin:10px 0}.menuCard p{color:#c3c8dc;line-height:1.5}.hud{position:fixed;inset:0;z-index:15;pointer-events:none;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));}.hudTop{display:flex;justify-content:space-between;gap:14px;text-shadow:0 2px 10px #000}.hudTop small{display:block;color:#68ffd3;font-size:10px;letter-spacing:.2em}.hudTop b{font-size:13px}.money{font-weight:900;color:#ffd15c}.wanted{position:absolute;right:18px;top:74px;color:#ffd15c;letter-spacing:.1em}.health{position:absolute;left:18px;top:74px;width:140px;height:8px;background:#242a45;border-radius:10px;overflow:hidden}.health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#67ffd2,#ffea72)}.hudBtn{pointer-events:auto;position:absolute;right:18px;top:104px;width:50px;height:50px;border-radius:16px;border:1px solid #ffffff33;background:#11162dcc;color:white;font-weight:900}.controls{position:absolute;left:0;right:0;bottom:max(22px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;padding:0 18px;pointer-events:none}.stick{pointer-events:auto;width:126px;height:126px;border-radius:50%;border:2px solid #ffffff33;background:#12162c99;position:relative;touch-action:none}.stick i{position:absolute;width:56px;height:56px;border-radius:50%;left:33px;top:33px;background:#ffffffdd;box-shadow:0 8px 25px #0005}.actions{display:grid;grid-template-columns:64px 64px;gap:10px;pointer-events:auto}.actions button{height:64px;border-radius:50%;border:1px solid #ffffff44;background:#141931dd;color:white;font-weight:900;font-size:22px}.actions #actionBtn{grid-row:1/3;height:138px;border-radius:32px;background:linear-gradient(#ff3c9b,#7a4bff)}.cinematic{position:fixed;inset:0;z-index:18;pointer-events:none}.bars{position:absolute;left:0;right:0;height:9vh;background:#03040d;transition:transform .5s}.bars.top{top:0}.bars.bottom{bottom:0}.caption{position:absolute;left:24px;right:24px;bottom:13vh;text-align:center;font-weight:800;text-shadow:0 3px 12px #000;min-height:40px}.cinematic button{pointer-events:auto;position:absolute;right:18px;top:max(18px,env(safe-area-inset-top));border:1px solid #fff5;background:#1118;color:white;border-radius:14px;padding:10px 14px}.transition{position:fixed;inset:0;z-index:50;pointer-events:none;display:grid;place-items:center;opacity:0;transition:opacity .15s}.transition.show{opacity:1}.transition .iris{position:absolute;inset:-20%;background:#07091b;clip-path:circle(0% at 50% 50%);transition:clip-path .5s cubic-bezier(.65,0,.35,1)}.transition.close .iris{clip-path:circle(150% at 50% 50%)}.transition b{position:relative;letter-spacing:.35em;opacity:0;transition:opacity .25s}.transition.show b{opacity:1}#toast{position:fixed;z-index:60;left:50%;bottom:160px;transform:translateX(-50%) translateY(15px);opacity:0;background:#11162eee;border:1px solid #424a6d;border-radius:16px;padding:11px 16px;font-size:12px;transition:.25s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(min-width:800px){.screen{padding-left:max(40px,calc((100vw - 720px)/2));padding-right:max(40px,calc((100vw - 720px)/2))}.grid2{grid-template-columns:repeat(3,1fr)}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.transition .iris{transition:none}}