:root{color:#f5f4ef;background:#111315;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--red: #e1463f;--cyan: #65e5ea;--gold: #e7b750;--ink: #111315;--panel: rgba(17, 19, 21, .9)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#111315}body{min-width:320px;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}button{border:0;color:inherit;font:inherit;letter-spacing:0;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.screen{position:absolute;inset:0;display:none;min-width:0;min-height:0}.screen.is-active{display:grid}#selection-screen{grid-template-rows:auto auto minmax(0,1fr) auto;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background-color:#17191a;isolation:isolate}#selection-screen:before{position:absolute;inset:0;z-index:-2;background:url(/assets/asphalt_02_diff_1k.jpg) center / cover;opacity:.17;content:""}#selection-screen:after{position:absolute;inset:0;z-index:-1;background:#0a0b0cb0;content:""}.selection-header{display:flex;align-items:center;min-height:48px;gap:10px}.selection-header p,.selection-header h1,.section-heading h2,.section-heading span,.team-strip p,.difficulty-copy,.result-panel p,.result-panel h2{margin:0}.selection-header p{color:var(--cyan);font-size:9px;font-weight:800}.selection-header h1{margin-top:1px;font-size:clamp(17px,3.2vh,24px);line-height:1.08}.brand-mark{position:relative;width:35px;height:35px;flex:0 0 35px;border:2px solid #e9edef;border-radius:50%;transform:rotate(-18deg)}.brand-mark:before,.brand-mark:after,.brand-mark span{position:absolute;content:""}.brand-mark:before{inset:4px 14px;background:var(--red)}.brand-mark:after{left:4px;right:4px;top:15px;height:2px;background:var(--cyan)}.brand-mark span{top:9px;left:13px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--cyan)}.selection-count{display:flex;align-items:baseline;margin-left:auto;color:#878c8f}.selection-count strong{color:var(--gold);font-size:25px}.selection-count span{font-size:12px}.team-strip{display:flex;align-items:center;min-height:50px;margin:4px 0 6px;gap:12px}.team-slots{display:flex;gap:6px}.team-slot{position:relative;display:flex;align-items:center;width:clamp(72px,13vw,104px);height:38px;padding:4px 6px;gap:5px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#ffffff0f}.team-slot.empty:before{content:"+";margin:auto;color:#62676a;font-size:20px}.slot-swatch{width:28px;height:28px;flex:0 0 28px;border-radius:4px;background:var(--character-primary);box-shadow:inset 0 -9px 0 var(--character-secondary)}.team-slot span{overflow:hidden;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.team-strip p{color:#969b9d;font-size:11px}.roster-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.section-heading{display:flex;align-items:baseline;min-height:28px;gap:9px}.section-heading h2{font-size:15px}.section-heading span{color:#8d9294;font-size:10px}.roster-grid{display:grid;grid-template-rows:repeat(2,minmax(86px,1fr));grid-auto-flow:column;grid-auto-columns:clamp(126px,20vw,164px);min-height:0;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.roster-grid::-webkit-scrollbar{display:none}.character-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:stretch;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#1f2224ed}.character-card:after{position:absolute;inset:0;border:2px solid transparent;border-radius:5px;pointer-events:none;content:""}.character-card.is-selected:after{border-color:var(--gold)}.character-card.is-selected{background:#362e1df2}.character-card:disabled{opacity:.42}.character-art{position:relative;min-height:100%;overflow:hidden;background:var(--character-dark)}.character-art:before{position:absolute;left:13px;bottom:12px;width:29px;height:52px;border-radius:14px 14px 7px 7px;background:var(--character-primary);box-shadow:inset 0 -19px 0 var(--character-secondary);content:""}.character-art:after{position:absolute;left:18px;bottom:45px;width:19px;height:9px;border-radius:50% 50% 35% 35%;background:var(--character-accent);box-shadow:0 0 12px var(--character-accent);content:""}.art-core{position:absolute;z-index:2;left:25px;bottom:33px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:var(--character-accent);box-shadow:0 0 8px var(--character-accent)}.character-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:7px 7px 6px}.character-copy strong{overflow:hidden;font-size:clamp(11px,1.8vw,14px);text-overflow:ellipsis;white-space:nowrap}.character-copy>span{margin-top:2px;overflow:hidden;color:#92989a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.stat-line{display:flex;height:3px;margin-top:7px;gap:2px}.stat-line i{flex:1;background:#3f4446}.stat-line i:nth-child(1){background:var(--red)}.stat-line i:nth-child(2){background:var(--cyan)}.stat-line i:nth-child(3){background:var(--gold)}.selection-footer{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-top:7px;gap:10px}.difficulty-copy{display:flex;align-items:center;color:#9da1a3;font-size:10px;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.primary-button,.secondary-button,.quiet-button{border-radius:5px;font-weight:800}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-width:136px;height:39px;padding:0 16px;gap:16px;color:#111315;background:var(--gold)}.primary-button:disabled{color:#727779;background:#34383a}.primary-button b{font-size:21px;line-height:1}#game-screen{background:#0b1013}.scene-root,.scene-root canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.scene-root canvas{touch-action:none}.battle-hud{position:absolute;top:max(7px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:start;gap:9px;pointer-events:none}.fighter-hud{display:flex;align-items:center;min-width:0;gap:8px}.enemy-hud{justify-content:flex-end}.health-block{width:min(230px,28vw);min-width:0}.name-line{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:3px;gap:6px;text-shadow:0 1px 3px #000}.name-line strong{overflow:hidden;font-size:clamp(10px,1.8vw,14px);text-overflow:ellipsis;white-space:nowrap}.name-line span{color:#c8ccce;font-size:8px}.health-track{height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.7);background:#0009;transform:skew(-12deg)}.health-track>span{display:block;width:100%;height:100%;background:#53d48e;transition:width .18s ease,background-color .18s ease}.health-track.enemy{transform:skew(12deg)}.health-track.enemy>span{margin-left:auto;background:var(--red)}.mini-team{display:flex;gap:3px}.mini-fighter{position:relative;width:22px;height:26px;overflow:hidden;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:var(--fighter-dark)}.mini-fighter:before{position:absolute;left:6px;bottom:2px;width:10px;height:19px;border-radius:6px 6px 3px 3px;background:var(--fighter-primary);box-shadow:inset 0 -7px 0 var(--fighter-secondary);content:""}.mini-fighter.is-active{border-color:var(--gold);box-shadow:0 0 7px #e7b750b3}.mini-fighter.is-defeated{filter:grayscale(1);opacity:.35}.battle-center{display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:auto}.battle-center strong{font-variant-numeric:tabular-nums;font-size:12px;text-shadow:0 1px 4px #000}.quiet-button{min-width:48px;height:23px;color:#d9ddde;font-size:9px;background:#0f1112b8;border:1px solid rgba(255,255,255,.25)}.battle-callout{position:absolute;top:22%;left:50%;min-width:140px;padding:7px 14px;color:#fff;font-size:clamp(13px,2.4vw,20px);font-weight:900;text-align:center;text-shadow:0 2px 5px #000;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .16s ease,transform .16s ease}.battle-callout.is-visible{opacity:1;transform:translate(-50%)}.touch-controls{position:absolute;inset:0;pointer-events:none}.joystick-zone{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(15px,env(safe-area-inset-bottom));width:clamp(82px,17vh,118px);height:clamp(82px,17vh,118px);border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#090b0c59;box-shadow:inset 0 0 22px #ffffff0a;pointer-events:auto;touch-action:none}.joystick-zone:before,.joystick-zone:after{position:absolute;background:#ffffff1a;content:""}.joystick-zone:before{top:50%;left:10px;right:10px;height:1px}.joystick-zone:after{top:10px;bottom:10px;left:50%;width:1px}.joystick-knob{position:absolute;top:50%;left:50%;width:42%;height:42%;border:2px solid rgba(255,255,255,.68);border-radius:50%;background:#65e5ea47;box-shadow:0 0 14px #65e5ea47;transform:translate(-50%,-50%)}.action-cluster{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:clamp(190px,38vw,290px);height:clamp(104px,25vh,158px);pointer-events:none}.action-button{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(46px,9vh,62px);height:clamp(46px,9vh,62px);overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#1c1f21c7;box-shadow:inset 0 0 15px #ffffff14,0 2px 8px #00000059;pointer-events:auto;touch-action:manipulation}.action-button:active{transform:scale(.94)}.action-button.is-cooling{color:#777c7e;border-color:#ffffff38;background:#0c0e0fd1}.action-button .button-label{font-size:clamp(15px,3.2vh,22px);font-weight:900;line-height:1}.action-button small{display:block;max-width:90%;margin-top:2px;overflow:hidden;font-size:clamp(7px,1.35vh,9px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.cooldown-text{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#fff;font-size:15px;font-style:normal;font-weight:900;background:#0000008f}.is-cooling .cooldown-text{display:flex}.attack-button{right:0;bottom:5%;width:clamp(59px,12vh,82px);height:clamp(59px,12vh,82px);border-color:#ff7459d9;background:#9a3128b8}.skill-button[data-skill="0"]{right:29%;bottom:0;border-color:#65e5eaa6}.skill-button[data-skill="1"]{right:36%;bottom:44%;border-color:#e7b750b8}.skill-button[data-skill="2"]{right:9%;bottom:63%;border-color:#cc79ffb8}.switch-button{left:0;bottom:9%;border-color:#ffffff73}.result-modal{position:absolute;inset:0;display:none;place-items:center;padding:18px;background:#050607a8}.result-modal.is-visible{display:grid}.result-panel{width:min(390px,70vw);padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:7px;text-align:center;background:#141618f5;box-shadow:0 18px 60px #00000073}.result-panel>p:first-child{color:var(--gold);font-size:9px;font-weight:900}.result-panel h2{margin-top:4px;font-size:25px}.result-panel>p:nth-child(3){margin-top:6px;color:#aeb3b5;font-size:11px}.result-actions{display:flex;justify-content:center;margin-top:16px;gap:8px}.secondary-button{min-width:104px;height:39px;color:#e7eaeb;border:1px solid rgba(255,255,255,.28);background:#2c3032}.orientation-lock{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#f1f2f0;background:#111315}.orientation-lock>span{color:#989d9f;font-size:12px}.phone-icon{position:relative;width:34px;height:58px;margin-bottom:8px;border:2px solid #e9edef;border-radius:6px;animation:rotate-phone 1.8s ease-in-out infinite}.phone-icon span{position:absolute;left:50%;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--cyan);transform:translate(-50%)}@keyframes rotate-phone{0%,25%{transform:rotate(0)}65%,to{transform:rotate(90deg)}}@media(orientation:portrait)and (max-width:700px){.orientation-lock{display:flex}}@media(max-height:360px){#selection-screen{padding-top:6px;padding-bottom:6px}.selection-header{min-height:40px}.brand-mark{width:30px;height:30px;flex-basis:30px}.team-strip{min-height:42px;margin-top:1px}.team-slot{height:33px}.slot-swatch{width:24px;height:24px;flex-basis:24px}.selection-footer{min-height:42px}.primary-button{height:35px}}@media(max-width:620px)and (orientation:landscape){.team-strip p,.difficulty-copy,.section-heading span{display:none}.battle-hud{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)}.health-block{width:26vw}.mini-fighter{width:18px;height:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}