:root{--color-bg: #0e1116;--color-bg-elev: #161b22;--color-bg-elev-2: #1f2630;--color-border: #2b3340;--color-text: #e6edf3;--color-text-dim: #9aa7b4;--color-accent: #c9a227;--color-accent-2: #4a8db5;--color-danger: #d9534f;--color-success: #4caf78;--rarity-SSR: #f2b705;--rarity-SR: #b06fe6;--rarity-R: #6c95c2;--faction-allies: #4a8db5;--faction-axis: #b5564a;--faction-neutral: #8a8f98;--radius: 8px;--radius-sm: 4px;--gap: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:15px;line-height:1.45}.app-shell{min-height:100%;display:flex;flex-direction:column}a{color:var(--color-accent-2)}button{font-family:inherit;font-size:inherit;cursor:pointer;background:var(--color-bg-elev-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 14px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--color-accent);color:#1a1400;border-color:var(--color-accent);font-weight:600}h1,h2,h3{margin:0 0 .4em}.row{display:flex;gap:var(--gap);align-items:center}.col{display:flex;flex-direction:column;gap:var(--gap)}.card{background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--gap)}.dim{color:var(--color-text-dim)}.error{color:var(--color-danger)}.success{color:var(--color-success)}.screen-bg{background-size:cover;background-position:center;position:relative}.screen-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0e1116b8,#0e1116e0);pointer-events:none;z-index:0}.screen-bg>*{position:relative;z-index:1}@keyframes summonFlash{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes cardReveal{0%{transform:scale(.4) rotateY(90deg);opacity:0}60%{transform:scale(1.08) rotateY(0);opacity:1}to{transform:scale(1) rotateY(0);opacity:1}}@keyframes auraPulse{0%,to{box-shadow:0 0 12px 2px var(--aura),inset 0 0 8px var(--aura)}50%{box-shadow:0 0 26px 6px var(--aura),inset 0 0 14px var(--aura)}}.summon-card{animation:cardReveal .55s cubic-bezier(.2,.9,.3,1.2) both;border-radius:10px;overflow:hidden;border:2px solid var(--aura, var(--color-border))}.summon-card.aura{animation:cardReveal .55s cubic-bezier(.2,.9,.3,1.2) both,auraPulse 2.2s ease-in-out infinite .6s}.summon-flash{position:fixed;inset:0;background:radial-gradient(circle at center,#fff,var(--aura, var(--color-accent)) 40%,transparent 75%);animation:summonFlash .9s ease-out forwards;pointer-events:none;z-index:60}.rarity-SSR{--aura: #f2b705}.rarity-SR{--aura: #b06fe6}.rarity-R{--aura: #6c95c2}.portrait-frame{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;background:var(--color-bg-elev-2)}.overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.overlay:before{content:"";position:absolute;inset:0;background:#080a0ec7}.overlay-panel{position:relative;z-index:1;max-width:620px;width:92%;text-align:center}.banner-art{width:100%;border-radius:8px;border:1px solid var(--color-border);display:block}@media(prefers-reduced-motion:reduce){.summon-card,.summon-card.aura,.summon-flash{animation:none!important}}