:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10152f;--ink:#fff;--muted:#ffffffb8;--panel:#ffffff24;--panel-strong:#ffffff38;--line:#ffffff2e;--blue:#53d6ff;--pink:#ff73bd;--green:#61f0a4;--purple:#a989ff;background:var(--bg);overscroll-behavior:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--bg);letter-spacing:0;width:100%;height:100%;min-height:100dvh;margin:0;padding:0;font-family:ui-rounded,Avenir Next Rounded,Trebuchet MS,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}body{width:100vw;height:100dvh}button,canvas,input,textarea,select{font:inherit;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.app-root{width:100dvw;height:100dvh;color:var(--ink);background:radial-gradient(circle at 18% 12%,#53d6ff52,#0000 30%),radial-gradient(circle at 86% 22%,#ff73bd47,#0000 28%),linear-gradient(#18205a 0%,#10152f 54%,#0a1026 100%);overflow:hidden}.screen{width:100%;height:100%;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex;overflow:hidden}.parent-scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}.splash{text-align:center;justify-content:center;align-items:center}.brand-mark{aspect-ratio:1;background:conic-gradient(from 210deg,#53d6ff,#61f0a4,#ffd257,#ff73bd,#a989ff,#53d6ff);border-radius:34%;place-items:center;width:min(50vw,210px);font-size:clamp(64px,18vw,108px);display:grid;box-shadow:0 28px 80px #00000057,inset 0 0 0 12px #fff3}.screen-title{letter-spacing:0;margin:0;font-size:clamp(28px,9vw,48px);font-weight:1000;line-height:.95}.screen-subtitle{color:var(--muted);margin:0;font-size:15px;font-weight:850}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.title-stack{gap:4px;display:grid}.icon-button,.big-button,.pill-button{color:#fff;background:var(--panel);border:0;border:1px solid var(--line);box-shadow:0 14px 38px #00000038,inset 0 1px #ffffff2e}.icon-button{border-radius:24px;flex:none;place-items:center;width:72px;height:72px;font-size:30px;display:grid}.icon-button.small{border-radius:18px;width:56px;height:56px;font-size:22px}.big-button{border-radius:28px;grid-template-columns:auto auto;place-items:center;gap:14px;width:100%;min-height:96px;padding:12px 22px;font-size:24px;font-weight:1000;display:grid}.big-button .button-icon{font-size:42px}.pill-button{border-radius:999px;min-height:58px;padding:0 22px;font-weight:1000}.profile-grid{flex:1;grid-template-columns:1fr;gap:16px;min-height:0;display:grid}.profile-card{color:#fff;background:linear-gradient(145deg, #ffffff42, #ffffff14), var(--theme);border:1px solid #ffffff29;border-radius:32px;grid-template-columns:44% 1fr;align-items:center;gap:12px;min-height:0;padding:18px;display:grid;box-shadow:0 22px 60px #00000047,inset 0 1px #ffffff38}.profile-card.selected{outline:6px solid #ffffffb8}.hero-preview{place-items:end center;height:100%;min-height:150px;display:grid}.hero-preview img,.hero-preview .fallback-hero,.option-card img,.ready-hero,.locker-hero img{object-fit:contain;filter:drop-shadow(0 18px 22px #00000047);max-width:100%;max-height:100%}.fallback-hero{background:linear-gradient(160deg, var(--theme), #ffffff61);border-radius:48% 48% 38% 38%;width:min(30vw,116px);height:min(46vw,176px);position:relative}.fallback-hero:before{content:"";aspect-ratio:1;background:#ffd8bc;border-radius:50%;width:62%;position:absolute;top:-20%;left:19%;box-shadow:inset 0 12px #2c2b44}.profile-meta{text-align:left;gap:8px;display:grid}.profile-name{font-size:clamp(28px,9vw,46px);font-weight:1000;line-height:.96}.score-chip{background:#0000003d;border-radius:999px;justify-self:start;padding:10px 14px;font-weight:1000}.hub-stage,.make-hero-stage,.avatar-stage,.result-stage,.locker-stage{flex:1;align-content:stretch;gap:16px;min-height:0;display:grid}.hero-showcase{border:1px solid var(--line);background:linear-gradient(#ffffff29,#ffffff0f);border-radius:34px;place-items:end center;min-height:0;padding:14px 14px 0;display:grid;overflow:hidden}.hero-showcase img,.ready-hero{height:min(48vh,390px)}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.button-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.gate-panel,.capture-panel,.crop-panel,.option-panel,.parent-panel{border:1px solid var(--line);background:#ffffff24;border-radius:32px;padding:18px;box-shadow:0 18px 52px #00000038}.pin-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pin-button{border:1px solid var(--line);color:#fff;background:#ffffff2e;border-radius:24px;min-height:72px;font-size:28px;font-weight:1000}.pin-dots{justify-content:center;gap:12px;padding:16px 0 20px;display:flex}.pin-dot{background:#ffffff47;border-radius:50%;width:18px;height:18px}.pin-dot.on{background:#fff}.hidden-input{display:none}.crop-preview{object-fit:contain;background:#00000038;border-radius:26px;width:100%;max-height:48vh}.option-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:12px;min-height:0;display:grid}.option-card{background:#ffffff24;border:3px solid #0000;border-radius:28px;place-items:end center;min-height:0;padding:10px;display:grid;overflow:hidden}.option-card.selected{background:#ffd2572e;border-color:#ffd257}.progress-orbit{border:12px solid #ffffff2e;border-top-color:#53d6ff;border-radius:50%;width:144px;height:144px;margin:auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.game-screen{background:#10152f;padding:0}.game-canvas{touch-action:none;width:100dvw;height:100dvh;display:block}.game-hud{inset:calc(10px + env(safe-area-inset-top)) 12px auto;z-index:4;pointer-events:none;justify-content:space-between;display:flex;position:fixed}.hud-chip{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05081894;border:1px solid #ffffff24;border-radius:22px;min-width:78px;padding:10px 12px;font-weight:1000}.result-card{border:1px solid var(--line);text-align:center;background:#ffffff24;border-radius:34px;align-content:center;gap:12px;padding:18px;display:grid}.result-score{font-size:clamp(58px,20vw,96px);font-weight:1000;line-height:.9}.locker-hero{border:1px solid var(--line);background:#ffffff1f;border-radius:34px;place-items:end center;min-height:0;padding:12px 12px 0;display:grid;overflow:hidden}.unlock-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.unlock-tile{color:#fff;background:#ffffff21;border:2px solid #0000;border-radius:22px;min-height:72px;font-weight:1000}.unlock-tile.locked{opacity:.38}.unlock-tile.selected{border-color:#ffd257}.field-grid{gap:12px;display:grid}.field-grid label{color:var(--muted);gap:6px;font-size:13px;font-weight:900;display:grid}.field-grid input,.field-grid select,.field-grid textarea{border:1px solid var(--line);color:#fff;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#00000038;border-radius:18px;min-height:52px;padding:10px 12px}.toast{z-index:20;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));border:1px solid var(--line);text-align:center;background:#060816e6;border-radius:22px;width:min(92vw,420px);padding:14px 16px;font-weight:850;position:fixed;transform:translate(-50%)}@media (min-width:700px){.app-root{place-items:center;display:grid}.screen,.game-screen{border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;width:min(100vw,430px);height:min(100dvh,932px)}}