@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Noto+Sans+JP:wght@400;600;800;900&family=Noto+Serif+JP:wght@600;800&display=swap');
:root{--gold:#63efff;--muted:#8aabba;--bg:#040d18;--line:#1c4c63;--accent:#00e2fb}body{background:radial-gradient(ellipse at 80% 0,#123c5844,transparent 60%),linear-gradient(#0b2b3a45 1px,transparent 1px),linear-gradient(90deg,#0b2b3a45 1px,transparent 1px),#040d18;background-size:auto,44px 44px,44px 44px,auto;color:#deeff7;font-family:'Noto Sans JP',sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 40%,#00e5ff08 41%,transparent 42%);z-index:-1}h1,h2,.brand{font-family:'Noto Sans JP',sans-serif;font-weight:900;letter-spacing:.05em}.brand,.eyebrow,.stats,.card-top b,.profile-stats strong{font-family:'Rajdhani','Noto Sans JP',sans-serif}.eyebrow{color:#5beafa;letter-spacing:.18em}h1 em{color:#61efff;text-shadow:0 0 35px #00d8ff55}.topbar{border-bottom:1px solid #23718c;background:#071522d9}.topbar .brand{color:#d8f9ff}.topbar .brand span{color:#55eaff}.primary{background:linear-gradient(110deg,#55e8ed,#59b3f2);color:#041623;border:1px solid #9ffbff;box-shadow:0 0 20px #00d8ff20;border-radius:2px;font-weight:800;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.primary:hover{box-shadow:0 0 25px #00e5ff60}.primary:disabled{filter:grayscale(1);opacity:.45}.panel,.tower-banner,.limited-banner{background:linear-gradient(120deg,#09263bea,#081422f2);border:1px solid #20526b;border-radius:3px;box-shadow:inset 3px 0 #00d9e833}.panel h2,.tower-banner h2{color:#e6fbff}nav{border-color:#1d4b60;gap:24px}nav button.active{color:#71f5ff;border-color:#5feaff}nav button small{color:#568caa}.hero-note,.fine{color:#9cb5c4}.hero{background:radial-gradient(ellipse at 70% 30%,#00aaff14,transparent 60%)}.hero-watermark{color:#0d5979!important;opacity:.25}.hero h1{font-size:clamp(38px,5vw,66px);letter-spacing:.025em}.hero h1 em{font-style:normal}.sound-toggle{border-color:#296780;color:#9dfaff}.account-bar{color:#81afc8;border-color:#153b50}.selection-bar{position:sticky;top:0;z-index:8;background:#071b2ff5;border:1px solid #265e78;padding:14px;gap:15px}.selection-bar h2{font-size:16px}.filters button.active{background:#12394d;color:#7af8ff;border-color:#64e5fa}.card{--faction:#58c9ff;background:linear-gradient(145deg,color-mix(in srgb,var(--faction) 25%,#05101d),#081221 65%);border-radius:6px;overflow:hidden}.card.fire{--faction:#3bcdfd}.card.wind{--faction:#b289ff}.card.water{--faction:#4ee8bd}.card.omni{--faction:#fff1b1}.card .card-top{background:linear-gradient(100deg,color-mix(in srgb,var(--faction) 28%,#071724),#071725);color:var(--faction)}.card .card-info{background:linear-gradient(150deg,color-mix(in srgb,var(--faction) 13%,#071724),#07121e);border-top:1px solid color-mix(in srgb,var(--faction) 40%,transparent)}.card-info h3{font-family:'Noto Serif JP',serif}.card .card-info small{color:var(--faction)}.card .card-info p{line-height:1.7;min-height:2.5em}.card .portrait{aspect-ratio:1!important;height:auto!important;background-size:var(--art-size)!important}.card.rarity-c{box-shadow:none;border-width:1px}.card.rarity-uc{box-shadow:inset 0 0 0 2px #bac9d329}.card.rarity-r{box-shadow:0 0 15px #308cff25,inset 0 0 0 2px #66aaff35}.card.rarity-sr{border-width:3px;box-shadow:0 0 20px #ffcf6433,inset 0 0 0 2px #ffe4a0}.card.rarity-ssr{border-width:4px;box-shadow:0 0 25px #a67bfa50,inset 0 0 0 2px #fff8d4}.card.rarity-sr .card-top:after,.card.rarity-ssr .card-top:after{content:'◆';color:#fff3ba;margin-left:auto}.card.rarity-ssr .card-info:after{content:'✦ ━━━ ◆ ━━━ ✦';display:block;text-align:center;font-size:10px;color:#f7dfab;margin-top:8px;text-shadow:0 0 8px #fff}.card.unknown-card{--faction:#65717e;filter:grayscale(1);opacity:.6}.loadout-hero{position:relative;min-height:230px;padding-right:220px;margin-bottom:30px}.loadout-portrait{position:absolute;right:24px;top:18px;width:150px}.loadout-portrait .card-info,.loadout-portrait .select-label{display:none}.loadout-hero p{max-width:590px;font-size:13px;line-height:1.9}.dialogue-stage{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:35px;align-items:center;min-height:430px}.transmission{border:1px solid #55d8f1;border-left:5px solid #55d8f1;background:#071c2fe8;padding:35px;box-shadow:0 0 40px #00b7ff16}.transmission small{color:#62bbda;font-family:Rajdhani,sans-serif;letter-spacing:.14em}.transmission p{font-size:18px;line-height:2;min-height:110px}.dialogue-hero{animation:link-in .5s ease-out}.cyber-status{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cyber-status>div{border:1px solid #245c78;background:#081d2bea;padding:18px}.cyber-status small{font:600 12px Rajdhani,sans-serif;letter-spacing:.15em;color:#59e1ec}.cyber-status h2{font-size:20px}.cyber-status progress{display:block;width:100%;accent-color:#59e9f9}.duel-result{text-align:center;border:1px solid #235d78;background:radial-gradient(ellipse,#15416066,#06121fe8);margin:22px 0;padding:16px;animation:link-in .35s ease-out}.duel-result h2{font:700 30px Rajdhani,sans-serif;letter-spacing:.18em;color:#82f3ff;margin:0 0 12px}.duel-result.lose h2{color:#ff7d92}.card-duel{display:grid;grid-template-columns:1fr 60px 1fr;gap:16px;align-items:center;max-width:480px;margin:auto}.card-duel>div:first-child{animation:program-left .5s ease-out}.card-duel>div:last-child{animation:program-right .5s ease-out}.card-duel .card-info p,.card-duel .stats,.card-duel .select-label{display:none}.card-duel .card-info{padding:8px}.card-duel .card-info h3{font-size:13px}.card-duel>strong{font:700 35px Rajdhani,sans-serif;color:#fff;text-shadow:0 0 16px #00d4ff}.program-hand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:800px;margin:auto}.program-hand .primary{width:100%;justify-content:center;padding:13px 4px;margin-top:10px}.program-hand .card{height:auto}.program-hand .card-info p{display:block;font-size:11px}.stage-clear{background:radial-gradient(ellipse,#067b9233,transparent)}.stage-clear h2{font-family:Rajdhani,sans-serif;color:#85f6ff}.stage-clear blockquote{border:1px solid #20576d;padding:20px;background:#0a2132;text-align:left;margin:20px auto;max-width:620px}.stage-clear blockquote b{color:#77e9f8}.summon-portal{background:radial-gradient(ellipse,#2374ba30,transparent 70%)}.program-hand .locked,.card-duel .locked,.dialogue-hero .locked{filter:none;opacity:1}#app[aria-busy=true] .program-hand{opacity:.65}.entry-screen{background:radial-gradient(ellipse,#0d92b333,transparent 70%)}.card-grid.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@keyframes link-in{from{opacity:0;transform:translateY(15px);filter:brightness(2)}to{opacity:1;transform:none;filter:brightness(1)}}@keyframes program-left{from{opacity:0;transform:translateX(-60px) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes program-right{from{opacity:0;transform:translateX(60px) rotate(10deg)}to{opacity:1;transform:none}}@media(max-width:600px){.loadout-hero{padding:18px;min-height:0}.loadout-portrait{position:static;width:120px;margin:18px auto}.dialogue-stage{grid-template-columns:110px 1fr;gap:12px;min-height:380px;align-items:start}.dialogue-hero .card-info,.dialogue-hero .select-label{display:none}.transmission{padding:16px}.transmission p{font-size:14px;min-height:150px}.transmission h2{font-size:18px}.transmission .primary{font-size:11px;padding:12px 8px}.cyber-status{gap:8px}.cyber-status>div{padding:10px}.cyber-status h2{font-size:15px}.program-hand{gap:6px}.program-hand .card-info{padding:7px}.program-hand .card-info h3{font-size:12px;overflow-wrap:anywhere}.program-hand .card-top{padding:5px;font-size:8px}.program-hand .card-top b{font-size:12px}.program-hand .card-info p{font-size:9px}.program-hand .stats{font-size:8px}.program-hand .stats b{font-size:10px}.program-hand .primary{font-size:10px}.card-duel{max-width:300px;grid-template-columns:1fr 30px 1fr;gap:7px}.card-duel>strong{font-size:25px}.duel-result p{font-size:11px}.selection-bar{flex-wrap:wrap}.selection-bar h2{font-size:13px}.hero h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.home-companion{display:flex;gap:24px;align-items:center;margin:22px 0;padding:20px}.home-companion .portrait{width:100px;aspect-ratio:1;flex-shrink:0;border:1px solid #5ee0fa;background-size:var(--art-size);background-image:var(--art-file);background-position:var(--art-x) var(--art-y)}.home-companion h2{margin:8px 0}.home-companion p{font-size:12px}@media(max-width:600px){.home-companion{gap:14px}.home-companion .portrait{width:75px}.home-companion h2{font-size:18px}}

.combat-avatar{float:right;width:68px;aspect-ratio:1;border:1px solid #367490;background-size:var(--art-size);background-image:var(--art-file);background-position:var(--art-x) var(--art-y);margin-left:8px}@media(max-width:600px){.combat-avatar{width:42px}.cyber-status small{font-size:9px}}

.launch-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:22px 0;padding:20px}.launch-filters label{display:grid;gap:8px;font-size:12px;flex:1;min-width:125px}.selected-programs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.selected-programs button{padding:10px 14px;background:#10364a;border:1px solid #49829b;color:#c9faff;border-radius:4px;font:inherit;font-size:12px}.selected-programs button:hover{border-color:#a8faff}.selected-programs span{font-size:12px;color:#90bbc9}.launch-pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:18px 0;font-size:12px}.launch-pagination>span{margin-right:auto;color:#9cbaca}.launch-pagination button{padding:8px 18px}.resonance-badge{display:block;font-size:10px;padding:10px 4px;color:#79f6ea;min-height:36px}.resonance-badge.neutral{color:#809ba9}.launch-cards>div{min-width:0}.launch-cards .card{width:100%;height:calc(100% - 36px)}@media(max-width:600px){.launch-filters{gap:10px;padding:14px}.launch-filters label{min-width:120px}.launch-pagination{gap:6px}.launch-pagination button{padding:8px}.resonance-badge{font-size:9px;min-height:44px}.launch-cards .card{height:calc(100% - 44px)}}
.launch-pagination>span{flex:1;min-width:130px}.launch-pagination button{flex:0 0 auto;width:auto}.launch-filters{scroll-margin-top:95px}