:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#07111f;--bg-2:#0d1b33;--surface:#0c182dd1;--surface-strong:#142848f0;--surface-card:#0f203bc2;--text:#f8fbff;--muted:#a8b7d4;--muted-strong:#dbe7ff;--border:#84aaff47;--primary:#55f0ff;--primary-dark:#6c7dff;--accent:#9cff6a;--gold:#ffd166;--danger:#ff6b8a;--success:#5dff9b;--shadow:0 24px 80px #0000005c;--glow:0 0 28px #55f0ff52;background:#07111f;font-family:Sora,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#0000;background-image:radial-gradient(circle at 8% 4%,#55f0ff3d 0,#0000 18rem),radial-gradient(circle at 82% 8%,#9cff6a29 0,#0000 20rem),radial-gradient(circle at 50% 86%,#6c7dff3d 0,#0000 24rem),linear-gradient(135deg,#07111f 0%,#0b1730 48%,#140c2b 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:320px;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#84aaff2e 1px,#0000 1px),linear-gradient(90deg,#84aaff2e 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit}button{font:inherit}#root{min-height:100vh}.site-shell{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:clip}.site-shell:before,.site-shell:after{content:"";pointer-events:none;z-index:0;position:fixed}.site-shell:before{filter:blur(6px);background:radial-gradient(circle,#9cff6a29,#0000 65%);border-radius:999px;width:24rem;height:24rem;top:8rem;right:-8rem}.site-shell:after{filter:blur(8px);background:radial-gradient(circle,#55f0ff2e,#0000 64%);border-radius:999px;width:20rem;height:20rem;bottom:4rem;left:-7rem}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fc7;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0;box-shadow:0 12px 36px #00000038}.brand{color:var(--text);letter-spacing:-.03em;align-items:center;gap:.75rem;font-weight:950;text-decoration:none;display:inline-flex}.brand-mark{background:conic-gradient(from 210deg, var(--accent), var(--primary), var(--primary-dark), var(--gold), var(--accent));color:#07111f;width:2.6rem;height:2.6rem;box-shadow:var(--glow);border:1px solid #ffffff73;border-radius:1rem;place-items:center;display:grid}nav{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}nav a{color:var(--muted-strong);border:1px solid #0000;border-radius:999px;padding:.58rem .78rem;font-size:.92rem;font-weight:800;text-decoration:none}nav a:hover,nav a.active{color:#07111f;background:linear-gradient(135deg, var(--primary), var(--accent));border-color:#ffffff6b;box-shadow:0 0 22px #55f0ff38}main{z-index:1;flex:1;position:relative}.hero-section,.page-section{width:min(1160px,100% - 2rem);margin:0 auto;padding:clamp(3rem,7vw,6rem) 0}.hero-section{text-align:left;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.hero-content{z-index:2;position:relative}.eyebrow{color:#b9fbff;letter-spacing:.1em;text-transform:uppercase;background:#55f0ff24;border:1px solid #55f0ff57;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .78rem;font-size:.78rem;font-weight:950;display:inline-flex;box-shadow:inset 0 0 18px #55f0ff14}h1{letter-spacing:-.08em;max-width:960px;color:var(--text);text-shadow:0 0 34px #55f0ff29;overflow-wrap:anywhere;margin:1rem 0;font-size:clamp(2.5rem,7vw,5.9rem);line-height:.95}.page-heading h1{margin-left:auto;margin-right:auto}h2{letter-spacing:-.04em;margin:0 0 .55rem;font-size:clamp(1.25rem,3vw,1.75rem)}h3{margin:.9rem 0 .45rem}p{color:var(--muted);line-height:1.7}.hero-copy,.page-heading p{max-width:780px;font-size:1.12rem}.hero-copy{color:#d8e6ff;margin:0}.page-heading{text-align:center;margin-bottom:2rem}.page-heading p{margin:0 auto}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:.9rem;margin:2rem 0 1rem;display:flex}button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#06101e;cursor:pointer;border:1px solid #fff3;border-radius:999px;padding:.86rem 1.18rem;font-weight:950;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:0 14px 34px #55f0ff2e}button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 18px 40px #55f0ff40}button.secondary,.link-button{color:var(--text);border:1px solid var(--border);box-shadow:none;background:#ffffff14}button.secondary:hover,.link-button:hover{color:#b9fbff;background:#55f0ff24}.disclaimer,.notice{color:#ffe6a3;background:#ffd1661f;border:1px solid #ffd16673;border-radius:1rem;max-width:820px;margin:1rem 0 0;padding:.95rem 1rem}.notice{margin-left:auto;margin-right:auto}.hero-art{place-items:center;min-height:430px;display:grid;position:relative}.arena-card{width:min(100%,420px);min-height:360px;box-shadow:var(--shadow), inset 0 0 40px #55f0ff12;background:linear-gradient(160deg,#0f203be6,#131137c2);border:1px solid #84aaff5c;border-radius:2rem;padding:1.4rem;position:relative;overflow:hidden}.arena-card:before{content:"";border:1px dashed #9cff6a47;border-radius:1.5rem;position:absolute;inset:1rem}.energy-core{background:radial-gradient(circle at 35% 35%, #fff, var(--primary) 18%, var(--primary-dark) 48%, transparent 70%);border-radius:50%;width:11rem;height:11rem;position:absolute;top:3rem;right:2rem;box-shadow:0 0 50px #55f0ff73}.energy-core:after{content:"";border:3px solid #ffffff80;border-left-color:#0000;border-radius:50%;position:absolute;inset:2.3rem;transform:rotate(-25deg)}.floating-rune{color:#06101e;background:linear-gradient(135deg, var(--accent), var(--gold));border-radius:1.2rem;place-items:center;width:4.2rem;height:4.2rem;font-weight:950;display:grid;position:absolute;box-shadow:0 0 24px #9cff6a47}.rune-a{top:4.4rem;left:2rem;transform:rotate(-10deg)}.rune-b{background:linear-gradient(135deg,#ff8a4d,#ffcf5a);bottom:4.8rem;left:4rem;transform:rotate(8deg)}.rune-c{background:linear-gradient(135deg,#b898ff,#55f0ff);bottom:3.1rem;right:3.2rem;transform:rotate(-6deg)}.radar-lines{background-color:#0000;background-image:linear-gradient(#55f0ff1f 1px,#0000 1px),linear-gradient(90deg,#55f0ff1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #55f0ff33;border-radius:1.4rem;height:46%;position:absolute;inset:auto 1.3rem 1.3rem}.grid{gap:1rem;display:grid}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel,.code-card,.faq details,.home-strip,.tool-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.35rem;padding:1.25rem}.card{text-align:left;flex-direction:column;align-items:flex-start;min-height:230px;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(circle,#55f0ff2e,#0000 70%);border-radius:50%;width:7rem;height:7rem;position:absolute;top:-2.5rem;right:-2.5rem}.card .link-button{margin-top:auto}.tool-icon{background:linear-gradient(135deg,#55f0ff33,#9cff6a2e);border:1px solid #ffffff29;border-radius:1rem;place-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-size:1.4rem;display:grid}.home-strip{grid-template-columns:1.1fr .9fr;gap:1rem;width:min(1160px,100% - 2rem);margin:1rem auto 0;display:grid}.strip-list{gap:.7rem;margin-top:1rem;display:grid}.strip-item{background:#ffffff0f;border:1px solid #84aaff2e;border-radius:.95rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.builder-layout{grid-template-columns:.92fr 1.08fr;align-items:start;gap:1rem;display:grid}.monster-list{gap:.7rem;display:grid}.monster{width:100%;color:var(--text);box-shadow:none;text-align:left;background:#ffffff0f;border:1px solid #84aaff2e;border-radius:1.15rem;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;display:grid}.monster span{color:#d3e1fb;font-size:.92rem}.monster.selected{background:linear-gradient(135deg,#55f0ff2e,#9cff6a1f);border-color:#55f0ff9e;box-shadow:0 0 24px #55f0ff21}.monster-orb{color:#06101e;background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;font-weight:950;display:grid;box-shadow:0 0 18px #55f0ff38}.squad-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin:1rem 0;display:grid}.squad-slot{background:#ffffff0e;border:1px solid #84aaff38;border-radius:1rem;flex-direction:column;justify-content:center;gap:.25rem;min-height:5.4rem;padding:.6rem;display:flex}.squad-slot.empty{color:#dbe7ffc2;border-style:dashed}.squad-slot strong{font-size:.9rem}.results-panel{position:sticky;top:5.5rem}.metric{border-bottom:1px solid #84aaff2e;justify-content:space-between;gap:1rem;padding:.9rem 0;display:flex}.metric span{color:var(--muted)}.tags{flex-wrap:wrap;gap:.45rem;display:flex}.tag,.type-pill{color:#c8fbff;background:#55f0ff24;border:1px solid #55f0ff47;border-radius:999px;align-items:center;gap:.25rem;padding:.38rem .62rem;font-size:.83rem;font-weight:900;display:inline-flex}.tag.danger{color:#ffc0cd;background:#ff6b8a24;border-color:#ff6b8a57}.tag.muted{color:var(--muted-strong);background:#ffffff12;border-color:#ffffff1f}.type-nature{color:#caffcf;background:#74ff7c29;border-color:#74ff7c57}.type-water{color:#ccefff;background:#55c4ff29;border-color:#55c4ff57}.type-fire{color:#ffd8c2;background:#ff8a4d2b;border-color:#ff8a4d5c}.type-earth{color:#ffe7b8;background:#deb3672e;border-color:#deb36761}.type-light{color:#fff1a6;background:#ffeb862e;border-color:#ffeb8661}.type-air{color:#e7f2ff;background:#badcff2b;border-color:#badcff5c}.suggestions ul{color:var(--muted-strong);margin:.5rem 0 0;padding-left:1.2rem;line-height:1.75}.table-wrap{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.25rem;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #84aaff2e;padding:1rem}th{color:#c9faff;text-transform:uppercase;letter-spacing:.08em;background:#55f0ff17;font-size:.78rem}.code-list{gap:.85rem;display:grid}.code-card{grid-template-columns:auto 1fr auto auto;align-items:center;gap:.85rem;display:grid}.code-token{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem}.status{text-transform:uppercase;color:var(--muted-strong);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:.38rem .62rem;font-size:.76rem;font-weight:950}.status.active{color:#b9ffd3;background:#5dff9b24;border-color:#5dff9b57}.status.expired{color:#ffc0cd;background:#ff6b8a24;border-color:#ff6b8a57}.status.needs-verification{color:#ffe6a3;background:#ffd16624;border-color:#ffd16666}.faq{margin-top:2rem}.faq details{box-shadow:none;margin-top:.75rem}.faq summary{cursor:pointer;color:var(--text);font-weight:900}.narrow{max-width:780px}footer{z-index:1;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:1rem;width:min(1160px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem;display:flex;position:relative}footer div{gap:1rem;display:flex}footer a{color:#b9fbff;font-weight:900;text-decoration:none}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start;width:100%;max-width:100vw;overflow-x:hidden}nav{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.5rem;width:100%;display:grid}nav a{text-align:center;padding:.7rem .5rem;font-size:.9rem}.hero-section,.home-strip{grid-template-columns:1fr}.hero-section{text-align:left;gap:1.5rem;width:min(100% - 2rem,1160px)}h1{letter-spacing:-.06em;font-size:clamp(2.25rem,12vw,3.3rem)}.hero-copy,.page-heading p{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}.eyebrow{white-space:normal;max-width:100%}.hero-art{min-height:310px}.arena-card{width:100%;min-height:300px}.cards-grid,.builder-layout{grid-template-columns:1fr}.results-panel{position:static}.code-card{grid-template-columns:auto 1fr}.code-card button,.code-card .status{justify-self:start}.squad-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){nav{grid-template-columns:1fr;max-width:360px}nav a{width:100%}h1{letter-spacing:-.045em;font-size:clamp(2rem,10vw,2.75rem)}.hero-section,.page-section,.home-strip,footer{width:min(360px,100% - 1.25rem)}.hero-section,.page-section{padding:2.2rem 0}.hero-copy,.page-heading p{max-width:100%}.page-heading h1{font-size:clamp(2rem,10vw,2.65rem)}.card,.panel,.code-card,.faq details,.home-strip{padding:1rem}.squad-slots,.monster{grid-template-columns:1fr}}@media (width<=430px){.topbar{padding:.85rem 1rem}.brand-mark{width:2.3rem;height:2.3rem}}