:root{color:#e7ebdf;font-synthesis:none;--lime:#d4ebb0;--muted:#8b9c95;--line:#cddfc91f;--panel:#18282a;--display:Georgia, "Songti SC", "SimSun", serif;background:#101e21;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:13px}*{box-sizing:border-box}body{background:radial-gradient(at 52% 38%,#29413955,#0000 55%),#101e21;min-width:360px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .18s,border-color .18s,color .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:not(:disabled):active{transform:translateY(1px)}button:not(:disabled):hover{color:#f5f8e9}button svg{flex-shrink:0}img{object-fit:contain}h1,h2,h3,h4,p{margin:0}p{line-height:1.85}strong{font-weight:600}small{font-size:11px}::selection{background:#d4ebb055}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#61786b;border-radius:4px}::-webkit-scrollbar-track{background:0 0}.app-shell{max-width:1920px;margin:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 38px;display:flex}.brand{text-align:left;letter-spacing:3px;flex-shrink:0;align-items:center;gap:12px;font-size:21px;display:flex}.brand-mark{color:var(--lime);font-family:Georgia,serif;font-size:54px;font-weight:400;line-height:1}.brand small{letter-spacing:3.2px;color:#9fab99;margin-top:5px;font-size:8px;display:block}.alpha-tag{color:#afbda1;letter-spacing:1px;border:1px solid #91a0803b;border-radius:3px;margin-left:4px;padding:3px 5px;font-size:9px}.topbar nav{align-items:stretch;gap:32px;height:100%;display:flex}.nav-item{color:#9daa9f;align-items:center;gap:9px;padding:0 2px;font-size:13px;display:flex;position:relative}.nav-item.active{color:#e2eccb}.nav-item.active:after{content:"";background:var(--lime);height:2px;position:absolute;bottom:-1px;left:0;right:0}.top-actions{align-items:center;gap:15px;display:flex}.currency{color:#dece9b;align-items:center;gap:8px;font-family:Georgia,serif;font-size:17px;display:flex}.currency small{color:#87958d;font-family:inherit}.top-divider{border-left:1px solid var(--line);height:20px;margin:0 3px}.icon-button{color:#a7b7ac;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.icon-button:hover{background:#d5e8bb10}.profile{color:#27392f;width:33px;height:33px;font-family:var(--display);background:#a8b697;border:3px solid #d4e7bd30;border-radius:50%;font-size:16px}.top-actions .profile:hover{color:#15251b}main{padding:0 38px}.journey-heading{justify-content:space-between;align-items:center;gap:20px;padding:26px 0 24px;display:flex}.breadcrumb{color:#96a597;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.breadcrumb span{opacity:.35;padding:0 2px}.title-row{align-items:center;gap:18px;margin:9px 0;display:flex}.title-row h1{font-family:var(--display);letter-spacing:3px;font-size:33px;font-weight:500}.stage-number{color:#bdccaf;letter-spacing:2px;border-left:1px solid var(--line);padding-left:18px;font-family:Georgia,serif;font-size:23px}.stage-number span{color:#6e8279;font-size:12px}.pve-label{letter-spacing:1px;color:#94b09b;background:#b7d1a80a;border:1px solid #97b69e28;border-radius:3px;padding:4px 8px;font-size:9px}.journey-heading p{color:#a5b19e;letter-spacing:.5px;font-size:11px}.journey-heading p>span{color:#71867b}.phase-steps{gap:18px;margin-top:25px;display:flex}.phase-steps>div{color:#6f837a;align-items:center;gap:9px;font-size:11px;display:flex}.phase-steps>div>span{font:italic 16px Georgia,serif}.phase-steps>div.current{color:#dbe9bb}.phase-steps svg{color:#586e66;margin-left:8px}.arena-layout{border:1px solid var(--line);background:#192b292e;border-radius:9px;grid-template-columns:206px minmax(0,1fr) 225px;min-height:450px;display:grid;overflow:hidden}.left-panel,.right-panel{z-index:2;background:#18262896;padding:19px 17px;position:relative}.left-panel{border-right:1px solid var(--line);flex-direction:column;display:flex}.right-panel{border-left:1px solid var(--line)}.panel-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-title>span:first-child{letter-spacing:1px;align-items:center;gap:8px;font-weight:500;display:flex}.panel-title svg{color:#b3c5a6}.panel-title small{color:#819386;white-space:nowrap;font-size:9px}.bond-list{flex-direction:column;gap:3px;padding-top:18px;display:flex}.bond{border:1px solid #0000;border-radius:5px;grid-template-columns:31px 1fr 30px;align-items:center;column-gap:8px;padding:8px 6px;display:grid}.bond.enabled{background:linear-gradient(100deg,#c5dab00f,#0000);border-color:#b0ccaa0c}.bond-symbol{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:#102122;border:1px solid #bdd5b122;place-items:center;width:29px;height:30px;font-size:20px;display:grid}.bond-copy strong{letter-spacing:1px;font-size:11px;font-weight:500}.bond:not(.enabled) .bond-copy strong{color:#7f9385}.bond-count{text-align:right;color:#d6e4bf;font-family:Georgia,serif;font-size:20px}.bond-count small{color:#6d8276;font-size:12px}.bond-pips{color:#728277;gap:8px;margin-top:2px;font-family:system-ui;font-size:8px;display:flex}.bond-pips>span{position:relative}.bond-pips>span.on{color:var(--lime)}.bond-pips i{vertical-align:middle;opacity:.5;background:#708376;border-radius:50%;width:3px;height:3px;margin-left:8px;display:inline-block}.bond p{color:#84977f;grid-column:2/4;padding-top:3px;font-size:8px;line-height:1.6}.field-notes{border-top:1px solid var(--line);margin-top:auto;margin-bottom:1px;padding-top:19px}.eyebrow{letter-spacing:2px;color:#97ab91;font-family:system-ui,sans-serif;font-size:9px;font-weight:500}.field-notes .eyebrow{color:#6d8578;letter-spacing:2px;font-size:8px}.field-notes h4{color:#aebe9d;align-items:center;gap:6px;margin:10px 0 9px;font-size:11px;font-weight:400;display:flex}.field-notes p{color:#829584;font-size:10px;line-height:1.9}.text-button{color:#b0c39f;white-space:nowrap;align-items:center;gap:5px;padding:0;font-size:10px;display:flex}.field-notes .text-button{margin-top:13px}.battle-stage{background:radial-gradient(at 50% 40%,#516e544f 0,#0000 67%),linear-gradient(150deg,#1e3532,#263d34 55%,#1c302c);min-width:0;min-height:450px;position:relative;overflow:hidden}.battle-stage:after{content:"";pointer-events:none;background:radial-gradient(at 50% 42%,#0000 45%,#14282566);position:absolute;inset:0}.scene-root{touch-action:none;position:absolute;inset:20px -10px 25px;overflow:hidden}.scene-root canvas{touch-action:none;width:100%;height:100%;display:block}.battle-topline{z-index:2;pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute;top:18px;left:20px;right:20px}.region-tag{color:#c1d1b5;letter-spacing:1px;align-items:center;gap:8px;font-size:10px;display:flex}.status-dot{background:#bfdca0;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 7px #adc29344}.status-dot.live{animation:1s infinite glow}.battle-time{letter-spacing:1px;font-family:Georgia,serif;font-size:12px}.battle-time>span{color:#a0b39a;margin-right:6px;font-family:inherit;font-size:9px}.battle-time small{color:#819681;font-size:9px}.board-caption{pointer-events:none;opacity:.5;z-index:1;position:absolute;bottom:65px;left:24px}.board-caption>span{font-family:var(--display);letter-spacing:4px;font-size:14px}.board-caption>small{letter-spacing:2.5px;margin-top:7px;font-family:Georgia,serif;font-size:6px;display:block}.board-tools{z-index:4;align-items:center;gap:4px;display:flex;position:absolute;bottom:54px;right:16px}.board-tools>.icon-button{color:#d3debc;background:#172e2866;border:1px solid #c3d6b521;width:28px;height:28px}.board-tools>span{white-space:nowrap;color:#97ab92;font-size:8px;display:none;position:absolute;top:36px;right:0}.board-tools:hover>span{display:block}.board-legend{z-index:3;color:#adbea1;background:#172d2770;border-top:1px solid #bad5b010;align-items:center;gap:17px;padding:12px 19px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.board-legend>span{align-items:center;gap:6px;display:flex}.legend-square{width:7px;height:7px;display:inline-block;transform:rotate(45deg)}.legend-square.attack{background:#c1a580}.legend-square.defense{background:#8fafae}.board-legend .coordinates{color:#7e9985;margin-left:auto;font-family:system-ui;font-size:8px}.unit-label{pointer-events:none;z-index:3;filter:drop-shadow(0 2px 2px #101c2677);width:39px;position:absolute;top:0;left:0}.health-track{background:#26352cf0;border-radius:2px;height:4px;padding:1px;overflow:hidden}.health-track>span{background:#c1e49a;height:100%;transition:width .15s;display:block}.unit-label.enemy .health-track>span{background:#e7a7a0}.health-track>span.shielded{background:#ddedd0;box-shadow:0 0 5px #b2e1ff}.energy-track{background:#243b40e0;border-radius:2px;height:2px;margin-top:1px;overflow:hidden}.energy-track>span{background:#9ecddb;height:100%;transition:width .15s;display:block}.unit-state{text-align:center;color:#c1e8ec;height:15px;font-size:12px;line-height:15px;display:block}.unit-label.hit{filter:drop-shadow(0 0 4px #fff9)}.battle-float{pointer-events:none;z-index:4;text-shadow:0 2px 3px #162320,1px 0 2px #162320;white-space:nowrap;font-family:system-ui;font-size:13px;font-weight:650;position:absolute;top:0;left:0}.battle-float.heal{font-size:10px}.battle-float.skill{letter-spacing:1px;font-size:11px}.battle-float.heart{font-family:var(--display);letter-spacing:4px;text-shadow:0 2px 10px #152b23;font-size:25px}.scene-error{text-align:center;z-index:5;background:#192e29;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex;position:absolute;inset:0}.scene-error p{color:#b2bda9;font-size:12px}.encounter-art{background:linear-gradient(155deg,#344945,#536450 68%,#85916a);border:1px solid #c9dab119;border-radius:5px;width:100%;height:131px;margin:19px 0;display:block;position:relative;overflow:hidden}.sun-orbit{background:#d7daa13d;border-radius:50%;width:48px;height:48px;position:absolute;top:24px;right:27px;box-shadow:0 0 0 13px #d2d7a008,0 0 0 14px #d2d7a028,0 0 0 26px #d2d7a008,0 0 0 27px #d2d7a012}.mountain{clip-path:polygon(0 100%,5% 55%,18% 48%,32% 10%,42% 0,63% 55%,79% 43%,100% 100%);width:170px;height:110px;position:absolute}.mountain.one{background:#768772;bottom:-7px;right:-28px;transform:scale(.8)}.mountain.two{background:#415f51;bottom:-7px;left:-50px}.mountain.three{background:#2a4a40;bottom:-46px;left:20px;transform:scale(1.5)}.map-line{border:1px dashed #e5dca773;border-radius:50%;width:47px;height:80px;position:absolute;bottom:-20px;right:57px;transform:rotate(-30deg)}.map-pin{color:#f4e9b8;filter:drop-shadow(0 0 7px #f1eaa650);position:absolute;top:47px;left:70px}.art-label{letter-spacing:2px;color:#d7ddc6;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:9px;left:11px;right:10px}.encounter-copy .eyebrow{color:#839b86;font-size:8px}.encounter-copy h3{font-family:var(--display);letter-spacing:2px;justify-content:space-between;align-items:center;margin:10px 0 11px;font-size:19px;font-weight:400;display:flex}.stars{color:#d3bc81;align-items:center;gap:3px;display:inline-flex}.stars .dim{color:#73856c;opacity:.4}.encounter-copy .stars svg{width:10px;height:10px}.encounter-copy p{color:#90a18e;font-size:10px;line-height:2}.enemy-preview{margin:20px 0 17px}.enemy-preview>span{color:#b4c0a7;justify-content:space-between;font-size:10px;display:flex}.enemy-preview small{color:#758d7c;font-size:9px}.enemy-preview>div{gap:5px;margin-top:11px;display:flex}.enemy-preview button{background:#283a31;border:1px solid #bdcda117;border-radius:5px;width:29px;height:29px}.enemy-preview img{width:130%;height:130%;margin:-15%}.reward-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;padding-top:16px;display:flex}.reward-line>span{color:#9aab91;align-items:center;gap:5px;font-size:9px;display:flex}.reward-line strong{color:#d8c992;font-size:10px;font-weight:400}.secondary-button{color:#c2d0b1;background:#c5d7a803;border:1px solid #acc39533;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex}.secondary-button:hover:not(:disabled){background:#c6dba811;border-color:#c6dba866}.map-button{justify-content:space-between;width:100%;margin-top:16px;padding:9px 12px;font-size:10px}.tiny{width:18px;height:18px}.deployment-panel{padding:18px 0 20px}.roster-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.roster-heading .panel-title{gap:14px}.deployment-count{color:#d6e4ba;letter-spacing:1px;font-family:Georgia,serif;font-size:17px}.deployment-count small{color:#7e9180;font-size:11px}.roster-actions{align-items:center;gap:20px;display:flex}.filter-tabs{gap:18px;display:flex}.filter-tabs button{color:#7e9283;padding:3px 0;font-size:10px;position:relative}.filter-tabs button.active{color:#d4e6b5}.filter-tabs button.active:after{content:"";background:#c1daaa;border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.roster-actions .text-button{border-left:1px solid var(--line);padding-left:19px}.roster{gap:11px;padding:2px 1px 4px;display:flex;overflow-x:auto}.unit-card{background:radial-gradient(ellipse at 50% 35%, color-mix(in srgb, var(--unit-color) 14%, transparent), transparent 75%), #1e2e29;text-align:left;border:1px solid #a1b98b29;border-radius:6px;flex:1 0 112px;min-width:112px;max-width:180px;height:128px;padding:0;position:relative;overflow:hidden}.unit-card.deployed{border-color:#b0c99149}.unit-card:hover,.unit-card.selected{border-color:var(--lime);background-color:#2c3f32}.unit-card.selected{box-shadow:0 0 0 1px #c7e3a85c}.rarity{color:#cbbb8c;letter-spacing:2px;z-index:1;font-size:6px;position:absolute;top:9px;left:9px}.card-deployed{color:#a2b88c;border:1px solid #99b17b44;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:7px;right:7px}.unit-card.deployed .card-deployed{color:#29392d;background:#c8ddb0}.unit-card>img{filter:drop-shadow(0 7px 4px #08191233);width:104px;height:104px;transition:transform .2s;display:block;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.unit-card:hover>img{transform:translate(-50%)translateY(-3px)}.unit-card-copy{background:linear-gradient(#0000,#182824ad,#182824f2);padding:9px 10px;position:absolute;bottom:0;left:0;right:0}.unit-card-copy strong{letter-spacing:1px;font-size:11px;font-weight:500}.unit-card-copy>span{color:#92a48a;align-items:center;gap:5px;margin-top:4px;font-size:8px;display:flex}.unit-card-copy i{background:#819679;border-radius:50%;width:2px;height:2px}.collection-card{color:#8da77f;background:#b7cea405;border:1px dashed #bdd2a033;border-radius:5px;flex-direction:column;flex:0 0 81px;justify-content:center;align-items:center;gap:10px;min-width:81px;display:flex}.collection-card>span{font-size:10px}.collection-card>small{color:#6f8878;font-family:Georgia,serif;font-size:10px}.command-dock{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:19px 0;display:flex}.heart-label{flex:0 0 119px}.heart-label>span{letter-spacing:1px;color:#c3cfb4;align-items:center;gap:7px;font-size:12px;display:flex}.heart-label>small{color:#79907e;margin-top:8px;font-size:9px;display:block}.heart-label .text-button{color:#b2c397;margin-top:8px;font-size:9px}.heart-cards{flex:1;gap:11px;min-width:0;display:flex}.heart-card{background:linear-gradient(100deg, color-mix(in srgb, var(--heart-color) 8%, transparent), #1b2e2866);text-align:left;border:1px solid #b4c89b24;border-radius:5px;flex:1;align-items:center;gap:9px;min-width:0;height:70px;padding:10px;display:flex;position:relative;overflow:hidden}.heart-card.ready{border-color:color-mix(in srgb, var(--heart-color) 55%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--heart-color) 10%, transparent)}.heart-card.targeting{outline:2px solid var(--heart-color)}.heart-symbol{height:40px;color:var(--heart-color);background:color-mix(in srgb, var(--heart-color) 5%, transparent);border:1px solid color-mix(in srgb, var(--heart-color) 20%, transparent);border-radius:50%;flex:0 0 40px;place-items:center;font-family:Georgia,serif;font-size:29px;display:grid}.heart-info{min-width:0}.heart-info strong{white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.heart-info strong>span{color:#84967e;border:1px solid #a7be901c;border-radius:2px;padding:1px 3px;font-size:7px}.heart-info>small{color:#9aab90;letter-spacing:1px;margin-top:8px;font-size:8px;display:block}.heart-key{color:#7b907d;align-self:flex-start;margin-left:auto;font-family:Georgia,serif;font-size:10px}.heart-charge{background:var(--heart-color);height:2px;box-shadow:0 0 7px var(--heart-color);transition:width .1s;position:absolute;bottom:0;left:0}.heart-card.ready .heart-key{color:var(--heart-color);white-space:nowrap;font-family:inherit;font-size:8px}.heart-card.empty{color:#829b7d;justify-content:center;gap:7px;font-size:10px}.battle-controls{flex:0 0 217px;margin-left:5px}.toggles{justify-content:space-between;align-items:center;gap:9px;margin-bottom:7px;display:flex}.auto-toggle{color:#9baf91;align-items:center;gap:5px;padding:0;font-size:9px;display:flex}.auto-toggle>span{background:#314a3a;border:1px solid #536c47;border-radius:10px;width:22px;height:12px;position:relative}.auto-toggle>span:after{content:"";background:#91a682;border-radius:50%;width:6px;height:6px;transition:transform .2s;position:absolute;top:2px;left:2px}.auto-toggle.on>span{background:#abc58c}.auto-toggle.on>span:after{background:#263b28;transform:translate(10px)}.speed-button{color:#bdcbaa;margin-left:auto;font-family:Georgia,serif;font-size:11px}.toggles .icon-button{width:20px;height:18px}.primary-button{color:#2a3b26;background:#d2e8b1;border:1px solid #e9f6d029;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:12px;font-weight:600;display:flex;box-shadow:0 3px 15px #cadbb80a}.primary-button:hover:not(:disabled){color:#233c22;background:#e1f2c6;box-shadow:0 0 20px #d6edb01f}.primary-button svg:last-child{margin-left:auto}.start-button{letter-spacing:2px;width:100%;height:44px;font-size:14px}.start-button>span{letter-spacing:0;margin-left:auto;font-family:Georgia,serif;font-size:12px}.locked-label{color:#91a184;align-items:center;gap:6px;font-size:10px;display:flex}footer{color:#667f72;letter-spacing:.5px;justify-content:space-between;gap:15px;padding:17px 0 20px;font-size:8px;display:flex}footer>span{align-items:center;gap:8px;display:flex}footer .status-dot{width:4px;height:4px;box-shadow:none;background:#90b084}.footer-dot{color:#516e5d;margin:0 4px}.battle-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:7;background:#152920b8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown>span{letter-spacing:4px;color:#c3d5ae;font-size:13px}.countdown>strong{color:#e0efbe;margin:14px 0;font:100px Georgia,serif;animation:.7s both count-in}.pause-screen{background:#162b22a8;gap:13px}.pause-screen>svg{color:var(--lime)}.pause-screen h3{font-family:var(--display);letter-spacing:4px;font-size:25px;font-weight:400}.pause-screen p{color:#adbfa0;font-size:11px}.pause-screen .primary-button{margin-top:7px}.selection-hint{white-space:nowrap;color:#263e2d;z-index:5;background:#d7eabd;border-radius:4px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #11251880}.selection-hint button{color:#284131;align-items:center;margin-left:5px;padding:0;display:flex}.toast{z-index:30;color:#2d432f;background:#e0ebcb;border-radius:7px;align-items:center;gap:12px;max-width:calc(100vw - 30px);padding:15px 20px;font-size:12px;line-height:1.7;animation:.2s fade-in;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 5px 40px #061b1b66}.toast>svg{flex-shrink:0}.toast button{color:#4b6348;padding:0;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07191bba;justify-content:center;align-items:center;padding:30px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:radial-gradient(at 85% 0,#3d534229,#0000 60%),#1a2d2a;border:1px solid #a7c39930;border-radius:12px;width:min(620px,100%);max-height:90vh;padding:35px;position:relative;overflow-y:auto;box-shadow:0 25px 100px #020f1477}.modal.wide{width:min(990px,100%)}.close-modal{position:absolute;top:17px;right:17px}.modal>h2{font-family:var(--display);letter-spacing:2px;margin:11px 0 13px;font-size:27px;font-weight:400;line-height:1.5}.modal-intro{color:#98ae98;margin-bottom:25px;font-size:12px}.journey-map{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px;display:grid}.map-node{text-align:center;background:radial-gradient(at 50% 25%,#99bc6917,#0000);border:1px solid #b0c79a23;border-radius:7px;flex-direction:column;align-items:center;padding:22px 15px;display:flex;position:relative}.map-node.selected{background-color:#c9dfae0a;border-color:#cadfac88}.map-node-index{color:#cdddaf;background:#8fac7120;border:1px solid #bdd3a342;border-radius:13px;place-items:center;width:59px;height:59px;margin:3px 0 25px;display:grid;transform:rotate(45deg)}.map-node-index svg{transform:rotate(-45deg)}.map-node h3{font-family:var(--display);letter-spacing:2px;margin:9px 0 4px;font-size:21px;font-weight:400}.map-node p{color:#92a889;margin-bottom:15px;font-size:9px}.map-node .eyebrow{letter-spacing:1.5px;font-size:8px}.node-reward{color:#c0c295;margin-top:17px;font-size:9px}.collection-layout{grid-template-columns:1fr 260px;gap:25px;margin-top:25px;display:grid}.collection-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;display:grid}.collection-unit{background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--unit-color) 13%, transparent), transparent), #16282344;border:1px solid #a1bb8e2b;border-radius:6px;flex-direction:column;align-items:center;padding:6px 5px 12px;display:flex}.collection-unit.selected{background-color:#bfd39a0a;border-color:#d0e5aeaa}.collection-unit.unowned{filter:saturate(.45);opacity:.62}.collection-unit>img{width:100%;max-width:130px;height:86px}.collection-unit>strong{letter-spacing:1px;font-size:11px;font-weight:400}.collection-unit>small{color:#9aaa8e;margin-top:6px;font-size:8px}.unit-detail{border-left:1px solid var(--line);padding-left:25px}.detail-art{text-align:center;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--unit-color) 17%, transparent), transparent 65%);height:178px;position:relative}.detail-art>img{filter:drop-shadow(0 15px 10px #041d1933);width:100%;height:190px;margin-top:-15px}.detail-art>span{color:#d6be86;letter-spacing:5px;font-size:10px;position:absolute;bottom:5px;left:0;right:0}.unit-detail>.eyebrow{letter-spacing:1px;margin-top:10px;font-size:9px;display:block}.unit-detail>h3{font-family:var(--display);letter-spacing:3px;margin:10px 0;font-size:29px;font-weight:400}.detail-tags{gap:7px;display:flex}.detail-tags>span{color:#b9cfa7;border:1px solid #bdceaa28;border-radius:3px;padding:3px 7px;font-size:9px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:15px 10px;margin:24px 0;display:grid}.stat-grid>div{flex-direction:column;gap:5px;display:flex}.stat-grid span{color:#8da287;font-size:10px}.stat-grid strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.unit-detail>h4{color:#d2dfb9;align-items:center;gap:7px;margin:14px 0 9px;font-size:12px;display:flex}.unit-detail>p{color:#9bae93;font-size:11px;line-height:1.9}.unit-detail>.primary-button{width:100%;margin-top:22px}.unlock-note{align-items:center;gap:5px;margin-top:19px;display:flex;color:#baa987!important}.heart-selection{flex-direction:column;gap:11px;margin:22px 0;display:flex}.heart-option{text-align:left;background:#9bb87804;border:1px solid #a6bd8e2a;border-radius:6px;align-items:center;gap:16px;padding:14px;display:flex}.heart-option .heart-symbol{background:#b1c29109;border-color:#adbb992f;flex:0 0 46px;width:46px;height:46px;font-size:31px}.heart-option h4{align-items:center;gap:14px;font-size:13px;font-weight:500;display:flex}.heart-option h4 small{color:#bbbc96;font-size:10px;font-weight:400}.heart-option p{color:#94a98e;margin:7px 0;font-size:10px}.heart-passive{color:#b7c59e;font-size:9px}.choice-check{flex:0 0 19px;margin-left:auto}.selected .choice-check{color:#d4e8b6}.full-width{width:100%}.record-list{flex-direction:column;gap:2px;display:flex}.record-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:14px 0;display:flex}.record-result{color:#a7aaa0;background:#adac8b08;border:1px solid #bcb49733;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.record-result.won{color:#cadfae;background:#c1df9b0a;border-color:#bad89939}.record-row>div{flex:1}.record-row strong{font-size:12px;font-weight:500;display:block}.record-row strong>span{color:#98b58b;margin-left:13px;font-size:9px}.record-row small{color:#829b83;margin-top:6px;font-size:9px;display:block}.record-row .secondary-button{padding:7px 11px;font-size:10px}.empty-state{text-align:center;color:#9eb390;padding:45px 10px}.empty-state>svg{color:#cfdda9;margin-bottom:20px}.empty-state h3{font-family:var(--display);letter-spacing:2px;font-size:24px;font-weight:400}.empty-state p{margin-top:15px;font-size:11px}.guide-steps{flex-direction:column;gap:22px;margin:26px 0;display:flex}.guide-steps>div{gap:20px;display:flex}.guide-steps>div>span{color:#c9dba9;opacity:.6;font:italic 29px Georgia,serif}.guide-steps h3{letter-spacing:1px;margin:2px 0 9px;font-size:14px;font-weight:500}.guide-steps p{color:#9eb095;font-size:11px;line-height:1.9}.guide-tip{color:#bfd2ab;background:#c0d49d09;border:1px solid #c0d49d1c;border-radius:5px;align-items:flex-start;gap:13px;margin:24px 0;padding:14px;display:flex}.guide-tip svg{flex-shrink:0;margin-top:2px}.guide-tip p{color:#9fb090;font-size:10px}.setting-label{color:#bdcdb0;flex-direction:column;gap:12px;margin:28px 0 16px;font-size:12px;display:flex}.setting-label input{color:#d6e4c2;background:#0f241f7a;border:1px solid #b3c69830;border-radius:5px;max-width:100%;padding:13px;font-size:13px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:21px 0;display:flex}.setting-row h4{font-size:12px;font-weight:500}.setting-row p{color:#8ca283;margin-top:7px;font-size:10px}.switch{background:#42543c;border:1px solid #89996a30;border-radius:20px;width:38px;padding:3px}.switch>span{background:#a3b686;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block}.switch.on{background:#b6cf95}.switch.on>span{background:#263e27;transform:translate(17px)}.about-note{align-items:center;gap:17px;margin-top:28px;display:flex}.about-note>.brand-mark{font-size:44px}.about-note h4{color:#c2d0a9;font-size:12px;font-weight:400}.about-note p{color:#789176;margin-top:7px;font-size:10px}.result-emblem{color:#acb494;background:#bed2a20a;border:1px solid #b3c89633;border-radius:50%;place-items:center;width:90px;height:90px;margin:27px auto 20px;display:grid;box-shadow:0 0 0 9px #b5d99705,0 0 0 10px #b5d9970a}.result-emblem.victory{color:#d0e6a6;background:radial-gradient(#c8e4a320,#0000);border-color:#d4e7b35c}.result-stars{text-align:center}.result-stars svg{width:24px;height:24px;margin:0 5px}.result-metrics{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:27px 0;padding:19px 0;display:grid}.result-metrics>div{border-right:1px solid var(--line);flex-direction:column;gap:8px;display:flex}.result-metrics>div:last-child{border:0}.result-metrics small{color:#8ca183;font-size:10px}.result-metrics strong{color:#d3e2b7;font:26px Georgia,serif}.capture-result{background:linear-gradient(100deg,#a5c58611,#a5c58602);border:1px solid #a5c58630;border-radius:6px;align-items:center;gap:12px;margin-bottom:24px;padding:6px 17px;display:flex}.capture-result>img{width:70px;height:70px}.capture-result>div{flex-direction:column;gap:4px;display:flex}.capture-result small{color:#b9c992;font-size:9px}.capture-result strong{letter-spacing:2px;font-size:15px}.capture-result span{color:#8ba17f;font-size:9px}.capture-result>svg{color:#c4dc9c;margin-left:auto}.damage-ranking>.eyebrow{letter-spacing:1px;margin-bottom:12px;font-size:9px;display:block}.damage-ranking>div{align-items:center;gap:10px;height:37px;display:flex}.damage-ranking>div>span{color:#8aa07b;font:12px Georgia,serif}.damage-ranking img{width:36px;height:36px}.damage-ranking strong{color:#c5d0b3;min-width:65px;font-size:10px;font-weight:400}.damage-bar{background:#839e7822;border-radius:3px;flex:1;height:4px;overflow:hidden}.damage-bar>i{opacity:.8;border-radius:3px;height:100%;display:block}.damage-ranking small{color:#bccba5;text-align:right;width:39px;font-family:Georgia,serif;font-size:10px}.result-actions{gap:13px;margin-top:28px;display:flex}.result-actions>.primary-button{flex:1}.result-tip{color:#a8ba94;margin-top:20px;font-size:11px;line-height:1.9}.portrait-fallback{place-items:center;min-height:60px;font-size:35px;display:grid}.muted,.empty-note{color:#8da483;margin-top:15px;font-size:11px}.empty-note{line-height:1.9}@keyframes glow{50%{opacity:.3}}@keyframes count-in{0%{opacity:0;transform:scale(1.3)}30%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1500px){.arena-layout{grid-template-columns:230px minmax(0,1fr) 258px;min-height:520px}.battle-stage{min-height:520px}.left-panel,.right-panel{padding:22px}.encounter-art{height:160px}.bond-list{gap:6px}.bond p{font-size:9px}.bond{padding:9px 6px}.field-notes p,.encounter-copy p{font-size:11px}.unit-card{max-width:none;height:143px}.unit-card>img{width:115px;height:115px}.journey-heading{padding:30px 0}.command-dock{padding:21px 0}.unit-card-copy strong{font-size:12px}.unit-card-copy>span{font-size:9px}.heart-card{height:76px}.battle-controls{flex-basis:240px}.heart-label{flex-basis:165px}.heart-info strong{font-size:12px}.heart-info>small{font-size:10px}}@media (width<=1190px){.topbar{gap:14px;height:70px;padding:0 24px}main{padding:0 24px}.alpha-tag{display:none}.topbar nav{gap:19px}.brand{font-size:19px}.brand-mark{font-size:45px}.top-actions{gap:9px}.arena-layout{grid-template-columns:170px minmax(0,1fr) 195px}.left-panel,.right-panel{padding:16px 12px}.battle-stage,.arena-layout{min-height:430px}.bond{grid-template-columns:27px 1fr 27px;column-gap:5px;padding:6px 2px}.bond-symbol{width:26px;height:27px;font-size:17px}.field-notes{padding-top:12px}.field-notes p{font-size:9px}.encounter-art{height:117px}.encounter-copy p{font-size:9px}.enemy-preview button{width:24px;height:24px}.heart-label{flex-basis:96px}.command-dock{gap:13px}.heart-cards{gap:7px}.heart-card{gap:6px;padding:8px}.heart-symbol{flex-basis:30px;height:30px;font-size:23px}.heart-info strong>span{display:none}.heart-info strong{font-size:10px}.heart-info>small{letter-spacing:0;font-size:8px}.battle-controls{flex-basis:179px}.phase-steps{gap:10px}.phase-steps>div{gap:6px;font-size:10px}.phase-steps svg{margin-left:3px}.roster{gap:8px}.unit-card{flex-basis:100px;min-width:100px;height:120px}.unit-card>img{width:98px;height:98px}.collection-card{flex-basis:65px;min-width:65px}.topbar .nav-item{font-size:12px}}@media (width<=980px){.arena-layout{grid-template-columns:172px minmax(0,1fr)}.right-panel{display:none}.battle-stage{min-height:470px}.phase-steps>div:not(.current),.phase-steps .current>svg{display:none}.topbar nav{gap:18px}.nav-item>svg{display:none}.brand small{letter-spacing:2px;font-size:7px}.brand{gap:8px;font-size:18px}.topbar .currency small{display:none}.topbar .currency{font-size:15px}.journey-heading{padding:23px 0}.title-row h1{font-size:29px}.pve-label{display:none}.command-dock{flex-wrap:wrap;gap:16px}.heart-label{flex-basis:105px}.heart-cards{flex-basis:calc(100% - 121px)}.heart-card{height:66px;padding:10px}.heart-info strong{font-size:11px}.heart-symbol{flex-basis:35px;height:35px;font-size:27px}.heart-info>small{font-size:9px}.battle-controls{flex:1;justify-content:space-between;align-items:center;gap:22px;margin:0;display:flex}.toggles{flex:1;justify-content:flex-start;gap:20px;margin:0}.speed-button{margin-left:0}.start-button{width:240px}.heart-info strong>span{display:inline}.collection-layout{grid-template-columns:1fr 235px;gap:18px}.unit-detail{padding-left:18px}.collection-grid{grid-template-columns:repeat(3,1fr)}.collection-unit>img{height:75px}footer{font-size:8px}footer>span:last-child{font-size:7px}.unit-card{flex-basis:106px;max-width:none}.collection-card{flex-basis:76px}.phase-steps{margin-top:5px}.battle-topline{top:15px}}@media (width<=700px){.topbar{height:62px;padding:0 16px}.topbar nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#122721f5;border-top:1px solid #bdd7a526;justify-content:space-around;height:58px;padding-bottom:4px;position:fixed;bottom:0;left:0;right:0}.nav-item{flex:1;justify-content:center;gap:7px;font-size:10px!important}.nav-item>svg{width:15px;height:15px;display:block}.nav-item.active:after{height:2px;inset:0 20% auto}.brand{letter-spacing:2px;font-size:17px}.brand small{letter-spacing:2.5px;margin-top:4px;font-size:6px}.brand-mark{font-size:41px}.top-actions{gap:6px}.top-divider{display:none}.top-actions .icon-button{width:25px}.currency{gap:5px;margin-right:5px;font-size:14px!important}.currency svg{width:13px}.profile{width:29px;height:29px;font-size:12px}.top-actions .profile{display:none}main{padding:0 14px 58px}.journey-heading{padding:21px 2px 19px}.breadcrumb{font-size:9px}.title-row{gap:11px;margin:8px 0}.title-row h1{letter-spacing:2px;font-size:27px}.stage-number{padding-left:11px;font-size:20px}.stage-number span{font-size:10px}.journey-heading p{letter-spacing:0;font-size:9px}.journey-heading p>span{display:none}.phase-steps>div{flex-direction:column;gap:5px;font-size:9px}.phase-steps>div>span{font-size:18px}.arena-layout{flex-direction:column;display:flex;overflow:hidden}.battle-stage{order:0;width:100%;min-height:405px}.scene-root{inset:16px -12px 24px}.left-panel{border-right:0;border-top:1px solid var(--line);order:1;padding:13px}.left-panel>.panel-title{margin-bottom:10px}.left-panel>.panel-title>span{font-size:11px}.bond-list{flex-direction:row;gap:7px;padding-top:0;display:flex;overflow-x:auto}.bond{grid-template-columns:24px 1fr 20px;gap:3px;min-width:123px;padding:8px 7px}.bond-symbol{width:23px;height:23px;font-size:15px}.bond-copy strong{font-size:10px}.bond-count{font-size:15px}.bond-count small{font-size:10px}.bond p{display:none}.bond-pips{gap:6px;font-size:7px}.bond-pips i{margin-left:6px}.field-notes{display:none}.board-tools{bottom:50px;right:12px}.board-caption{opacity:.4;bottom:57px;left:17px}.board-caption>span{font-size:11px}.board-caption>small{letter-spacing:2px;font-size:5px}.board-legend{gap:12px;padding:11px 13px;font-size:7px}.board-legend .coordinates{font-size:7px}.battle-topline{top:14px;left:14px;right:14px}.region-tag{letter-spacing:0;font-size:9px}.battle-time{font-size:11px}.battle-time>span{font-size:8px}.deployment-panel{padding:17px 0}.roster-heading{margin-bottom:12px}.roster-heading .panel-title{gap:10px}.roster-heading .panel-title>span:first-child{gap:6px;font-size:11px}.deployment-count{font-size:16px}.roster-actions,.filter-tabs{gap:9px}.filter-tabs button{font-size:9px}.roster-actions .text-button{gap:4px;padding-left:9px;font-size:8px}.roster-actions .text-button svg{width:10px}.roster{gap:8px}.unit-card{flex-basis:103px;min-width:103px;height:117px}.unit-card-copy strong{font-size:10px}.unit-card-copy>span{font-size:7px}.rarity{font-size:5px}.heart-label{flex-basis:100%;align-items:center;gap:10px;display:flex}.heart-label>span{font-size:11px}.heart-label>small{margin:0;font-size:8px}.heart-label .text-button{margin:0 0 0 auto}.command-dock{gap:13px;padding:15px 0}.heart-cards{flex-basis:100%;gap:7px}.heart-card{gap:6px;height:66px;padding:7px}.heart-symbol{flex-basis:26px;height:26px;font-size:20px}.heart-info strong{font-size:9px}.heart-info>small{margin-top:7px;font-size:7px}.heart-info strong>span{display:none}.heart-key{font-size:8px;position:absolute;top:5px;right:5px}.heart-card.ready .heart-key{font-size:7px}.battle-controls{gap:12px}.toggles{gap:15px}.auto-toggle{font-size:8px}.speed-button{font-size:10px}.start-button{letter-spacing:1px;gap:8px;width:175px;height:41px;padding:8px 12px;font-size:13px}.start-button svg{width:15px}footer{padding:15px 0;font-size:7px;line-height:1.8;display:block}footer>span{gap:6px}footer>span:last-child{margin-top:6px;font-size:6px}.selection-hint{white-space:normal;gap:6px;max-width:calc(100% - 24px);padding:9px;font-size:9px;bottom:43px}.selection-hint svg{flex-shrink:0}.modal-backdrop{padding:12px}.modal{border-radius:9px;max-height:89dvh;padding:28px 20px 24px}.modal>h2{letter-spacing:1px;margin:10px 0 12px;font-size:23px}.modal>.eyebrow{letter-spacing:1px;font-size:8px}.modal-intro{margin-bottom:18px;font-size:10px}.journey-map{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:17px}.map-node{padding:16px 10px}.map-node-index{border-radius:9px;width:41px;height:41px;margin-bottom:20px}.map-node h3{margin-top:7px;font-size:18px}.map-node p{margin-bottom:10px;font-size:8px}.map-node .eyebrow{font-size:7px}.node-reward{margin-top:12px;font-size:8px}.collection-layout{flex-direction:column;gap:20px;margin-top:19px;display:flex}.collection-grid{grid-template-columns:repeat(4,1fr);gap:6px}.collection-unit{padding:2px 2px 8px}.collection-unit>img{height:66px}.collection-unit>strong{letter-spacing:0;font-size:9px}.collection-unit>small{margin-top:5px;font-size:7px}.unit-detail{border-left:0;border-top:1px solid var(--line);min-height:290px;padding:20px 0 0;position:relative}.detail-art{float:right;width:45%;height:136px}.detail-art>img{height:150px}.unit-detail>.eyebrow{max-width:53%;font-size:8px}.unit-detail>h3{font-size:25px}.detail-tags{gap:4px}.detail-tags>span{padding:3px 5px;font-size:8px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:53%;margin:17px 0 23px}.stat-grid strong{font-size:16px}.stat-grid span{font-size:8px}.unit-detail>h4{clear:both}.unit-detail>p{font-size:10px}.unit-detail>.primary-button{margin-top:15px}.heart-option{gap:10px;padding:12px 9px}.heart-option .heart-symbol{flex-basis:31px;height:31px;font-size:23px}.heart-option h4{gap:9px;font-size:12px}.heart-option h4 small{font-size:8px}.heart-option p{font-size:9px;line-height:1.8}.heart-passive{font-size:8px}.heart-selection{gap:9px}.choice-check{flex-basis:13px}.guide-steps{gap:20px;margin:22px 0}.guide-steps>div{gap:13px}.guide-steps>div>span{font-size:25px}.guide-steps h3{font-size:12px}.guide-steps p{font-size:10px}.guide-tip p{font-size:9px}.record-row{gap:8px}.record-result{width:30px;height:30px}.record-row strong{font-size:11px}.record-row strong>span{margin-left:7px;font-size:8px}.record-row small{font-size:8px}.record-row>.stars{gap:1px}.record-row>.stars svg{width:10px}.record-row>.secondary-button{gap:4px;padding:6px;font-size:9px}.toast{gap:9px;min-width:260px;padding:13px 15px;font-size:11px;bottom:72px}.capture-result{gap:8px;padding:6px 10px}.capture-result>img{width:58px;height:58px}.capture-result strong{font-size:14px}.capture-result span{font-size:8px}.result-metrics{margin:20px 0;padding:16px 0}.result-metrics strong{font-size:23px}.result-tip{font-size:10px}.setting-row{gap:10px}.setting-row p{font-size:9px}.damage-ranking strong{min-width:55px}.result-actions{gap:9px}.result-actions .secondary-button{padding:10px 11px;font-size:10px}.result-actions .primary-button{padding:11px 13px;font-size:11px}.scene-root .unit-label{width:32px}.battle-float{font-size:11px}.battle-float.skill{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.arena-layout{height:clamp(450px,48vh,560px)}.battle-stage,.left-panel{min-height:0}.bond-list{flex:1;min-height:0;padding-bottom:13px;padding-right:3px;overflow-y:auto}.bond{flex-shrink:0}.field-notes{flex-shrink:0;margin-top:10px}.field-notes p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bond:not(.enabled) p{display:none}.bond:not(.enabled){padding-top:7px;padding-bottom:7px}@media (width<=700px){.arena-layout{height:auto}.battle-stage{min-height:405px}.bond-list{flex:auto;padding-bottom:2px;padding-right:0;overflow:auto hidden}.left-panel{min-height:96px}.battle-running .command-dock{z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#182f28f5;border:1px solid #a3c1893b;border-radius:7px 7px 0 0;padding:12px 10px;position:fixed;bottom:58px;left:14px;right:14px;box-shadow:0 -8px 20px #0c211940}.battle-running .command-dock .heart-label{display:none}.battle-running main{padding-bottom:225px}.battle-running .heart-info>small{font-size:6px}.battle-running .heart-cards{gap:5px}.battle-running .heart-card{padding:5px}.battle-running .heart-symbol{flex-basis:24px;height:24px;font-size:18px}.battle-running .heart-info strong{font-size:8px}}.heart-art{object-fit:cover;object-position:50% 28%;-webkit-user-select:none;user-select:none;display:block}.unit-selection-name{display:none}.unit-label.selected-unit{z-index:6;filter:drop-shadow(0 0 5px #efc25a)!important}.unit-label.selected-unit .unit-selection-name{color:#ffedb4;white-space:nowrap;background:#342a13ee;border:1px solid #ffe6a0;border-radius:4px;width:max-content;margin-bottom:5px;padding:4px 8px;font-size:12px;font-weight:700;display:block;position:relative;left:50%;transform:translate(-50%);box-shadow:0 0 12px #ffdc7940}.unit-label.selected-unit .health-track{outline-offset:2px;outline:2px solid #fbdc81}.tactical-targeting .battle-stage{outline-offset:-2px;outline:2px solid #dec085}.tactical-targeting .region-tag{color:#ffdfa0;font-weight:600}.tactical-targeting .status-dot.live{background:#f9d58a;animation:none}.tactical-targeting .selection-hint{color:#fff0c9;white-space:normal;text-align:center;z-index:9;background:#24302bf2;border:1px solid #fce0a0;width:max-content;max-width:calc(100% - 28px);padding:10px 14px;line-height:1.7;box-shadow:0 4px 18px #0005}.tactical-targeting .selection-hint button{color:#ffe5a7;border:1px solid #ffe5a755;border-radius:4px;flex-shrink:0;min-width:28px;min-height:28px;padding:4px}.expression-picker .gallery-toggle{color:#e8d5ad;border-color:#c5a77970;margin-left:auto}.heart-gallery{margin:18px 0}.heart-gallery-main{border:1px solid #cab17c55;border-radius:8px;position:relative;overflow:hidden}.heart-gallery-main>.heart-art{aspect-ratio:1;object-fit:contain;width:100%}.heart-gallery-main>div{pointer-events:none;background:linear-gradient(#0000,#111722e8);flex-direction:column;gap:8px;padding:50px 24px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.heart-gallery-main span{letter-spacing:4px;color:#e4c6b1;font-size:11px}.heart-gallery-main strong{font:25px var(--display);letter-spacing:4px;color:#fff1d2}.heart-gallery-tabs{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;display:grid}.heart-gallery-tabs button{opacity:.65;border:1px solid #c0a57540;border-radius:5px;position:relative;overflow:hidden}.heart-gallery-tabs button.selected{opacity:1;border-color:#eed2a0}.heart-gallery-tabs img{aspect-ratio:1.2;object-fit:cover;width:100%}.heart-gallery-tabs span{color:#e8d9bb;background:#17242bc9;padding:4px 0;font-size:10px;position:absolute;bottom:0;left:0;right:0}.heart-card{isolation:isolate;background:linear-gradient(115deg,#1b242e,#192a2c);border-color:#bfa87740;border-radius:7px;height:98px;padding:12px 12px 12px 96px}.heart-card>.heart-art{z-index:-1;width:112px;height:100%;transition:transform .4s;position:absolute;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 63%,#0000);mask-image:linear-gradient(90deg,#000 63%,#0000)}.heart-card:hover>.heart-art{transform:scale(1.06)}.heart-card.ready{box-shadow:inset 0 0 25px color-mix(in srgb, var(--heart-color) 12%, transparent), 0 0 15px color-mix(in srgb, var(--heart-color) 16%, transparent);border-color:var(--heart-color)}.heart-skill-seal{width:25px;height:25px;color:var(--heart-color);background:#15252ee0;border:1px solid #f0d8ad80;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 10px #0005}.heart-info strong{letter-spacing:1px;text-shadow:0 2px 6px #0009;font-size:13px;display:block}.heart-info strong>span{letter-spacing:0;color:#d4c59e;width:fit-content;margin-top:5px;font-size:8px;display:block}.heart-info>small{color:#c6bfca;letter-spacing:1px;white-space:nowrap;margin-top:7px;font-size:10px}.heart-key{color:#e3d6b4;font-size:11px;position:absolute;top:9px;right:9px}.heart-charge{height:3px}.heart-card.empty{padding:10px}.heart-selection{gap:12px;margin:16px 0 22px}.heart-option{background:linear-gradient(110deg,#242632,#182b2c);border-color:#bca87740;gap:17px;min-height:152px;padding:0 16px 0 0;transition:border-color .2s;overflow:hidden}.heart-option>.heart-art{object-position:50% 25%;flex:0 0 145px;width:145px;height:168px;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.heart-option.selected{background:linear-gradient(110deg,#38303a,#25332f);border-color:#d9c291}.heart-option h4{flex-wrap:wrap;gap:6px 16px;font-size:16px}.heart-option h4 small{font-size:11px}.heart-option p{font-size:11px;line-height:1.8}.heart-passive{font-size:10px;line-height:1.7;display:block}.expression-picker,.motion-picker{flex-wrap:wrap;gap:5px;display:flex}.expression-picker button,.motion-picker button{color:#afbfaf;background:#182a2e;border:1px solid #bda97e35;border-radius:4px;padding:6px 12px;font-size:11px}.expression-picker button.selected,.motion-picker button.selected{color:#26342e;background:#d4c08e;border-color:#e9d5a5}.detail-art{background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--unit-color) 20%, #253332), #15272a 72%);border:1px solid #b9aa7830;border-radius:8px;height:auto;min-height:310px;display:block;overflow:hidden}.model-viewer{width:100%;padding-bottom:10px;position:relative}.model-viewer-canvas{touch-action:none;width:100%;height:276px}.model-viewer-canvas canvas{cursor:grab;width:100%;height:100%;display:block}.model-viewer-canvas canvas:active{cursor:grabbing}.viewer-hint{color:#bdd0bc80;letter-spacing:2px;text-align:center;pointer-events:none;font-size:9px;position:absolute;top:12px;left:0;right:0}.motion-picker{z-index:1;justify-content:center;padding:0 9px;position:relative}.motion-picker button{padding:5px 7px;font-size:10px}.detail-art>span{display:none}.heart-cut-in{z-index:8;pointer-events:none;isolation:isolate;border-block:1px solid color-mix(in srgb, var(--heart-color) 55%, transparent);background:linear-gradient(100deg, #0e101bf5, color-mix(in srgb, var(--heart-color) 25%, #151329) 55%, #171526d9);animation:.56s both heart-entrance;position:absolute;inset:18% 0 15%;overflow:hidden}.heart-cut-in>.heart-art{object-position:50% 26%;width:60%;height:155%;animation:.56s ease-out both portrait-drift;position:absolute;top:-22%;left:0;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.cut-in-caption{z-index:2;white-space:nowrap;text-shadow:0 3px 15px #000b;flex-direction:column;gap:12px;display:flex;position:absolute;top:31%;left:49%}.cut-in-caption>span{color:var(--heart-color);letter-spacing:4px;font-size:12px}.cut-in-caption>strong{font:32px var(--display);color:#fff3d9;letter-spacing:5px}.cut-in-caption>i{color:#d6c7ac;letter-spacing:7px;font-size:9px;font-style:normal}.cut-in-sigil{opacity:.08;color:var(--heart-color);font:190px Georgia,serif;position:absolute;top:0;right:3%;transform:rotate(-12deg)}.cut-in-rays{opacity:.3;background:repeating-linear-gradient(-22deg, transparent 0 28px, color-mix(in srgb, var(--heart-color) 25%, transparent) 29px 30px, transparent 32px 65px);animation:.56s linear both cut-in-rays;position:absolute;inset:0}@keyframes heart-entrance{0%{opacity:0;transform:translate(-7%)scaleY(.7)}16%,76%{opacity:1;transform:translate(0)scaleY(1)}to{opacity:0;transform:translate(4%)scaleY(.98)}}@keyframes portrait-drift{0%{transform:translate(-30px)scale(1.06)}to{transform:translate(8px)scale(1)}}@keyframes cut-in-rays{to{transform:translate(50px)}}.scene-root .unit-label{filter:drop-shadow(0 1px 2px #142b21aa)}.health-track{box-shadow:0 1px 2px #0008}.unit-label.tank .health-track{height:6px}.unit-label .energy-track>span{background:linear-gradient(90deg,#c2a4df,#eed5f5)}.battle-float.damage{text-shadow:0 1px 3px #241729,0 0 5px #241729;font-weight:700}.battle-float.skill{letter-spacing:1px;text-shadow:0 1px 5px #141c29}.setting-row select{color:#e5dec3;background:#24342f;border:1px solid #a99a694f;border-radius:5px;padding:8px 12px}@media (width<=1100px){.heart-card{padding-left:80px}.heart-card>.heart-art{width:96px}.heart-info strong{font-size:12px}.heart-info>small{font-size:9px}.cut-in-caption>strong{font-size:26px}}@media (width<=700px){.heart-card{height:89px;padding:8px 5px 8px 60px}.heart-card>.heart-art{width:76px}.heart-info strong{letter-spacing:0;font-size:10px}.heart-info strong>span{display:none}.heart-info>small{letter-spacing:0;white-space:normal;font-size:8px;line-height:1.5}.heart-key{font-size:9px;top:5px;right:5px}.heart-skill-seal{width:19px;height:19px;font-size:15px;bottom:5px;left:5px}.heart-option{gap:10px;min-height:138px;padding-right:8px}.heart-option>.heart-art{flex-basis:108px;width:108px;height:155px}.heart-option h4{font-size:14px}.heart-option p{font-size:10px}.heart-option .heart-passive{font-size:9px}.heart-cut-in{inset:25% 0 23%}.cut-in-caption{gap:8px;top:33%;left:44%}.cut-in-caption>strong{letter-spacing:2px;font-size:23px}.cut-in-caption>span{letter-spacing:1px;font-size:10px}.cut-in-caption>i{letter-spacing:3px;font-size:8px}.battle-running .heart-card{height:65px;padding-left:53px}.battle-running .heart-card>.heart-art{width:66px}.model-viewer-canvas{height:260px}.command-dock{gap:12px}}.restart-button{color:#d8e8c8;cursor:pointer;background:#29463d;border:1px solid #607e65;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:6px;display:flex}.result-actions{flex-wrap:wrap}.unit-label .unit-state{flex-wrap:wrap;justify-content:center;gap:2px;width:104px;height:auto;min-height:15px;margin-bottom:3px;margin-left:calc(50% - 52px);display:flex}.status-chip{white-space:nowrap;color:#bfefff;background:#102333ed;border:1px solid;border-radius:4px;padding:0 4px;font:700 10px/16px system-ui,sans-serif;box-shadow:0 1px 4px #0009}.status-charm{color:#ffb6e5;background:#4c193eed}.status-silence{color:#e2baff;background:#33194ced}.status-burn{color:#ffca8f;background:#522316ed}.status-taunt{color:#ffadb1;background:#531c26ed}.status-haste{color:#ffec99;background:#473714ed}.status-shield{color:#9aefff;background:#103f58ed}.shield-track{background:#122d43;border:1px solid #79daff;border-radius:3px;height:5px;margin-top:2px;display:none;overflow:hidden;box-shadow:0 0 5px #69cfff88}.has-shield .shield-track{display:block}.shield-track>span{background:linear-gradient(90deg,#38b3ff,#b8faff);height:100%;display:block}@media (prefers-reduced-motion:reduce){.heart-cut-in,.heart-cut-in>.heart-art,.cut-in-rays{animation:none}.heart-card>.heart-art{transition:none}}