@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Noto+Serif+SC:wght@400;700&display=swap";@layer tokens{:root{--color-primary:#00daf3;--color-primary-fixed:#9cf0ff;--color-on-primary:#00363d;--color-surface:#0c1324;--color-surface-container-lowest:#070d1f;--color-surface-container-low:#151b2d;--color-surface-container:#191f31;--color-surface-container-high:#2e3447;--color-surface-bright:#33394c;--color-on-surface:#dce1fb;--color-on-surface-variant:#cbc3d5;--color-faction-outer:#9333ea;--color-faction-abyss:#c026d3;--color-faction-human:#f3e8c8;--color-faction-elder:#06b6d4;--color-rarity-common:#94a3b8;--color-rarity-rare:#60a5fa;--color-rarity-epic:#f472b6;--color-rarity-legendary:#fbbf24;--color-rarity-mythic:#ef4444;--color-success:#3ce36a;--color-warning:#fbbf24;--color-danger:#b91c1c;--color-info:#00daf3;--accent-purple:#6a1b9a;--font-headline:"Space Grotesk", sans-serif;--font-body:"Newsreader", serif;--font-body-zh:"Noto Serif SC", "Newsreader", serif;--font-mono:"JetBrains Mono", monospace;--glow-sm:0 0 10px #00daf333;--glow-md:0 0 20px #00daf366;--glow-lg:0 0 40px #00daf380;--glow-xl:0 0 80px #00daf3cc;--radius-sharp:2px;--radius-full:9999px}html[lang=zh] body{font-family:var(--font-body-zh)}}@layer legacy{:root{--bg-deep:var(--color-surface);--bg-halo:var(--color-surface-container);--text-primary:var(--color-on-surface);--text-dim:var(--color-on-surface-variant);--accent-cyan:var(--color-primary);--accent-amber:var(--color-warning);--accent-green:var(--color-success);--card-bg:var(--color-surface-container-lowest);--glass-bg:#0c132473}}@layer components{.ap-section{background-color:var(--color-surface);border-block:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);padding-block:5rem}.ap-section--sm{padding-block:3rem}.ap-section--md{padding-block:5rem}.ap-section--lg{padding-block:8rem}.ap-section--alt{background-color:var(--color-surface-container-low)}.ap-h1{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:-.005em;color:var(--color-primary);filter:drop-shadow(var(--glow-md));font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.05}.ap-h2{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;line-height:1.15}.ap-h3{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.08em;color:var(--color-on-surface);font-size:1.25rem;font-weight:700;line-height:1.25}.ap-eyebrow{border-radius:var(--radius-sharp);font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.15em;border:1px solid #0000;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.ap-eyebrow--cyan{background:color-mix(in srgb, var(--color-primary) 18%, transparent);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);color:var(--color-primary)}.ap-eyebrow--fuchsia{background:color-mix(in srgb, var(--color-faction-abyss) 18%, transparent);border-color:color-mix(in srgb, var(--color-faction-abyss) 40%, transparent);color:color-mix(in srgb, var(--color-faction-abyss) 80%, white)}.ap-eyebrow--amber{background:color-mix(in srgb, var(--color-warning) 18%, transparent);border-color:color-mix(in srgb, var(--color-warning) 40%, transparent);color:var(--color-warning)}.ap-eyebrow--green{background:color-mix(in srgb, var(--color-success) 15%, transparent);border-color:color-mix(in srgb, var(--color-success) 35%, transparent);color:var(--color-success)}.ap-cta{border-radius:var(--radius-sharp);font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:background-color .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1);display:inline-flex}.ap-cta:active{transform:scale(.97)}.ap-cta--primary{background:linear-gradient(45deg, var(--color-primary) 0%, var(--color-on-primary) 100%);color:var(--color-on-primary);box-shadow:var(--glow-md)}.ap-cta--primary:hover{background:linear-gradient(45deg, var(--color-primary-fixed) 0%, var(--color-primary) 100%);box-shadow:var(--glow-lg)}.ap-cta--ghost{background:color-mix(in srgb, var(--color-surface-container-low) 80%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);color:var(--color-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ap-cta--ghost:hover{background:var(--color-surface-container);border-color:color-mix(in srgb, var(--color-primary) 60%, transparent)}.ap-cta--link-back{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.15em;color:color-mix(in srgb, var(--color-on-surface) 55%, transparent);padding:.25rem 0;font-size:.6875rem;text-decoration:none;transition:color .18s;display:inline-block}.ap-cta--link-back:hover{color:var(--color-primary)}.ap-infocard{background:color-mix(in srgb, var(--color-surface-container) 85%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);border-left:4px solid var(--color-primary);border-radius:var(--radius-sharp);color:var(--color-on-surface);padding:1.5rem 1.75rem;line-height:1.6}.ap-infocard--combat{border-left-color:var(--color-danger)}.ap-infocard--sanity{border-left-color:var(--color-faction-abyss)}.ap-infocard--summon{border-left-color:var(--color-warning)}.ap-infocard--faction{border-left-color:var(--color-faction-outer)}.ap-infocard--tactic{border-left-color:var(--color-success)}.ap-draft-banner{border:2px solid color-mix(in srgb, var(--color-warning) 50%, transparent);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-container-lowest));color:color-mix(in srgb, var(--color-warning) 70%, white);border-radius:var(--radius-sharp);margin-bottom:2rem;padding:1rem}.ap-draft-banner__title{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.ap-draft-banner__body{color:color-mix(in srgb, var(--color-warning) 60%, white);font-size:.8125rem;line-height:1.6}@media (width>=768px){.ap-draft-banner__body{font-size:.875rem}}.ap-timeline-node{padding-left:2rem;position:relative}.ap-timeline-node:before{content:"";border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-faction-abyss) 80%, transparent);width:10px;height:10px;box-shadow:0 0 8px color-mix(in srgb, var(--color-faction-abyss) 50%, transparent);position:absolute;top:.5rem;left:0}.ap-timeline-node--ancient:before{background:var(--color-on-surface-variant);box-shadow:none;opacity:.45}.ap-timeline-node--now:before{background:var(--color-primary);box-shadow:0 0 14px var(--color-primary), 0 0 28px color-mix(in srgb, var(--color-primary) 45%, transparent);animation:2.4s ease-in-out infinite ap-timeline-pulse}@keyframes ap-timeline-pulse{0%,to{box-shadow:0 0 10px var(--color-primary), 0 0 20px color-mix(in srgb, var(--color-primary) 35%, transparent)}50%{box-shadow:0 0 18px var(--color-primary), 0 0 36px color-mix(in srgb, var(--color-primary) 55%, transparent)}}.ap-stat-bar{grid-template-columns:4rem 1fr 2rem;align-items:center;gap:.75rem;padding-block:.25rem;display:grid}.ap-stat-bar__label{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.12em;color:var(--color-on-surface-variant);font-size:.6875rem;font-weight:700}.ap-stat-bar__track{background:color-mix(in srgb, var(--color-surface-bright) 80%, transparent);border-radius:var(--radius-full);height:4px;overflow:hidden}.ap-stat-bar__fill{background:linear-gradient(to right, var(--color-primary), var(--color-primary-fixed));height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.ap-stat-bar__value{font-family:var(--font-headline);color:var(--color-on-surface);text-align:right;font-size:.8125rem;font-weight:700}.ap-axis-radar-segment{stroke:var(--color-primary);stroke-width:1.5px;fill:color-mix(in srgb, var(--color-primary) 15%, transparent);opacity:.75;transition:opacity .24s,stroke-width .24s}.ap-axis-radar-segment:hover{opacity:1;stroke-width:2.5px}.ap-focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sharp)}@media (prefers-reduced-motion:reduce){.ap-timeline-node--now:before{animation:none!important}.ap-cta{transition:none!important}.ap-cta:active{transform:none!important}.ap-stat-bar__fill,.ap-axis-radar-segment{transition:none!important}}}@layer utilities;*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;font-family:Newsreader,Noto Serif SC,serif;line-height:1.7;overflow-x:hidden}body:before{content:"";opacity:.03;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='nf'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nf)' opacity='0.05'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.abyssal-gradient{background:radial-gradient(circle,#191f31 0%,#0c1324 100%)}.hard-light-cta{background:linear-gradient(45deg,#00daf3 0%,#005964 100%)}.ap-card-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.ap-card{cursor:pointer;--faction-color:var(--color-faction-outer);width:300px;height:420px;transition:transform .5s cubic-bezier(.23,1,.32,1),filter .5s;position:relative}.ap-card:hover{transform:translateY(-12px)scale(1.04)perspective(700px)rotateY(-4deg)}.ap-bleed{background:var(--card-bg);z-index:0;border-radius:10px;position:absolute;inset:-10px}.cm{z-index:1;pointer-events:none;position:absolute}.cm:before,.cm:after{content:"";background:#fff3;position:absolute}.cm-tl{top:0;left:0}.cm-tl:before{width:7px;height:1px}.cm-tl:after{width:1px;height:7px}.cm-tr{top:0;right:0}.cm-tr:before{width:7px;height:1px;right:0}.cm-tr:after{width:1px;height:7px;right:0}.cm-bl{bottom:0;left:0}.cm-bl:before{width:7px;height:1px;bottom:0}.cm-bl:after{width:1px;height:7px;bottom:0;left:0}.cm-br{bottom:0;right:0}.cm-br:before{width:7px;height:1px;bottom:0;right:0}.cm-br:after{width:1px;height:7px;bottom:0;right:0}.ap-border{z-index:1;background:var(--faction-color);filter:blur(1.5px);opacity:.65;border-radius:8px;transition:opacity .4s,filter .4s;position:absolute;inset:0}.ap-card:hover .ap-border{opacity:1;filter:blur(3px)}.ap-shell{z-index:2;background:var(--card-bg);clip-path:polygon(0 10px,7px 3px,10px 0,calc(100% - 10px) 0,calc(100% - 7px) 3px,100% 10px,100% calc(100% - 10px),calc(100% - 7px) calc(100% - 3px),calc(100% - 10px) 100%,10px 100%,7px calc(100% - 3px),0 calc(100% - 10px));position:absolute;inset:2px}.ap-art{z-index:3;clip-path:polygon(0 7px,7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);height:56%;position:absolute;top:3px;left:3px;right:3px;overflow:hidden}.ap-art img{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1);display:block}.ap-card:hover .ap-art img{transform:scale(1.06)}.ap-art:after{content:"";background:linear-gradient(to top, var(--card-bg), transparent);height:55%;position:absolute;bottom:0;left:0;right:0}.ap-svg{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ap-cost{z-index:10;border:1.5px solid var(--faction-color);width:40px;height:40px;box-shadow:0 0 18px var(--faction-color), inset 0 0 10px #0000004d;background:radial-gradient(circle at 35% 35%,#4c1d95,#1e1040);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:4s ease-in-out infinite costPulse;display:flex;position:absolute;top:5px;left:5px}@keyframes costPulse{0%,to{box-shadow:0 0 16px var(--faction-color), inset 0 0 8px #0000004d}50%{box-shadow:0 0 28px var(--faction-color), inset 0 0 14px #0003}}.ap-cost .cv{color:#f3e8ff;text-shadow:0 0 8px var(--faction-color);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:900;line-height:1}.ap-cost .cl{text-transform:uppercase;letter-spacing:1px;color:#c4b5d9b3;font-size:5px}.ap-faction{z-index:10;text-transform:uppercase;letter-spacing:2px;color:var(--faction-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--faction-color);white-space:nowrap;text-overflow:ellipsis;background:#04030ad9;border-left-width:3px;border-radius:2px;max-width:120px;padding:2px 8px;font-family:Space Grotesk,sans-serif;font-size:7px;position:absolute;top:8px;right:6px;overflow:hidden}.ap-namezone{z-index:8;padding:0 4px;position:absolute;bottom:178px;left:4px;right:4px}.ap-name{color:#f3e8ff;text-shadow:0 2px 10px #000000e6;white-space:nowrap;text-overflow:ellipsis;font-family:Space Grotesk,Noto Serif SC,sans-serif;font-size:15px;font-weight:900;line-height:1.1;overflow:hidden}.ap-name.cn{font-size:14px}.ap-typename{text-transform:uppercase;letter-spacing:2px;color:var(--faction-color);align-items:center;gap:4px;margin-top:3px;font-size:8px;display:flex}.ap-typename:before,.ap-typename:after{content:"";background:linear-gradient(to right, transparent, var(--faction-color));flex:1;height:1px}.ap-typename:after{background:linear-gradient(to left, transparent, var(--faction-color))}.ap-abilities{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c4b5d9;word-break:break-word;overflow-wrap:anywhere;background:#04030acc;border:1px solid #6d28d933;border-top-color:#6d28d973;max-height:62px;padding:5px 8px;font-size:clamp(7.5px,1.8vw,9px);line-height:1.5;position:absolute;bottom:112px;left:4px;right:4px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.ap-kw{color:#fde68a;margin-bottom:2px;font-family:Space Grotesk,Noto Serif SC,sans-serif;font-size:clamp(7px,1.6vw,8.5px);font-weight:700;display:block}.ap-ab-body{color:#9c8ec2;font-style:italic}.ap-ab-body .label{color:#c084fc;font-style:normal;font-weight:700}.ap-wek-res{z-index:8;gap:3px;height:18px;display:flex;position:absolute;bottom:90px;left:4px;right:4px}.wek-cell,.res-cell{letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:3px;padding:0 4px;font-family:Space Grotesk,sans-serif;font-size:7.5px;font-weight:700;display:flex;overflow:hidden}.wek-cell{color:#d4a96a;background:#78350f66;border:1px solid #b4530980}.res-cell{color:#67e8f9;background:#064e5f66;border:1px solid #0891b280}.ap-rarity-badge{z-index:9;white-space:nowrap;border-radius:10px;align-items:center;gap:3px;padding:2px 10px;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.r-pip{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:6px;height:6px}.r-name{text-transform:uppercase;letter-spacing:1.5px;margin-left:3px;font-family:Space Grotesk,sans-serif;font-size:7px;font-weight:700}.rl-pip{box-shadow:0 0 10px var(--color-warning), 0 0 20px #fbbf2459;background:radial-gradient(circle at 35% 35%,#fde68a,#b45309)}.rl-name{color:#fef08a}.rl-badge{background:#fbbf241a;border:1px solid #fbbf2461}.rm-pip{box-shadow:0 0 12px var(--color-rarity-mythic), 0 0 24px #ef444466;background:radial-gradient(circle at 35% 35%,#fecaca,#7f1d1d);animation:2s ease-in-out infinite mythicPulse}.rm-name{color:#fca5a5;text-shadow:0 0 8px #ef444480}.rm-badge{background:#ef44441f;border:1px solid #ef44446b}@keyframes mythicPulse{0%,to{box-shadow:0 0 12px var(--color-rarity-mythic), 0 0 24px #ef444466}50%{box-shadow:0 0 18px #f87171,0 0 36px #ef444499}}.rr-pip{background:#60a5fa;box-shadow:0 0 7px #3b82f6}.rr-name{color:#93c5fd}.rr-badge{background:#60a5fa1a;border:1px solid #60a5fa4d}.re-pip{background:var(--color-rarity-epic);box-shadow:0 0 9px #db2777,0 0 18px #f472b666}.re-name{color:#fbcfe8}.re-badge{background:#f472b61a;border:1px solid #f472b659}.rc-pip{background:#94a3b8;box-shadow:0 0 5px #64748b}.rc-name{color:#cbd5e1}.rc-badge{background:#94a3b81a;border:1px solid #94a3b84d}.r-strip{z-index:9;border-radius:2px;height:3px;position:absolute;bottom:2px;left:10px;right:10px}.rl-strip{background:linear-gradient(90deg,#0000,#d97706 20%,#fbbf24 50%,#d97706 80%,#0000);animation:2s ease-in-out infinite goldGlow}.rm-strip{background:linear-gradient(to right, transparent, #7f1d1d 15%, var(--color-rarity-mythic) 50%, #7f1d1d 85%, transparent);animation:2s ease-in-out infinite mythicStripPulse}@keyframes mythicStripPulse{0%,to{opacity:.6;filter:blur(.3px)}50%{opacity:1;filter:blur()}}.re-strip{background:linear-gradient(90deg,#0000,#ec4899,#0000)}@keyframes goldGlow{0%,to{opacity:.9}50%{opacity:1;filter:brightness(1.7)saturate(1.4)}}.rr-strip{background:linear-gradient(90deg,#0000,#3b82f6,#0000)}.rc-strip{background:linear-gradient(90deg,#0000,#64748b,#0000)}.ap-statbar{z-index:8;grid-template-columns:repeat(5,1fr);gap:3px;height:62px;display:grid;position:absolute;bottom:4px;left:4px;right:4px}.ap-stat{background:#04030aeb;border:1px solid #ffffff12;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ap-stat:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.ap-stat .si{margin-bottom:1px;font-size:11px;line-height:1}.ap-stat .sv{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:900;line-height:1}.ap-stat .sl{text-transform:uppercase;letter-spacing:1.5px;color:#c4b5d966;margin-top:1px;font-size:6px}.s-atk:before{background:#ef4444}.s-atk .si,.s-atk .sv{color:#fca5a5}.s-atk .si{color:#ef4444}.s-def:before{background:#3b82f6}.s-def .si,.s-def .sv{color:#93c5fd}.s-def .si{color:#3b82f6}.s-hp:before{background:#10b981}.s-hp .si,.s-hp .sv{color:#6ee7b7}.s-hp .si{color:#10b981}.s-spd:before{background:var(--color-warning)}.s-spd .si,.s-spd .sv{color:#fcd34d}.s-spd .si{color:var(--color-warning)}.s-san:before{background:#d946ef}.s-san .si,.s-san .sv{color:#f0abfc}.s-san .si{color:#d946ef}.ap-card-scaled{transform:scale(var(--ap-scale,.85));transform-origin:top}@media (width<=600px){.ap-card-scaled{transform:scale(.7)}.ap-card-wrap{width:240px!important;height:336px!important}.ap-card{transform-origin:0 0;transform:scale(.8)}}@media (width<=400px){.ap-card-wrap{width:210px!important;height:294px!important}.ap-card{transform-origin:0 0;transform:scale(.7)}}.ap-card[data-faction=Outer\ Gods]{--faction-color:var(--color-faction-outer)}.ap-card[data-faction=Abyss\ Servants]{--faction-color:var(--color-faction-abyss)}.ap-card[data-faction=Humanity]{--faction-color:var(--color-faction-human)}.ap-card[data-faction=Elder\ Signs]{--faction-color:var(--color-faction-elder)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#00ffd54d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ap-card:hover,.ap-card:hover .ap-art img{transform:none!important}}.section-divider{background:linear-gradient(90deg,#0000,#7c3aed66,#0000);height:1px;margin:0}.axis-chip{color:#c4b5d9;background:#04030ab3;border:1px solid #7c3aed33;border-left-width:3px;border-radius:2px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;transition:border-color .3s,transform .3s;display:flex}.axis-chip:hover{border-color:#7c3aedb3;transform:translate(4px)}.axis-chip .axis-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.axis-chip .axis-label{color:#fde68a;margin-right:4px;font-family:Space Grotesk,sans-serif;font-weight:700}