:root{color-scheme:dark;--ink:#d6efff;--blue:#6fdcff;--gold:#ffd48d;--edge:#4672a1;--shade:#06101f;--shimmer:#a883ff;--panel:rgba(3,13,30,.94)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#030713;color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #e2c997;outline-offset:3px}button:disabled{opacity:.36;cursor:not-allowed}[hidden]{display:none!important}.game{isolation:isolate;position:relative;display:flex;flex-direction:column;height:100dvh;min-height:500px;width:100%;max-width:1400px;margin:auto;overflow:hidden;background:#030917;box-shadow:0 0 90px #000}.game::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#141d30 4px);opacity:.07;z-index:30}.masthead{height:clamp(50px,7.5dvh,70px);flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 max(8px,env(safe-area-inset-right));border-bottom:1px solid #47759d;background:linear-gradient(90deg,#020c1b 0%,#09152c 72%,#060d1d);z-index:7}.back-link{font-size:38px;line-height:1;text-decoration:none;color:#9ceaff;width:28px;text-align:center}.brand{min-width:0;flex:1}.brand b{font-weight:900;color:#aaf3ff;font-size:clamp(13px,2.4vw,20px);letter-spacing:.12em;white-space:nowrap}.brand span{color:#d1edff}.brand small{display:block;color:#93b8d5;font-size:clamp(7px,1.5vw,11px);letter-spacing:.2em;margin-top:1px;white-space:nowrap}.round{font-size:clamp(8px,1.6vw,12px);color:#ffc991;letter-spacing:.1em;white-space:nowrap;font-weight:800}.round b{font-size:1.3em}.icon-btn{background:#10233d;border:1px solid #547baf;border-radius:7px;min-width:32px;min-height:34px;padding:0;font-size:20px;color:#aaf4ff}.stage{position:relative;flex:1 1 auto;min-height:180px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#25175a 0%,#0a1431 65%,#030615 100%);contain:layout paint}.world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-light{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 55px 15px #040a21,inset 0 -35px 70px #060e24;background:linear-gradient(180deg,rgba(2,7,18,.46) 0%,transparent 26%,transparent 76%,rgba(3,9,24,.56));z-index:1}.camera-world{position:absolute;inset:0;transform-origin:50% 65%;transition:transform .22s ease-out;z-index:2;pointer-events:none}.stage[data-camera="impact"] .camera-world{transform:scale(1.045) translateX(-.6%)}.stage[data-camera="ultimate"] .camera-world{transform:scale(1.11) translateY(2%)}.stage[data-camera="enemy"] .camera-world{transform:scale(1.03) translateX(.6%)}.stage[data-camera="transform"] .camera-world{transform:scale(1.16)}.enemy-metadata{position:absolute;top:4px;left:clamp(8px,2.5vw,34px);right:clamp(8px,2.5vw,34px);display:flex;align-items:end;gap:18px;justify-content:space-between;z-index:8;text-shadow:0 2px 6px #000;pointer-events:none}.enemy-metadata small{display:block;font-size:clamp(9px,1.5vw,13px);color:#ffcd9e;font-weight:800;letter-spacing:.1em}.enemy-metadata strong{font-size:clamp(15px,2.6vw,27px);line-height:1.25;letter-spacing:.07em;color:#f9f7ff}.enemy-metadata strong span{color:#ece3ff}.enemy-life{width:clamp(100px,35%,390px);text-align:right;font-size:clamp(11px,1.5vw,16px);font-weight:800;color:#f1cfff}.hp-track{height:7px;background:#0e1d37;border:1px solid #36739e;border-radius:99px;overflow:hidden}.hp-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#72e3ec,#a7f9ff);box-shadow:0 0 14px #66dbff;transition:width .35s ease}.enemy-track{height:11px;margin-top:5px;border:1px solid #e464c4}.enemy-track i{background:linear-gradient(90deg,#823df9,#fd83d8)}.enemy-intent{position:absolute;top:clamp(49px,11%,79px);left:0;right:0;display:flex;align-items:center;gap:10px;padding:6px clamp(12px,3vw,36px);z-index:5;background:rgba(2,8,24,.68);border-top:1px solid #a64abc;border-bottom:1px solid #7a467f;font-size:clamp(9px,1.5vw,13px);font-weight:750;letter-spacing:.12em;text-shadow:0 2px 4px #000}.intent-led{height:10px;width:10px;border-radius:50%;background:#fd75b2;box-shadow:0 0 15px #fa71bd;animation:pulse 1.3s ease-in-out infinite}.seal-tag{margin-left:auto;color:#8ff3ff}.boss-entity{--bob:0px;position:absolute;left:50%;top:38%;width:clamp(155px,52%,540px);aspect-ratio:1.48;transform:translate(-50%,-50%) translateY(var(--bob));z-index:3;filter:drop-shadow(0 0 20px #9b36ff);transition:filter .25s,scale .35s;animation:bossFloat 3.1s ease-in-out infinite}.boss-entity img{width:100%;height:100%;display:block;object-fit:contain}.boss-entity[data-form="1"]{scale:1.15;filter:drop-shadow(0 0 25px #fa52fa)}.boss-entity[data-form="2"]{scale:1.3;filter:drop-shadow(0 0 32px #a0faff)}.boss-entity.hit{filter:brightness(2.4) drop-shadow(0 0 34px #fff);animation:bossHit .36s ease-out}.boss-entity .boss-aura{position:absolute;inset:15%;border:2px dashed #b99dff;border-radius:50%;opacity:.55;animation:rotate 22s linear infinite;pointer-events:none}.actors{position:absolute;z-index:4;inset:0;pointer-events:none}.field-actor{position:absolute;left:var(--left);bottom:var(--bottom);width:var(--width);height:var(--height);transform:translateX(-50%);border:0;background:transparent;padding:0;pointer-events:auto;filter:drop-shadow(1px 4px 2px #010614) drop-shadow(0 0 6px var(--glow));transition:left .32s,bottom .32s,filter .24s;animation:actorIdle 2.3s ease-in-out infinite alternate;animation-delay:var(--delay)}.field-actor img{display:block;max-height:100%;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.field-actor .actor-ring{position:absolute;z-index:-1;left:13%;right:13%;bottom:-1px;border:1px solid var(--glow);height:12px;transform:skew(-12deg);border-radius:50%;background:color-mix(in srgb,var(--glow) 22%,transparent);box-shadow:0 0 13px var(--glow)}.field-actor.active{filter:drop-shadow(0 0 10px var(--glow)) drop-shadow(0 0 22px var(--glow))}.field-actor.active .actor-ring{height:19px;border-width:2px;animation:pulse 1s ease infinite}.field-actor.down{filter:grayscale(1) brightness(.4);opacity:.6}.field-actor.lunge{animation:lunge .7s cubic-bezier(.13,.87,.48,1)}.field-actor.hurt{animation:damage .55s ease-out}.field-actor.entering{animation:runIn .65s ease-out backwards}.field-label{position:absolute;bottom:1.5%;right:2%;font-weight:900;font-size:clamp(7px,1.2vw,11px);padding:5px 7px;background:rgba(0,28,54,.75);border:1px solid #6beeff;color:#92edff;letter-spacing:.12em;z-index:5}.field-label span{color:#ff96e6}.field-label b{color:#fff}.battle-call{position:absolute;z-index:9;top:44%;left:50%;transform:translate(-50%,-50%);width:min(90%,650px);background:linear-gradient(90deg,#010616eb,#15102aee,#010616eb);border-top:2px solid #6efbff;border-bottom:2px solid #d57bfc;text-align:center;padding:10px;box-shadow:0 0 50px #0b28ff88;pointer-events:none}.battle-call small{display:block;color:#88f2ff;font-weight:700;letter-spacing:.24em}.battle-call strong{display:block;color:#fff6ff;font-size:clamp(21px,5vw,52px);font-style:italic;text-shadow:0 0 12px #cb7aff;letter-spacing:.055em}.battle-call span{display:block;font-size:12px;color:#f9e2ff}.hit-text{position:absolute;left:50%;top:25%;transform:translateX(-50%);z-index:8;color:#fff;font-size:clamp(28px,6vw,56px);font-weight:1000;text-shadow:0 0 16px #f23aff}.hit-text.visible{animation:damageNumber .8s ease-out both}.command-deck{background:linear-gradient(180deg,#07162d,#040d1c);border-top:2px solid #477cad;flex:0 0 auto;z-index:6;box-shadow:0 -15px 30px #020718aa;padding:6px clamp(7px,1.4vw,19px) max(4px,env(safe-area-inset-bottom));}.party-label{display:flex;justify-content:space-between;margin-bottom:5px;color:#c7daf7;font-weight:850;font-size:clamp(8px,1.2vw,11px);letter-spacing:.12em}.party-label span:last-child{color:#99d7ff}.party-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(3px,.8vw,10px);height:clamp(82px,15dvh,150px)}.member{position:relative;border:1px solid #5371a4;border-radius:6px 6px 3px 3px;padding:0;background:linear-gradient(130deg,#101b38,#080e22);min-width:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;box-shadow:inset 0 0 13px #29446a7a}.member::after{content:"";height:2px;position:absolute;inset:auto 0 0;background:#369ace}.member.sel{border:2px solid #a3efff;box-shadow:0 0 14px #2cbdfd,inset 0 0 12px #3e9bff66}.member.queued{border-bottom-color:#adf5ff}.member.dead{filter:grayscale(.9);opacity:.5}.member .num{position:absolute;top:2px;left:3px;z-index:2;background:#061a2b;border:1px solid #77dcff;color:#c9f7ff;font-size:clamp(9px,1.5vw,13px);font-weight:900;min-width:16px;text-align:center}.member .portrait{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#263c75 0%,#080f27 72%)}.member .portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;opacity:.95}.member .identity{font-weight:850;font-size:clamp(8px,1.2vw,13px);padding:1px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member .hp-text{text-align:right;font-size:clamp(8px,1.1vw,11px);font-weight:750;line-height:1.1;padding:0 3px}.member .hp-track{margin:2px 3px 4px;height:5px}.member .ready-chip{position:absolute;right:2px;top:2px;background:#11584d;color:#bbffeb;font-size:8px;padding:1px 3px;z-index:2}.action-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.25fr;gap:4px;margin:7px 0 6px;height:clamp(41px,6.2dvh,64px)}.act-btn{border:1px solid #4b79b2;background:linear-gradient(180deg,#172a50,#07112b);border-radius:5px;font-weight:850;font-size:clamp(10px,1.7vw,15px);text-shadow:0 1px 3px #000;padding:0 1px;white-space:nowrap}.act-btn span{font-size:clamp(8px,1.2vw,13px);letter-spacing:.05em}.act-btn:active{background:#234f86}.act-btn.main-action{border-color:#93ddff;box-shadow:inset 0 0 15px #377bb6}.act-btn.execute{border-color:#ebc891;background:linear-gradient(180deg,#ba9461,#5f4934);color:#fff8db}.meter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.world-stat label{display:flex;justify-content:space-between;color:#c4dafa;font-size:clamp(8px,1.3vw,11px);letter-spacing:.09em;font-weight:700}.world-stat .hp-track{height:7px;margin-top:3px}.world-stat:nth-child(2) .hp-track i{background:linear-gradient(90deg,#518be6,#c3a5ff)}.world-stat .hp-track.breach{border-color:#a54b87}.world-stat .hp-track.breach i{background:linear-gradient(90deg,#f55988,#f6acc2)}.status{font-size:clamp(9px,1.25vw,12px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px;min-height:17px;color:#9bb8d2}.window{position:absolute;z-index:20;background:linear-gradient(152deg,rgba(5,16,35,.98),rgba(12,21,47,.98));border:1px solid #8dc5fa;border-radius:9px;box-shadow:0 0 0 3000px rgba(1,3,14,.58),0 10px 45px #000;left:50%;transform:translateX(-50%);width:min(92%,520px);color:#e9f7ff}.window header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #56799f;padding:14px}.window header h2{margin:0;font-size:21px}.window header small{color:#81f0ff;letter-spacing:.12em}.modal-close{width:36px;height:36px;background:transparent;border:1px solid #4d779d;border-radius:4px;font-size:24px}.ability-window{bottom:clamp(115px,20dvh,230px);max-height:67dvh;display:flex;flex-direction:column}.ability-window header h2{font-size:20px;margin:2px 0}.ability-list{display:flex;flex-direction:column;gap:4px;padding:8px;overflow-y:auto}.ability{border:1px solid #4b7598;background:#132643;text-align:left;border-radius:4px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.ability strong{display:block;font-size:13px;color:#e8faff}.ability small{display:block;color:#a0c7e8;font-size:11px}.ability em{font-style:normal;color:#b8faff}.ability.focused{border:2px solid #ffdb96;background:#273a58}.window-hint{color:#81a4c5;font-size:10px;padding:7px 12px;border-top:1px solid #3a5f85}.story-window{top:48%;transform:translate(-50%,-50%);padding:clamp(16px,4vw,34px);background:linear-gradient(160deg,#041328f5,#0c1734f4);border-color:#88caff;max-height:72dvh;overflow:auto}.story-eyebrow{color:#76f5ff;font-size:10px;font-weight:900;letter-spacing:.2em}.story-window strong{display:block;margin:11px 0;font-size:clamp(20px,4vw,33px);letter-spacing:.07em;color:#fff3dc}.story-window p{font-size:clamp(13px,2vw,17px);line-height:1.6;color:#d9ebff;min-height:68px}.story-actions{display:flex;gap:10px;flex-wrap:wrap}.story-actions button,.end-actions button,.pause-buttons button,.pause-buttons a{border:1px solid #7ed4ff;padding:11px 14px;border-radius:4px;background:linear-gradient(180deg,#23629b,#0b274a);font-size:12px;font-weight:900;text-decoration:none;color:white}.story-actions button:nth-child(2){border-color:#657b9c;background:#13213b;color:#b8cadf}.end-window{top:50%;transform:translate(-50%,-50%);padding:24px;max-height:75dvh;overflow:auto}.end-window h1{font-size:clamp(22px,4.5vw,38px);margin:8px 0;color:#f4e6ff}.end-window p{font-size:15px;line-height:1.65}.end-actions{display:flex;gap:8px;flex-wrap:wrap}.pause-window{top:50%;transform:translate(-50%,-50%);padding-bottom:14px}.pause-window p{padding:4px 16px;line-height:1.6}.pause-buttons{padding:0 16px;display:flex;flex-wrap:wrap;gap:8px}.focus-frame{display:none}@keyframes pulse{50%{opacity:.4;filter:brightness(1.6)}}@keyframes bossFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}@keyframes bossHit{10%,60%{transform:translate(-48%,-51%)}40%,80%{transform:translate(-53%,-48%)}}@keyframes actorIdle{0%{translate:0 0}100%{translate:0 -4px}}@keyframes lunge{0%,100%{translate:0 0}35%{translate:20% -27%;filter:brightness(1.65) drop-shadow(0 0 20px var(--glow))}}@keyframes damage{20%{translate:10% -3%;filter:brightness(2.5)}45%{translate:-8% 0;opacity:.6}70%{translate:3% 0}}@keyframes runIn{from{translate:-50% 90%;opacity:0;scale:.5}to{translate:0;opacity:1;scale:1}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes damageNumber{from{opacity:0;translate:0 30px;scale:.4}28%{opacity:1;scale:1.2}to{opacity:0;translate:0 -46px;scale:1}}@media(max-width:390px){.masthead{gap:5px}.round{letter-spacing:0}.brand b{letter-spacing:.04em}.brand small{letter-spacing:.10em}.party-list{height:107px}.member .portrait img{object-position:center}.act-btn{font-size:12px}.act-btn span{font-size:8px}.enemy-metadata strong{font-size:15px}.boss-entity{top:37%;width:64%}}@media(min-width:780px) and (orientation:landscape){.game{max-width:1550px}.command-deck{display:grid;grid-template-columns:1fr minmax(450px,1.35fr);column-gap:18px;grid-template-rows:auto auto auto}.party-label{grid-column:1}.party-list{grid-column:1;grid-row:2 / 4;height:clamp(115px,18dvh,160px)}.action-row{grid-column:2;grid-row:2;height:60px;margin:0}.meter-row{grid-column:2;grid-row:3;align-self:center}.status{grid-column:1/-1}.stage{min-height:190px}.boss-entity{top:46%;width:min(40%,440px)}.enemy-intent{top:78px}.field-actor{scale:.94}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v0.3.6 // Canonical CyberScape card portraits: keep faces visible at phone size. */
.member .portrait img{object-fit:cover;object-position:center 30%;image-rendering:auto}