:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#f6ead8;background:#101010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh;color:#f6ead8;position:relative;overflow-x:hidden;padding:24px;-webkit-user-select:none;user-select:none}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(.9) brightness(.52);z-index:-2}.backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0c0e73,#0b0c0eeb),radial-gradient(circle at 78% 18%,rgba(180,76,32,.22),transparent 34%)}.topbar,footer{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto 20px}.screen-battle .topbar{margin-bottom:10px}.screen-battle .eyebrow{margin-bottom:3px}.screen-battle h1{font-size:clamp(30px,4vw,46px)}h1,h2,p{margin:0}h1{font-size:clamp(32px,6vw,72px);line-height:.95;font-weight:800;letter-spacing:0}h2{font-size:22px;letter-spacing:0}button{border:1px solid rgba(255,218,159,.34);background:linear-gradient(180deg,#693419fa,#3a2218fa);color:#fff3dc;border-radius:7px;padding:10px 14px;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #0000004d}button:hover:not(:disabled){border-color:#ffdda4c7;transform:translateY(-1px)}button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.56}.eyebrow{display:block;color:#d3b784;font-weight:900;margin-bottom:8px}.run-stats,.button-row,.meter-row,.pile-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.run-stats span,.pile-row span,.energy{border:1px solid rgba(255,225,177,.22);background:#15100fb8;padding:8px 10px;border-radius:7px;font-weight:800}.energy{width:76px;height:58px;display:grid;place-items:center;padding:4px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#4ab8ccb8,#1f6c80eb 52%,#0e2630fa);border:2px solid rgba(212,244,255,.45);box-shadow:0 0 28px #3db1cc38}.energy b{font-size:24px;line-height:1}.energy small{font-size:11px;color:#dff9ff;margin-top:-10px}.title-screen,.game-grid,.battle-layout{max-width:1320px;margin:0 auto}.title-screen{min-height:70vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.55fr) minmax(280px,.7fr);align-items:end;gap:22px}.title-copy{padding-bottom:10vh}.tagline{font-size:clamp(20px,3vw,34px);line-height:1.25;max-width:760px;margin-bottom:24px;color:#ffe9bf;text-shadow:0 2px 18px #000}.panel{background:#161312db;border:1px solid rgba(230,189,117,.24);border-radius:8px;padding:18px;box-shadow:0 18px 60px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-character-card{align-self:stretch;min-height:430px;border:1px solid rgba(230,189,117,.26);border-radius:8px;overflow:hidden;background:#100d0c94;box-shadow:0 22px 70px #00000061}.hero-character-card img{width:100%;height:100%;object-fit:cover;display:block}.party-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.party-portrait{height:240px;border:1px solid rgba(230,189,117,.22);border-radius:8px;overflow:hidden;margin-bottom:18px;background:#0000004d}.game-grid{display:grid;grid-template-columns:320px 1fr;gap:18px}.deck-list,.relic-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.deck-list span,.relic-list span{border:1px solid rgba(255,220,159,.2);background:#ffe2b114;border-radius:6px;padding:6px 8px;font-size:13px}.relic-list span{display:inline-flex;align-items:center;gap:7px}.map-lane{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.map-node{min-height:92px}.map-node.active{outline:2px solid #f5b04a}.map-node.done{opacity:.6}.map-node small{display:block;margin-top:8px;color:#dfc597}.battle-layout{display:grid;grid-template-rows:auto auto minmax(258px,auto) auto;gap:10px;position:relative;overflow:hidden;border:1px solid rgba(230,189,117,.18);border-radius:8px;padding:18px 18px 22px;background:linear-gradient(180deg,#0a0b0c14,#0a0b0ce0),var(--battle-bg);background-size:cover;background-position:center}.battle-layout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 67%,rgba(214,132,53,.18),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 24%,transparent 76%,rgba(0,0,0,.38));z-index:0}.battle-layout>*{position:relative;z-index:1}.battle-layout.player-action{box-shadow:inset 0 0 55px #e8712c24,0 18px 60px #00000059}.battle-layout.enemy-action{box-shadow:inset 0 0 75px #c72b192e,0 18px 60px #00000059}.enemy-row,.reward-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.enemy-row{align-items:end;min-height:232px;padding:4px 10px 0}.enemy-card{background:linear-gradient(180deg,#362c24bf,#0f0d0deb),radial-gradient(circle at 50% 15%,rgba(224,141,52,.16),transparent 50%);border:1px solid rgba(232,184,112,.34);border-radius:8px;padding:10px 12px 12px;text-align:center;position:relative;transition:border-color .14s ease,box-shadow .14s ease,transform .18s ease,filter .18s ease}.enemy-card.defeated{filter:grayscale(1);opacity:.45}.enemy-card.enemy-targetable{border-color:#ffd263fa;box-shadow:0 0 0 2px #ffbf4059,0 0 34px #ff8b2a6b;transform:translateY(-3px)}.enemy-card.enemy-armed-target{cursor:crosshair}.enemy-card.enemy-armed-target:after{content:"释放";position:absolute;right:12px;top:12px;padding:4px 8px;border-radius:999px;background:#319bb0e0;color:#effcff;font-size:12px;border:1px solid rgba(221,251,255,.45);box-shadow:0 0 18px #319bb059}.enemy-card.enemy-hit{animation:enemy-hit .42s ease-out}.enemy-card.enemy-striking{animation:enemy-strike .52s cubic-bezier(.2,.8,.2,1);border-color:#ff5c40d1}.enemy-art{height:128px;margin-bottom:6px;border-radius:6px 6px 4px 4px;overflow:hidden;position:relative}.enemy-card h2{font-size:20px;line-height:1.1;margin-bottom:4px}.enemy-card p{color:#f4d69b;font-weight:900;margin-bottom:8px}.generated-art{background-image:linear-gradient(180deg,#0000,#0c0a0994),var(--enemy-image);background-size:cover;background-position:center 30%;background-repeat:no-repeat}.generated-art span{position:absolute;right:8px;bottom:4px;font-size:28px;filter:drop-shadow(0 2px 5px #000);opacity:.78}.player-panel{background:linear-gradient(180deg,#121211e6,#080808d1),radial-gradient(circle at 20% 50%,rgba(77,153,162,.12),transparent 38%);border:1px solid rgba(255,224,170,.24);border-radius:8px;padding:12px 14px;display:grid;gap:12px;position:relative;transition:box-shadow .16s ease,border-color .16s ease}.player-panel.player-hit{animation:player-hit .42s ease-out;border-color:#ff543dbf}.player-panel.heat-burst{animation:heat-burst .68s ease-out}.meter{min-width:150px;flex:1}.meter span{display:block;margin-bottom:5px;font-weight:900}.bar{height:10px;border-radius:999px;background:#ffffff1c;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#77bb82,#e2c15d)}.meter.hot .bar span{background:linear-gradient(90deg,#e5c04d,#d5452b)}.card{width:214px;min-height:292px;text-align:left;position:relative;display:grid;grid-template-rows:auto 112px auto 1fr auto;gap:8px;background:linear-gradient(180deg,#46362af5,#1f1714fc),radial-gradient(circle at 50% 24%,rgba(232,166,83,.14),transparent 50%);touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,opacity .14s ease;border-width:2px;padding:12px;isolation:isolate}.card:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(255,226,177,.18);border-radius:5px;pointer-events:none;z-index:-1}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 28%,transparent 72%,rgba(0,0,0,.26));pointer-events:none}.card:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 20px 44px #00000061,0 0 22px #f0a1452e}.card.card-dragging{position:fixed;left:var(--drag-x);top:var(--drag-y);width:min(230px,64vw);z-index:40;pointer-events:none;transform:translate(-50%,-50%) rotate(-4deg) scale(1.04);box-shadow:0 28px 70px #0000008c,0 0 38px #ffa84352;opacity:.96}.card.card-armed{transform:translateY(-22px) scale(1.03);border-color:#ffdb68fa;box-shadow:0 0 0 2px #ffc44542,0 26px 60px #00000073,0 0 34px #ffad3a52}.hand-row{min-height:330px;display:flex;align-items:end;justify-content:center;gap:0;padding:20px 0 2px;perspective:900px}.hand-row .card{margin-inline:-10px;transform-origin:50% 100%}.hand-row .card:nth-child(1){transform:rotate(-7deg) translateY(16px)}.hand-row .card:nth-child(2){transform:rotate(-3.5deg) translateY(6px)}.hand-row .card:nth-child(3){transform:rotate(0) translateY(0)}.hand-row .card:nth-child(4){transform:rotate(3.5deg) translateY(6px)}.hand-row .card:nth-child(5){transform:rotate(7deg) translateY(16px)}.hand-row .card:nth-child(n+6){transform:rotate(9deg) translateY(22px)}.hand-row .card:hover:not(:disabled){transform:translateY(-26px) scale(1.04);z-index:8}.card.attack{border-color:#e6624a94}.card.skill{border-color:#6eb2cc94}.card.device{border-color:#ddb15594}.card.coolant{border-color:#6ad2c094}.card.power{border-color:#c488e794}.card strong{padding-right:36px;font-size:18px;line-height:1.1}.cost{position:absolute;right:9px;top:9px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#58d8ef,#1f6c80 62%,#0d2d38);color:#fff;border:2px solid rgba(223,249,255,.55);box-shadow:0 0 18px #45bedb61}.card-art{display:grid;place-items:center;border-radius:4px;font-size:34px;overflow:hidden;color:#fff4dde6;text-shadow:0 2px 8px #000;border:1px solid rgba(255,229,181,.22);box-shadow:inset 0 -28px 34px #00000070}.generated-card-art{background-image:linear-gradient(180deg,#0000,#14100e80),var(--card-image);background-size:cover;background-position:center}.card p{color:#f2dfbc;font-size:13px;line-height:1.35;min-height:58px;padding:9px;border-radius:5px;background:#08070652;border:1px solid rgba(255,226,177,.09)}.card small,.card em{color:#d6bc8d;font-style:normal}.card small{width:fit-content;padding:3px 7px;border-radius:999px;background:#ffe5b514;border:1px solid rgba(255,229,181,.1);font-size:12px}.combat-log{display:flex;flex-direction:column;gap:5px;color:#d9c29c;min-height:78px;max-width:760px;padding-left:2px;text-shadow:0 2px 8px #000}.particle-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:25}.particle-layer i{position:absolute;left:48%;top:44%;width:7px;height:7px;border-radius:50%;opacity:0;background:#ffb347}.particle-layer.show i{animation:particle-burst .62s ease-out forwards;animation-delay:var(--delay)}.particle-layer.attack i,.particle-layer.device i,.particle-layer.enemy i{background:radial-gradient(circle,#fff4c2,#ff7f2a 55%,#ff7f2a00)}.particle-layer.skill i{width:11px;height:11px;border:1px solid rgba(171,226,255,.9);background:#66b4da4d}.particle-layer.coolant i{background:radial-gradient(circle,#e9ffff,#5ed7d0 58%,#5ed7d000)}.particle-layer.overheat i{width:12px;height:28px;border-radius:999px;background:linear-gradient(180deg,#fff6acf2,#d4331c00)}.damage-float{position:absolute;left:48%;top:42%;color:#ff674f;font-size:36px;text-shadow:0 4px 12px #000;animation:damage-float .9s ease-out forwards}@keyframes particle-burst{0%{opacity:0;transform:translate(0) scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.2)}}@keyframes enemy-hit{0%{transform:translate(0);filter:brightness(1)}18%{transform:translate(-7px);filter:brightness(1.6)}38%{transform:translate(6px)}to{transform:translate(0);filter:brightness(1)}}@keyframes enemy-strike{0%{transform:translateY(0) scale(1)}36%{transform:translateY(14px) scale(1.03);box-shadow:0 18px 34px #ff43283d}to{transform:translateY(0) scale(1)}}@keyframes player-hit{0%{transform:translate(0)}20%{transform:translate(-8px)}38%{transform:translate(7px)}56%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes heat-burst{0%{box-shadow:inset 0 0 #ff502300}36%{box-shadow:inset 0 0 44px #ff50236b,0 0 32px #ff502333}to{box-shadow:inset 0 0 #ff502300}}@keyframes damage-float{0%{opacity:0;transform:translateY(14px) scale(.85)}20%{opacity:1}to{opacity:0;transform:translateY(-58px) scale(1.1)}}.reward-panel,.shop-panel,.event-panel,.rest-panel,.end-panel{max-width:980px;margin:0 auto;display:grid;gap:18px}.relic-reward{display:grid;grid-template-columns:auto 1fr;gap:4px;align-items:center;border:1px solid rgba(255,223,169,.22);border-radius:7px;padding:12px;background:#ffdb9914}.relic-reward span{grid-column:2}.relic-art{width:34px;height:34px;display:inline-block;flex:0 0 auto;border-radius:6px;border:1px solid rgba(255,230,185,.22);background-image:var(--relic-image);background-size:400% 300%;background-position:var(--relic-position);background-repeat:no-repeat;box-shadow:inset 0 0 18px #00000047}.relic-art.large{width:62px;height:62px;grid-row:span 2}footer{margin-top:26px;justify-content:flex-end}@media (max-width: 820px){.app-shell{padding:14px}.topbar,.title-screen,.game-grid{grid-template-columns:1fr}.topbar{display:grid}.title-copy{padding-bottom:0}.card{width:min(176px,46vw);min-height:248px}.hand-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;gap:12px;padding:12px 0}.hand-row .card,.hand-row .card:nth-child(n){margin:0;width:100%;transform:none}.hand-row .card:hover:not(:disabled){transform:translateY(-4px)}.hero-character-card{min-height:320px}.enemy-art{height:112px}.enemy-row{position:sticky;top:0;z-index:12;max-height:42vh;overflow-y:auto;padding:8px;margin:-4px -4px 4px;background:linear-gradient(180deg,#0d0b0af5,#0d0b0ab8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(230,189,117,.18);border-radius:8px}.enemy-card{padding:8px 10px 10px}.enemy-card h2{font-size:20px}.enemy-card.enemy-armed-target:after{content:"点此释放"}}