:root{--bg:#070b16;--panel:rgba(11,18,34,.88);--line:rgba(132,167,216,.18);--text:#f3f7ff;--muted:#8290a8;--cyan:#37d9ff;--blue:#4877ff;--violet:#8f5bff;--amber:#ffae48;--red:#ff4e6a;--green:#49e2a3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 45% -20%,#17325e 0,transparent 38%),var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh}.app-shell{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(5,9,19,.9);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center;color:white;text-decoration:none;width:250px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;transform:rotate(45deg);border:1px solid var(--cyan);box-shadow:0 0 20px #37d9ff44;color:var(--cyan);font:bold 22px 'Chakra Petch'}.brand-mark~span{display:flex;flex-direction:column;line-height:.9}.brand b{font:700 19px 'Chakra Petch';letter-spacing:5px}.brand small{font:600 8px Inter;letter-spacing:7px;color:var(--cyan);margin-top:6px}nav{display:flex;align-self:stretch;gap:6px}.nav{color:var(--muted);background:none;border:0;padding:0 22px;cursor:pointer;font:600 12px Inter;position:relative}.nav.active,.nav:hover{color:white}.nav.active:after{content:"";position:absolute;height:2px;left:15px;right:15px;bottom:0;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.resources{margin-left:auto;display:flex;gap:18px;align-items:center;color:var(--muted);font-size:12px}.resources b{color:white;margin-left:6px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#111a2c;color:var(--muted)}main{padding:26px 32px}.view{display:none}.view.active{display:block}.chapter-bar{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.eyebrow{color:var(--cyan);font:600 10px 'Chakra Petch';letter-spacing:2.8px}.chapter-bar h1,.section-head h2,.summon-hero h2{font:700 24px 'Chakra Petch';letter-spacing:1px;margin:4px 0 0}.chapter-progress{width:340px;text-align:right}.chapter-progress span{font-size:10px;color:var(--muted);text-transform:uppercase}.chapter-progress strong{display:block;font:600 12px 'Chakra Petch';margin:3px 0 8px}.ticks{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.ticks i{height:4px;background:#17213a}.ticks i.done{background:var(--cyan);box-shadow:0 0 8px #37d9ff88}.ticks i.current{background:white}.battle-layout{display:grid;grid-template-columns:230px minmax(460px,1fr) 245px;gap:16px;min-height:calc(100vh - 145px)}.glass{background:linear-gradient(145deg,rgba(19,29,51,.94),rgba(7,12,25,.9));border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #0007}.squad-panel,.strategy-panel{padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;font:600 11px 'Chakra Petch';letter-spacing:1.2px;margin-bottom:16px}.panel-title small{font:500 9px Inter;color:var(--cyan)}.unit-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.portrait{width:45px;height:45px;border-radius:5px;background-image:url('assets/hunters.png');background-size:400% 300%;border:1px solid #4d67a0;flex:none}.unit-row .meta{min-width:0;flex:1}.unit-row b{display:block;font:600 11px 'Chakra Petch';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-row small{font-size:8px;color:var(--muted)}.mini-hp{height:3px;background:#222d43;margin-top:6px}.mini-hp i{display:block;height:100%;background:var(--green)}.rank{font:bold 13px 'Chakra Petch';color:var(--amber)}.shadow-card{display:flex;gap:10px;align-items:center;padding:15px 0}.shadow-orb{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#be8cff;background:#342064;box-shadow:0 0 18px #7b40e6}.shadow-card div:last-child{display:flex;flex-direction:column}.shadow-card small{font-size:7px;color:var(--violet)}.shadow-card b{font:600 10px 'Chakra Petch'}.shadow-card span{font-size:8px;color:var(--muted)}button{font-family:Inter}.secondary,.primary{width:100%;border-radius:4px;padding:11px;border:1px solid #33517b;color:#b9c8df;background:#15233a;font-size:9px;font-weight:700;letter-spacing:1px;cursor:pointer}.primary{background:linear-gradient(90deg,#1677cc,#40d4f4);border:0;color:#04101a;box-shadow:0 0 24px #37d9ff33}.arena{position:relative;overflow:hidden;border:1px solid #244468;border-radius:8px;background-image:linear-gradient(to bottom,rgba(2,7,17,.08),rgba(3,8,18,.48)),url('assets/arena.png');background-size:cover;background-position:center;box-shadow:inset 0 0 80px #000}.arena-head{display:flex;justify-content:space-between;padding:15px 18px;font:600 10px 'Chakra Petch';letter-spacing:1px}.danger{color:#ff7387}.enemy-zone{height:47%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.enemy-silhouette{font-size:84px;color:#14213d;text-shadow:0 0 6px #f74762,0 0 25px #ff3355;filter:drop-shadow(0 16px 12px #000)}.enemy-info{text-align:center;width:270px}.enemy-info small{display:block;color:#ff6d82;font:600 7px Inter;letter-spacing:1.2px}.enemy-info b{font:700 14px 'Chakra Petch'}.hp{height:7px;background:#1f1721;border:1px solid #713145;margin:7px 0 3px}.hp i{height:100%;display:block;width:100%;background:linear-gradient(90deg,#bd193d,#ff506c);transition:width .25s}.enemy-info span{font-size:8px;color:#c88691}.team-stage{height:25%;display:flex;justify-content:center;gap:25px;align-items:end}.fighter{position:relative;width:80px;text-align:center}.fighter .sprite{height:105px;background-image:url('assets/hunters.png');background-size:400% 300%;filter:drop-shadow(0 7px 8px #000);transition:transform .15s}.fighter.attack .sprite{transform:translateY(-10px) scale(1.08);filter:drop-shadow(0 0 12px var(--cyan))}.fighter span{font:600 8px 'Chakra Petch';text-shadow:0 2px 4px black}.combat-feed{position:absolute;left:18px;right:18px;bottom:65px;text-align:center;color:#a5b2c6;font-size:9px;text-shadow:0 1px 2px #000}.battle-controls{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:center;gap:7px}.battle-controls .primary{width:180px}.speed{width:34px;background:#0d1728;border:1px solid #294362;color:#7890af;border-radius:4px}.speed.active{color:var(--cyan);border-color:var(--cyan)}.damage-pop{position:absolute;color:#fff;font:bold 18px 'Chakra Petch';opacity:0;transform:translateY(0);text-shadow:0 0 8px var(--red)}.damage-pop.show{animation:pop .55s}@keyframes pop{0%{opacity:0;transform:translateY(15px)}30%{opacity:1}100%{opacity:0;transform:translateY(-30px)}}label{display:block;font-size:8px;text-transform:uppercase;color:var(--muted)}select{width:100%;margin-top:7px;padding:9px;background:#0d1728;color:white;border:1px solid #263d5d;border-radius:4px;font:600 10px Inter}.policy-stack{margin:15px 0}.policy-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:9px;color:#9aa9be}.policy-item b{color:#dfe8f7}.status-dot{font:600 8px Inter;color:var(--green)}.status-dot:before{content:"";display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 8px var(--green)}.divider{height:1px;background:var(--line);margin:18px 0}.blessings{min-height:130px}.blessings p{font-size:9px;color:#62728d;text-align:center;padding-top:30px}.blessing{display:flex;justify-content:space-between;font-size:9px;margin-bottom:7px;padding:8px;border:1px solid #2d4262;background:#111e32}.blessing b{color:var(--cyan)}.strategy-panel .secondary{margin-top:14px}.content-view{max-width:1200px;margin:0 auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.filter{display:flex;gap:5px}.filter button{background:#0d1728;border:1px solid var(--line);color:var(--muted);padding:8px 14px;border-radius:4px;font-size:9px}.filter button.active{border-color:var(--cyan);color:var(--cyan)}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hunter-card{background:linear-gradient(145deg,#15233b,#0a1020);border:1px solid var(--line);border-radius:7px;overflow:hidden;cursor:pointer;transition:.2s}.hunter-card:hover{transform:translateY(-4px);border-color:#4778aa}.hunter-art{height:210px;background-image:url('assets/hunters.png');background-size:400% 300%;background-repeat:no-repeat;background-color:#0c1425}.hunter-data{padding:13px}.hunter-data div{display:flex;justify-content:space-between}.hunter-data b{font:600 13px 'Chakra Petch'}.hunter-data p{font-size:9px;color:var(--muted);margin:6px 0}.summon-hero{min-height:420px;display:flex;align-items:center;padding:60px;background:radial-gradient(circle at 75%,#42308a 0,transparent 30%),linear-gradient(135deg,#141b35,#080d1d)}.summon-hero>div:first-child{max-width:520px}.summon-hero p{font-size:13px;line-height:1.7;color:#9caac0}.summon-hero .primary{width:210px;margin-top:18px}.summon-art{margin-left:auto;font-size:180px;color:#8c69ff;text-shadow:0 0 60px #7d4dff}.pity{font-size:10px;margin-top:30px}.pity b{float:right}.pity>div{height:6px;background:#27304b;margin-top:8px}.pity i{display:block;height:100%;width:40%;background:var(--violet)}.history{margin-top:15px;padding:20px}.history p{color:var(--muted);font-size:10px}.pull-row{display:flex;justify-content:space-between;padding:10px;border-top:1px solid var(--line);font-size:10px}dialog{padding:0;border:0;background:transparent;color:white;max-width:620px;width:90%}dialog::backdrop{background:#01040bd9;backdrop-filter:blur(5px)}.modal-card{position:relative;background:#0d1728;border:1px solid #345476;border-radius:8px;padding:28px;box-shadow:0 30px 80px #000}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#8290a8;font-size:24px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{padding:18px 12px;background:#121e31;border:1px solid #2c4668;color:white;border-radius:6px;text-align:left;cursor:pointer}.choice:hover{border-color:var(--cyan)}.choice strong{display:block;color:var(--cyan);font:600 12px 'Chakra Petch';margin-bottom:6px}.choice span{font-size:9px;color:var(--muted)}.result{text-align:center}.result .big{font-size:64px;color:var(--amber)}@media(max-width:1000px){.battle-layout{grid-template-columns:190px 1fr}.strategy-panel{display:none}.roster{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.topbar{padding:0 14px}.brand{width:auto}.brand small,.topbar nav{display:none}main{padding:18px 12px}.chapter-bar{align-items:start}.chapter-progress{width:160px}.battle-layout{display:block}.squad-panel{display:none}.arena{height:72vh}.roster{grid-template-columns:repeat(2,1fr)}.hunter-art{height:180px}.summon-hero{padding:30px}.summon-art{display:none}.choice-grid{grid-template-columns:1fr}}