@media(orientation:portrait){.portrait-gate{cursor:pointer;user-select:none;touch-action:manipulation}.portrait-gate strong,.portrait-gate span{display:none!important}.portrait-gate:before{content:"点击进入横屏战斗";display:block;margin-top:10px;font-size:clamp(1.15rem,5vw,1.6rem);font-weight:900;color:#f4fbff}.portrait-gate:after{content:"将尝试自动全屏并锁定横屏";display:block;margin-top:6px;font-size:.78rem;color:#8fb4cb}.rotate-phone{animation:orientationNudge 1.8s ease-in-out infinite}}@keyframes orientationNudge{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.06)}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;color:#edf6ff;background:#07101d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:100dvh;overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(circle at 12% 4%,rgba(62,196,255,.18),transparent 35rem),radial-gradient(circle at 86% 12%,rgba(218,90,255,.14),transparent 30rem),linear-gradient(160deg,#07101b,#101a2d 58%,#091321)}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #91eaff;outline-offset:2px}h1,h2,h3,p{margin:0}.game-shell{width:min(1500px,100%);height:100dvh;margin:0 auto;position:relative;padding:max(5px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));display:grid;grid-template-rows:40px minmax(0,1fr) clamp(96px,25dvh,116px);gap:6px}.portrait-gate{display:none}.topbar{min-width:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:5px 9px;border:1px solid rgba(174,217,255,.14);border-radius:13px;background:#081322d4;box-shadow:0 10px 26px #0000002e;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#62e3ff33,#a75fff33);color:#c7f6ff;box-shadow:inset 0 0 0 1px #98e8ff33}.brand div{display:grid;min-width:0}.brand strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{color:#5f7c98;font-size:.48rem;white-space:nowrap}.round-info{display:flex;align-items:center;gap:7px;padding:3px 10px;border-radius:999px;background:#50cbff17;border:1px solid rgba(108,220,255,.18)}.round-info span{color:#7da1bd;font-size:.52rem}.round-info b{color:#d6f7ff;font-size:.92rem;font-variant-numeric:tabular-nums}.top-actions{justify-self:end;display:flex;align-items:center;gap:5px}.ghost{height:28px;border:1px solid rgba(255,255,255,.12);color:#cce3f5;background:#ffffff0b;border-radius:9px;padding:0 9px;font-size:.59rem}.battlefield{min-height:0;position:relative;overflow:hidden;isolation:isolate;border-radius:24px;border:1px solid rgba(146,209,255,.17);background:linear-gradient(180deg,rgba(67,117,161,.1),transparent 44%),radial-gradient(ellipse at 50% 84%,rgba(75,205,255,.15),transparent 45%),linear-gradient(145deg,#0d1e34f5,#121630f0);box-shadow:inset 0 0 70px #53a0ff0d,0 14px 34px #0003}.battlefield:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.32;background-image:linear-gradient(rgba(130,210,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(130,210,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 80%)}.field-light{position:absolute;border-radius:50%;filter:blur(20px);opacity:.42;pointer-events:none}.field-light-a{width:30vw;height:30vw;left:4%;bottom:-55%;background:#42d0ff3d}.field-light-b{width:26vw;height:26vw;right:7%;bottom:-52%;background:#ff7dde2e}.arena-ring{position:absolute;left:50%;bottom:-20%;width:min(64vw,780px);height:54%;transform:translate(-50%) perspective(500px) rotateX(65deg);border:2px solid rgba(120,225,255,.2);border-radius:50%;background:radial-gradient(ellipse at center,rgba(37,79,118,.26) 0 34%,transparent 35%),repeating-conic-gradient(from 0deg,rgba(118,222,255,.09) 0 3deg,transparent 3deg 21deg);box-shadow:inset 0 0 48px #4fc9ff1f,0 0 30px #4fc9ff14}.arena-core{position:absolute;left:50%;bottom:7%;transform:translate(-50%);color:#99e7ff29;font-size:clamp(2.5rem,7vw,6rem);text-shadow:0 0 30px rgba(104,213,255,.22)}.fighter-hud{position:absolute;top:8px;z-index:10;width:min(36%,390px);padding:8px 10px;border-radius:13px;border:1px solid rgba(173,221,255,.14);background:linear-gradient(135deg,#071527e6,#112038b8);backdrop-filter:blur(14px);box-shadow:0 8px 24px #00000029}.player-hud{left:9px}.enemy-hud{right:9px;text-align:right}.hud-title{display:flex;align-items:baseline;gap:7px;min-width:0}.enemy-hud .hud-title{flex-direction:row-reverse}.hud-title strong{font-size:clamp(.72rem,1.5vw,1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-label{color:#6f93ae;font-size:.48rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}.fighter-hud>small{display:block;color:#718aa2;font-size:.48rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-hp{display:grid;grid-template-columns:minmax(30px,1fr) auto;align-items:center;gap:7px;margin-top:5px}.enemy-hud .hud-hp{grid-template-columns:auto minmax(30px,1fr)}.hud-hp>span{color:#cde1ef;font-size:.52rem;font-variant-numeric:tabular-nums}.hp-track{height:8px;border-radius:99px;overflow:hidden;background:#0000006b;border:1px solid rgba(255,255,255,.07)}.hp-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39e18a,#a6ef67);transition:width .3s ease;box-shadow:0 0 12px #43e9924d}.enemy-hud .hp-track i{background:linear-gradient(90deg,#ffb65a,#ffdc66);box-shadow:0 0 12px #ffb95347}.enemy-status{margin-top:4px;min-height:18px;display:flex;justify-content:flex-end;gap:4px;align-items:center;overflow:hidden}.status-chip{display:inline-flex;gap:4px;align-items:center;padding:2px 6px;border-radius:99px;background:#d17bff1f;border:1px solid rgba(215,146,255,.2);color:#e9c7ff;font-size:.47rem}.status-chip b{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#ffffff17;font-size:.42rem}.status-empty{color:#58728a;font-size:.47rem}.combatant{position:absolute;bottom:2%;width:36%;height:76%;display:grid;place-items:center;pointer-events:none}.player-combatant{left:7%}.enemy-combatant{right:7%}.ground-ring{position:absolute;left:50%;bottom:5%;width:72%;height:20%;transform:translate(-50%) perspective(360px) rotateX(68deg);border-radius:50%;border:1px solid rgba(114,222,255,.22);background:radial-gradient(ellipse,rgba(80,199,255,.12),transparent 68%);box-shadow:0 0 28px #4dcbff21}.enemy-ring{border-color:#ffb1702e;background:radial-gradient(ellipse,rgba(255,159,91,.09),transparent 68%)}.spirit-avatar{width:clamp(78px,12vw,158px);aspect-ratio:.78;position:relative;z-index:3;filter:drop-shadow(0 12px 17px rgba(0,0,0,.34));animation:float 3s ease-in-out infinite}.spirit-avatar .core{position:absolute;inset:28% 24%;display:grid;place-items:center;color:#fff;font-size:clamp(2.3rem,5vw,4.6rem);background:linear-gradient(150deg,#effcff 8%,#7fe8ff 34%,#9b6cff 68%,#f08bff);clip-path:polygon(50% 0,65% 24%,88% 18%,75% 42%,100% 55%,70% 62%,72% 100%,50% 76%,26% 100%,30% 62%,0 55%,25% 42%,12% 18%,36% 24%);filter:drop-shadow(0 0 12px rgba(146,221,255,.5))}.spirit-avatar .blade{position:absolute;top:8%;width:20%;height:84%;background:linear-gradient(180deg,#f9ffff,#89e8ff 38%,#a164ff 72%,#f6c3ff);clip-path:polygon(48% 0,72% 12%,56% 42%,92% 100%,40% 88%,24% 49%);opacity:.96}.blade-left{left:2%;transform:rotate(-11deg)}.blade-right{right:2%;transform:scaleX(-1) rotate(-11deg)}.aura{position:absolute;z-index:2;border:1px solid rgba(145,228,255,.2);border-radius:50%}.aura-one{width:min(50%,190px);aspect-ratio:1;animation:spin 10s linear infinite;background:repeating-conic-gradient(from 0deg,rgba(90,212,255,.04) 0 6deg,transparent 6deg 22deg)}.aura-two{width:min(38%,145px);aspect-ratio:1;animation:spinReverse 7s linear infinite;border-style:dashed;border-color:#de74ff47}.overdrive .aura-one{border-color:#e575ff57;box-shadow:0 0 32px #db57ff24}.dummy-orb{width:clamp(72px,10vw,128px);aspect-ratio:1;border-radius:50%;position:relative;z-index:3;background:radial-gradient(circle at 36% 30%,#fff7c4 0 6%,#ffcb62 16%,#b877ff 42%,#273963 72%);box-shadow:inset -17px -20px 30px #050e238c,0 0 30px #c789ff47;animation:float 3.5s ease-in-out infinite reverse}.dummy-orb:before,.dummy-orb:after{content:"";position:absolute;background:#101a2f;width:13%;height:19%;border-radius:50%;top:38%}.dummy-orb:before{left:26%}.dummy-orb:after{right:26%}.dummy-orb span{position:absolute;width:34%;height:8%;border-bottom:3px solid #101a2f;border-radius:50%;left:33%;top:59%}.mini-stats{position:absolute;bottom:1%;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:4px;white-space:nowrap}.mini-stats span{padding:3px 6px;border-radius:7px;background:#020c1980;border:1px solid rgba(130,203,247,.09);color:#7294af;font-size:.44rem}.battle-toast{position:absolute;z-index:20;left:50%;bottom:5px;transform:translate(-50%);max-width:62%;padding:5px 12px;border-radius:999px;background:#040d1ab8;border:1px solid rgba(144,218,255,.12);color:#b9d5e8;font-size:.52rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(12px)}.battle-controls{min-height:0;display:grid;grid-template-columns:clamp(76px,10vw,110px) minmax(0,1fr) clamp(88px,11vw,116px);gap:6px;padding:6px;border-radius:19px;border:1px solid rgba(170,220,255,.14);background:#06101fe6;box-shadow:0 -8px 26px #00000021;backdrop-filter:blur(14px)}.quick-actions{display:grid;grid-template-rows:repeat(3,1fr);gap:4px;min-height:0}.quick-actions button{min-height:0;border:1px solid rgba(136,203,243,.13);border-radius:9px;background:linear-gradient(145deg,#2b54742e,#0c1d2f5c);color:#b7d3e5;font-size:.52rem;display:flex;align-items:center;justify-content:center;gap:5px}.quick-actions button span{color:#84dcf6;font-weight:900}.skills-strip{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.skill-card{min-width:0;min-height:0;position:relative;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#eaf5fd;text-align:left;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:2px 6px;padding:8px 7px 6px;overflow:hidden;transition:transform .12s ease,filter .12s ease,border-color .12s ease}.skill-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#74daff6b}.skill-card.steel:after{background:#b5b0f46b}.skill-card:active:not(:disabled){transform:scale(.98);filter:brightness(1.12)}.skill-card:disabled{opacity:.38}.skill-card.ice{background:linear-gradient(145deg,#1a7eb752,#0f314e8c)}.skill-card.steel{background:linear-gradient(145deg,#6769974d,#262b488f)}.skill-index{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#ffffff12;color:#91e6ff;font-size:.55rem;font-weight:900}.skill-main{min-width:0;display:grid;gap:1px}.skill-main strong{font-size:clamp(.58rem,1.25vw,.8rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-main small{color:#89a5bb;font-size:clamp(.43rem,.85vw,.56rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp{grid-column:1 / -1;justify-self:end;align-self:end;padding:2px 5px;border-radius:6px;background:#0000002b;color:#b9d1e1;font-size:.47rem;font-variant-numeric:tabular-nums}.ultimate-slot{min-height:0;display:grid;place-items:center}.ultimate-orb{width:min(100%,104px);height:min(100%,104px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,213,119,.34);background:radial-gradient(circle at 50% 42%,#fff7be80 0 8%,#ffb44361 22%,#d14f7a52 48%,#3c4d9273 72%),#1b2948;color:#fff5dc;box-shadow:inset 0 0 18px #ffcf6b3d,0 0 22px #ffa34621;display:grid;place-items:center;align-content:center;gap:1px;padding:8px;text-align:center}.ultimate-orb:active:not(:disabled){transform:scale(.97);filter:brightness(1.1)}.ultimate-orb:disabled{opacity:.38}.ultimate-glyph{font-size:1rem;line-height:1;text-shadow:0 0 12px rgba(255,237,158,.65)}.ultimate-orb strong{font-size:clamp(.51rem,1vw,.68rem);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ultimate-orb small{color:#dccba7;font-size:.42rem;white-space:nowrap}.drawer-backdrop{position:absolute;inset:0;z-index:200;display:grid;place-items:center;padding:18px;background:#01060e8c;backdrop-filter:blur(5px)}.drawer-card{width:min(680px,86vw);max-height:min(82dvh,520px);overflow:hidden;border-radius:20px;border:1px solid rgba(151,218,255,.2);background:linear-gradient(150deg,#0f1f35fa,#0a1222fa);box-shadow:0 24px 90px #0000007a;display:grid;grid-template-rows:auto minmax(0,1fr)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.drawer-head h3{font-size:.95rem;margin-top:1px}.eyebrow{color:#7ddcf5;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.46rem}.drawer-head button{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#bcd5e6;border-radius:9px;min-width:32px;height:30px}.drawer-actions{display:flex;gap:6px}.lab-grid{padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:auto}.lab-grid button{min-height:48px;border:1px solid rgba(139,210,251,.15);background:#3b70941a;color:#b9d8ee;border-radius:12px;font-size:.66rem}.log-list{padding:8px 13px 12px;overflow:auto}.log-list p{padding:6px 2px;color:#91aabd;font-size:.64rem;line-height:1.4;border-bottom:1px dashed rgba(255,255,255,.05)}.log-list p:first-child{color:#e1f2fc}@keyframes float{0%,to{transform:translateY(3px)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@media(orientation:landscape)and (max-height:390px){.game-shell{grid-template-rows:34px minmax(0,1fr) 92px;gap:4px;padding-top:max(3px,env(safe-area-inset-top));padding-bottom:max(3px,env(safe-area-inset-bottom))}.topbar{border-radius:10px;padding:3px 7px}.brand-mark{width:23px;height:23px;border-radius:7px}.brand strong{font-size:.65rem}.brand small{display:none}.round-info{padding:2px 8px}.round-info b{font-size:.78rem}.ghost{height:24px;padding:0 7px;font-size:.52rem}.fighter-hud{top:5px;padding:5px 8px;border-radius:10px}.hud-hp{margin-top:3px}.fighter-hud>small{display:none}.combatant{height:78%;bottom:0}.spirit-avatar{width:clamp(66px,10vw,118px)}.dummy-orb{width:clamp(62px,9vw,102px)}.battle-toast{bottom:3px;padding:3px 10px;font-size:.46rem}.battle-controls{border-radius:14px;padding:4px;gap:4px}.skills-strip{gap:4px}.skill-card{padding:5px 5px 4px;border-radius:9px;grid-template-columns:18px minmax(0,1fr)}.skill-index{width:18px;height:18px;border-radius:6px}.ultimate-orb{width:min(100%,84px);height:min(100%,84px);padding:5px}.quick-actions{gap:3px}.quick-actions button{border-radius:7px;font-size:.46rem}}@media(orientation:portrait){.game-shell{display:block;padding:0}.topbar,.battlefield,.battle-controls,.drawer-backdrop{display:none!important}.portrait-gate{position:fixed;inset:0;display:grid;place-items:center;align-content:center;gap:9px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 40%,rgba(76,204,255,.13),transparent 16rem),linear-gradient(160deg,#08111e,#111a30)}.rotate-phone{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;border:1px solid rgba(135,220,255,.2);background:#52b7e714;color:#99e9ff;font-size:2.3rem;box-shadow:0 0 28px #4ecfff1a}.portrait-gate strong{font-size:1.2rem}.portrait-gate span{color:#7691a8;font-size:.78rem}}