main{position:relative;isolation:isolate;background:linear-gradient(120deg,#080f1c,#101d31 55%,#090f1d)}
.content-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-image:linear-gradient(#8dcbff05 1px,transparent 1px),linear-gradient(90deg,#8dcbff05 1px,transparent 1px);background-size:64px 64px}
.content-backdrop .mouse-light{position:absolute;inset:0;z-index:0;opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my),#3997e32a,transparent 75%);transition:opacity .25s}
.background-mote{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--dot-color);box-shadow:0 0 8px var(--dot-color);opacity:.5;animation:content-mote var(--duration) ease-in-out var(--delay) infinite alternate}
@keyframes content-mote{from{transform:translate(0,0);opacity:.2}to{transform:translate(12px,-24px);opacity:.6}}
.content-backdrop.paused *,.content-backdrop.offscreen *{animation-play-state:paused!important}
.hero,.platform-section{background:transparent;isolation:auto}.hero{overflow:visible}.hero-copy,.hero-art,.hero-bottom,.section-head,.gallery,.studio>*:not(.content-backdrop),.platform,.inner-page{position:relative;z-index:1}.hero-bottom{position:absolute}.hero-art{isolation:isolate}.elemental-bg{z-index:0}.grid-bg{display:none}.gallery{z-index:2}.tank-card{cursor:pointer;background:radial-gradient(ellipse at 50% 35%,#24415e,#101d30 70%);text-align:left}.tank-card:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.tank-card[aria-expanded=true]{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.tank-card:first-child{background:radial-gradient(ellipse at 30% 30%,#173b55,#111b2c 80%)}.tank-card:nth-child(2){background:radial-gradient(ellipse at 50% 35%,#3e3a2d,#111b2c 70%)}.tank-card:nth-child(3){background:radial-gradient(ellipse at 50% 35%,#302a45,#111b2c 70%)}.platform{background:#0d1728}.studio{position:relative}.hero-bottom{border-color:var(--line)}.primary{color:#081525}.button:hover{box-shadow:0 0 24px #8dcbff18}.studio h2 span{color:#8dcbff}.tank-detail{position:relative;z-index:2;margin-top:28px;padding:32px;background:#0d182a;border:1px solid #43648a;scroll-margin-top:24px}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-top .eyebrow{margin:0}.detail-identity{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center;margin:25px 0 40px}.detail-avatar{width:220px;height:240px;object-fit:contain}.detail-bio h2{font-size:36px;line-height:1.2;margin-bottom:22px;letter-spacing:-1px}.detail-bio h3{color:var(--lime);font-size:13px}.detail-bio p{max-width:740px;color:#bcc9da;line-height:1.9}.detail-heading{font-size:23px;margin:32px 0 18px}.detail-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skill-info{padding:22px;background:#111f34;border:1px solid var(--line)}.skill-head{display:flex;align-items:center;gap:14px}.skill-icon{width:56px;height:56px;object-fit:contain;border-radius:8px}.skill-head .eyebrow{font-size:8px;letter-spacing:1px}.skill-head h4{font-size:16px;line-height:1.4;margin:6px 0}.cooldown,.gem-unlock{font-size:10px;color:var(--lime);margin:18px 0}.skill-prose{white-space:pre-line;color:#bac9dc;font-size:12px;line-height:1.9;margin-bottom:0}.detail-hint{color:var(--muted);font-size:12px}.detail-gems{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.gem-info{padding:18px;background:#111f34;border:1px solid var(--line)}.gem-info summary{display:flex;align-items:center;gap:14px;font-size:13px;list-style:none}.gem-info summary::-webkit-details-marker{display:none}.gem-icon{width:52px;height:52px;border-radius:50%;object-fit:contain}.gem-plus{margin-left:auto;color:var(--lime);font-size:22px}.gem-info[open] .gem-plus{rotate:45deg}.gem-info[open]{border-color:#648dbb}.motion-off .content-backdrop{display:none}.inner-page{background:transparent}@media(max-width:900px){.hero-bottom{position:relative}.detail-skills{grid-template-columns:1fr}.detail-identity{grid-template-columns:160px 1fr;gap:20px}.detail-avatar{width:160px;height:190px}}@media(max-width:600px){.tank-detail{padding:20px}.detail-top{align-items:flex-start}.detail-top .eyebrow{font-size:8px;max-width:150px}.detail-identity{grid-template-columns:1fr}.detail-avatar{width:180px;height:190px;margin:auto}.detail-bio h2{font-size:29px}.detail-gems{grid-template-columns:1fr}.skill-info{padding:18px}.background-mote:nth-of-type(2n){display:none}}@media(prefers-reduced-motion:reduce){.content-backdrop{display:none}}
