@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--ivory:#F4F0E8;--porcelain:#FAFAF7;--ink:#202326;--seal:#C83E3A;--matcha:#7D9272;--tech:#4D7587;--gold:#C4A66A;--line:#DEDBD3;--muted:#68716D;--shadow:0 18px 50px rgba(55,67,62,.09);font-family:Noto Sans JP,system-ui,sans-serif;color:var(--ink);background:var(--ivory);font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--ivory)}body{overflow-x:hidden}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:3px solid #4d758766;outline-offset:2px}h1,h2,h3{font-family:"Noto Serif JP",Georgia,serif;margin:0}p{margin:0}small{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700;text-transform:uppercase}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:var(--porcelain);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:.25s;z-index:200}#toast.show{opacity:1;transform:translate(-50%)}.ico{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:2px}.ico.nucleo{background:var(--gold)}.ico.fragmento{background:var(--tech)}.ico.energia{background:var(--matcha)}.rail{position:fixed;inset:0 auto 0 0;width:100px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;padding:24px 10px;z-index:20}.mark{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none;margin-bottom:20px}.mark b{display:grid;place-items:center;width:34px;height:34px;background:var(--seal);border-radius:10px;font-family:"Noto Serif JP",serif}.mark span{font-size:9px;line-height:1.25;letter-spacing:.16em;font-weight:700;text-align:center}.rail nav{display:flex;flex-direction:column;gap:8px;margin:auto 0}.rail nav button{width:78px;min-height:58px;border:0;border-radius:14px;background:transparent;color:#9aa19d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;letter-spacing:.06em;transition:.2s}.rail nav button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rail nav button:hover{background:#fafaf714;color:#fff}.rail nav button.active{background:#fafaf71a;color:#fff;box-shadow:inset 3px 0 var(--gold)}.view{margin-left:100px;padding:26px 32px 60px;min-height:100vh;max-width:1180px}.view>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:16px;flex-wrap:wrap}.view>header h1{font-size:24px}.wallet{display:flex;gap:18px;background:var(--porcelain);border:1px solid var(--line);border-radius:14px;padding:10px 16px}.wallet span{display:flex;align-items:baseline;gap:6px}.wallet b{font-size:15px}.wallet small{font-size:9px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:26px 0 12px}.section-head h2{font-size:16px}.section-head span{font-size:12px;color:var(--muted);font-weight:600}.type-guardian{--type-color:var(--seal)}.type-dron{--type-color:var(--tech)}.type-especimen{--type-color:var(--matcha)}.type-terminal{--type-color:var(--gold)}.type-badge{display:inline-block;font-size:9px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:var(--type-color);background:color-mix(in srgb,var(--type-color) 14%,white);border:1px solid color-mix(in srgb,var(--type-color) 40%,white);border-radius:999px;padding:2px 8px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.deck-grid.large{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mini-card{position:relative;text-align:left;background:var(--porcelain);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;transition:.15s;border-top:3px solid var(--type-color)}.mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cart-art{width:100%;aspect-ratio:4/3;border-radius:10px;background-color:color-mix(in srgb,var(--type-color, var(--tech)) 22%,var(--ivory));background-size:cover;background-position:center 20%}.cart-art.large{aspect-ratio:4/5;background-position:center 15%}.cstats{display:flex;justify-content:space-between;font-weight:700;font-size:13px}.cstats b{color:var(--type-color)}.mini-card p{font-size:12.5px;font-weight:600}.mini-card .count{position:absolute;top:8px;right:8px;background:var(--ink);color:var(--porcelain);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.empty-hint{color:var(--muted);font-size:13px;grid-column:1/-1}.base-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.hero-card{background-color:var(--ink);background-size:cover;background-position:center;color:var(--porcelain);border-radius:22px;padding:26px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-card .status{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--matcha)}.hero-card .status i{width:7px;height:7px;border-radius:50%;background:var(--matcha)}.agent{position:relative;height:150px;display:flex;align-items:flex-end;justify-content:center;margin:14px 0}.crest{position:relative;width:128px;height:128px;border-radius:50%;background-color:var(--tech);background-size:cover;background-position:center 18%;transition:box-shadow .2s}.crest-outfit{outline:3px solid #8a6a3a;outline-offset:5px}.crest-badge{position:absolute;bottom:2px;right:2px;width:30px;height:30px;border-radius:50%;background:#8a6a3a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 3px 8px #0006;border:2px solid var(--porcelain)}.crest-emote{position:absolute;top:-6px;right:22%;font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:emote-wave 1.6s ease-in-out infinite}.hero-card.garden:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(125,146,114,.28),transparent 65%);pointer-events:none}@keyframes emote-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.agent-copy{position:relative}.agent-copy small{color:var(--gold)}.agent-copy h2{font-size:20px;margin:6px 0 4px;color:#fff}.agent-copy p{font-size:13px;color:#c8cdc9;margin-bottom:14px}.hint{display:block;margin-top:8px;color:#c8cdc9}button.primary{background:var(--seal);color:#fff;border:0;border-radius:12px;padding:12px 20px;font-weight:700;font-size:13px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px;transition:.15s}button.primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.base-side{display:flex;flex-direction:column;gap:14px}.progress-card,.mission-card{background:var(--porcelain);border:1px solid var(--line);border-radius:16px;padding:16px}.progress-card .bar{height:8px;border-radius:999px;background:var(--ivory);margin:10px 0 6px;overflow:hidden}.progress-card .bar i{display:block;height:100%;background:var(--gold);border-radius:999px}.progress-card span{font-size:12px;color:var(--muted)}.mission-card h2{font-size:15px;margin:4px 0}.mission-card p{font-size:12.5px;color:var(--muted)}.mazo-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}.mazo-side{display:flex;flex-direction:column;gap:14px}.curve-card,.balance-card{background:var(--porcelain);border:1px solid var(--line);border-radius:16px;padding:16px}.curve{display:flex;align-items:flex-end;gap:6px;height:110px;margin-top:10px}.curve-bar{flex:1;background:var(--tech);border-radius:6px 6px 2px 2px;min-height:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding-bottom:4px}.curve-bar b{position:absolute;top:-18px;font-size:11px;color:var(--ink)}.curve-bar span{font-size:9px;color:var(--porcelain);font-weight:700}.balance-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px}.balance-row:last-of-type{border-bottom:none}.balance-row b{color:var(--type-color)}.balance-card .tip{margin-top:10px;font-size:12px;color:var(--muted)}.mazo-collection{margin-top:8px}.filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filters button{background:var(--porcelain);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:600}.filters button.active{background:var(--ink);color:var(--porcelain);border-color:var(--ink)}.shop-note{font-size:12.5px;color:var(--muted);margin-bottom:16px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.shop-item{background:var(--porcelain);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}.shop-item h3{font-size:14px}.shop-item p{font-size:12px;color:var(--muted);flex:1}.shop-item button{background:var(--gold);color:var(--ink);border:0;border-radius:10px;padding:9px;font-weight:700;font-size:12.5px}.modal-overlay{position:fixed;inset:0;background:#2023268c;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--porcelain);border-radius:20px;padding:22px;max-width:380px;width:100%;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;top:14px;right:14px;background:none;border:0;font-size:16px;color:var(--muted)}.card-modal h2{font-size:19px;margin:10px 0 6px}.detail-stats{display:flex;gap:14px;margin:8px 0}.detail-stats span{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.detail-stats b{font-size:16px;color:var(--ink)}.card-modal .effect{font-size:13px;font-weight:600;margin:8px 0}.card-modal .lore{font-size:12.5px;color:var(--muted);font-style:italic;margin-bottom:12px}.detail-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.result-modal{text-align:center;max-width:360px}.result-modal p{color:var(--muted);font-size:13px;margin:8px 0 18px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.result-stats div{background:var(--ivory);border-radius:12px;padding:10px 6px;display:flex;flex-direction:column;gap:4px}.result-stats small{font-size:9.5px}.result-stats b{font-size:17px;font-family:"Noto Serif JP",serif;color:var(--ink)}.battle-view{margin-left:0;padding:18px 22px;max-width:none;display:flex;flex-direction:column;gap:14px;min-height:100vh}.battle-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.battle-header .core{width:220px;position:relative}.battle-header .core.self{text-align:right}.core-bar{height:10px;border-radius:999px;background:var(--ivory);overflow:hidden;margin:4px 0}.core-bar i{display:block;height:100%;background:var(--seal);border-radius:999px;transition:width .35s ease}.turn-indicator{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.turn-indicator b{display:block;font-family:"Noto Serif JP",serif;font-size:16px;margin-top:2px}.auto-toggle{background:var(--porcelain);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--tech)}.auto-toggle.on{background:var(--matcha);border-color:var(--matcha);color:#fff}.core.hit-flash .core-bar{animation:core-flash .5s ease}.core.hit-flash{animation:core-jolt .4s ease}.arena{background-color:var(--porcelain);background-size:cover;background-position:center;border:1px solid var(--line);border-radius:20px;padding:22px 16px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:10px;position:relative}.arena.shake{animation:board-shake .32s ease}.board-row{display:flex;justify-content:center;gap:22px}.core-target{align-self:center;background:#fafaf7d9;border:1px dashed var(--seal);color:var(--seal);border-radius:999px;padding:6px 16px;font-size:11px;font-weight:700;letter-spacing:.06em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.core-target:not(:disabled):hover{background:var(--seal);color:#fff}.fighter-slot{width:120px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.fighter-slot.empty{height:118px;border:1px dashed rgba(104,113,109,.35);border-radius:50%;background:#fafaf759}.fighter{position:relative;width:104px;height:104px;border-radius:50%;background:transparent;border:0;padding:0;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 10px 10px rgba(0,0,0,.25));transition:transform .15s}.fighter:not(:disabled):hover{transform:translateY(-3px)}.fighter.selected{filter:drop-shadow(0 0 0 4px var(--gold)) drop-shadow(0 10px 10px rgba(0,0,0,.25))}.fighter.sick{opacity:.55}.fighter-portrait{position:absolute;inset:0;border-radius:50%;background-color:var(--ivory);background-size:cover;background-position:center 15%;border:3px solid var(--type-color);box-sizing:border-box}.fighter-portrait.unit-finish{filter:sepia(.45) hue-rotate(50deg) saturate(1.6)}.fighter-ground{position:absolute;bottom:-6px;width:78px;height:14px;border-radius:50%;background:#20232638;filter:blur(2px);z-index:-1}.fighter-hp{width:96px;height:7px;border-radius:999px;background:var(--ivory);overflow:hidden;border:1px solid var(--line)}.fighter-hp i{display:block;height:100%;background:var(--matcha);border-radius:999px;transition:width .35s ease}.fighter-name{font-size:11.5px;font-weight:700;text-align:center}.fighter-name b{color:var(--seal)}.fighter-name span{color:var(--tech)}.taunt-badge{position:absolute;top:-4px;left:-4px;font-size:14px;color:var(--seal);background:var(--porcelain);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:1}.fighter.hit-flash .fighter-portrait{animation:hit-flash .5s ease}.fighter.hit-flash{animation:recoil .5s ease}.fighter.lunge{animation:lunge .4s cubic-bezier(.3,.1,.3,1)}.player-row .fighter.lunge{animation-name:lunge-up}.enemy-row .fighter.lunge{animation-name:lunge-down}.fighter.summon-pop{animation:summon-pop .45s cubic-bezier(.34,1.56,.64,1)}.fighter.dying{animation:die-fade .55s ease forwards;pointer-events:none}.dmg-float{position:absolute;top:6px;left:50%;transform:translate(-50%);font-weight:800;font-size:17px;color:var(--seal);text-shadow:0 1px 3px rgba(0,0,0,.3);animation:dmg-rise .85s ease forwards;pointer-events:none;z-index:5}.dmg-float.heal{color:var(--matcha)}.core .dmg-float{top:-2px;font-size:19px}@keyframes hit-flash{0%{filter:brightness(1)}25%{filter:brightness(2.3) saturate(0) drop-shadow(0 0 12px var(--seal))}to{filter:brightness(1)}}@keyframes recoil{0%{transform:translateY(0)}30%{transform:translateY(6px) scale(.94)}to{transform:translateY(0)}}@keyframes lunge-up{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-26px) scale(1.08) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}@keyframes lunge-down{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(26px) scale(1.08) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes summon-pop{0%{transform:scale(0) translateY(20px);opacity:0}70%{transform:scale(1.15) translateY(0);opacity:1}to{transform:scale(1) translateY(0)}}@keyframes die-fade{0%{opacity:1;filter:none;transform:scale(1) translateY(0)}to{opacity:0;filter:grayscale(1) brightness(.55);transform:scale(.65) translateY(10px)}}@keyframes dmg-rise{0%{opacity:0;transform:translate(-50%,4px) scale(.6)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.2)}to{opacity:0;transform:translate(-50%,-36px) scale(1)}}@keyframes core-flash{0%{filter:brightness(1)}30%{filter:brightness(1) drop-shadow(0 0 8px var(--seal))}to{filter:brightness(1)}}@keyframes core-jolt{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes board-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.hand-bar{display:flex;align-items:center;gap:14px}.energy-pip{background:var(--ink);color:var(--porcelain);border-radius:12px;padding:10px 14px;font-weight:800;font-size:14px;display:flex;align-items:center;gap:4px}.hand{flex:1;display:flex;gap:10px;overflow-x:auto;padding:4px}.hand-card{flex:0 0 110px;background:var(--porcelain);border:2px solid var(--line);border-top:4px solid var(--type-color);border-radius:12px;padding:8px;text-align:left;display:flex;flex-direction:column;gap:4px;overflow:hidden}.hand-art{width:calc(100% + 16px);margin:-8px -8px 2px;height:56px;background-size:cover;background-position:center 20%}.hand-card b{font-size:14px;color:var(--type-color)}.hand-card p{font-size:11.5px;font-weight:700}.hand-card .hstats{font-size:11px;color:var(--muted);font-weight:700}.hand-card.selected{outline:3px solid var(--gold);outline-offset:1px}.hand-card.unaffordable{opacity:.4}.hand-card.cardback-tint{box-shadow:inset 0 0 0 2px var(--tech)}.end-turn{white-space:nowrap}.battle-log{background:var(--ink);color:#c8cdc9;border-radius:14px;padding:10px 14px;font-size:11.5px;max-height:96px;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:3px}.battle-log p{opacity:.9}@media(max-width:880px){.rail{position:static;width:100%;flex-direction:row;padding:10px 14px}.rail .mark{flex-direction:row;margin:0 12px 0 0}.rail nav{flex-direction:row;margin:0}.rail nav button{width:auto;min-height:auto;flex-direction:row;padding:8px 10px}.view{margin-left:0;padding:18px}.base-grid,.mazo-layout{grid-template-columns:1fr}.board-row{flex-wrap:wrap}}