/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--navy-950:#070d18;--navy-900:#0b1424;--navy-850:#101c30;--navy-800:#14233b;--navy-700:#213755;--navy-600:#2c4468;--red:#e52f43;--red-dark:#b81f32;--red-dim:#3a1620;--blue:#3478d4;--blue-soft:#72a9ed;--blue-dim:#152a44;--amber:#e8a23a;--amber-dim:#3a2c12;--success:#33b07a;--success-dim:#123324;--white:#f4f7fb;--ink:#0b1424;--muted:#98a8bc;--muted-dim:#5c6c82;--line:#ffffff1f;--line-strong:#ffffff38;--display:"Arial Narrow", "Roboto Condensed", Impact, sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:3px;--r-md:6px;--r-lg:10px;--dur-fast:.12s;--dur-base:.2s;--ease-out:cubic-bezier(.16, 1, .3, 1);--web-rays:repeating-conic-gradient(from 0deg, white 0 1deg, transparent 1deg 30deg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--white);background:var(--navy-950);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0;font-size:15px}button,input,select,textarea{font:inherit;border-radius:var(--r-sm)}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #72b4ff;box-shadow:0 0 0 4px #3478d429}button:disabled{cursor:default}a{color:inherit}.academy-shell{isolation:isolate;background:var(--navy-950);min-height:100vh;position:relative;overflow:clip}.academy-shell:before{content:"";z-index:0;aspect-ratio:1;pointer-events:none;opacity:.11;background:repeating-radial-gradient(circle, transparent 0 41px, #72a9ed6b 42px 43px), repeating-conic-gradient(from 0deg, #e52f4385 0 1deg, transparent 1deg 30deg);width:620px;position:fixed;top:95px;right:-150px;transform:rotate(-8deg);-webkit-mask-image:radial-gradient(circle,#000 0 42%,#0000 73%);mask-image:radial-gradient(circle,#000 0 42%,#0000 73%)}.academy-shell>main,.academy-shell>.topbar{z-index:1;position:relative}.topbar{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070d18f5;align-items:center;gap:26px;min-height:72px;padding:10px clamp(16px,3.5vw,54px);display:flex;position:sticky;top:0}.topbar:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--red) 0 18%, transparent 18% 70%, var(--blue) 70% 100%);clip-path:polygon(0 0,100% 0,98% 100%,1% 100%);height:2px;position:absolute;bottom:-1px;left:0;right:0}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:max-content;padding:0;display:flex}.brand-mark{clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);background:linear-gradient(145deg,#f23a4d,#aa1329);place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.spider-emblem{color:#fff;filter:drop-shadow(0 4px 8px #00000047);width:64px;height:76px;display:block;position:relative}.spider-emblem b{z-index:2;background:currentColor;border-radius:50% 50% 42% 42%;width:14px;height:32px;position:absolute;top:27%;left:50%;transform:translate(-50%)}.spider-emblem b:before{content:"";background:currentColor;border-radius:50%;width:11px;height:13px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.spider-emblem i{border-top:5px solid;width:25px;height:17px;position:absolute;top:28%}.spider-emblem i:first-of-type,.spider-emblem i:nth-of-type(2){transform-origin:100%;border-left:5px solid;right:50%}.spider-emblem i:nth-of-type(3),.spider-emblem i:nth-of-type(4){transform-origin:0;border-right:5px solid;left:50%}.spider-emblem i:first-of-type{transform:rotate(25deg)translate(-2px,-5px)}.spider-emblem i:nth-of-type(2){top:52%;transform:rotate(-24deg)translate(-2px,2px)}.spider-emblem i:nth-of-type(3){transform:rotate(-25deg)translate(2px,-5px)}.spider-emblem i:nth-of-type(4){top:52%;transform:rotate(24deg)translate(2px,2px)}.spider-emblem.is-compact{width:28px;height:34px;transform:scale(.62)}.brand b{font:900 17px/.95 var(--display);letter-spacing:.05em;display:block}.brand small{color:var(--muted);font:650 8px/1 var(--font-geist-mono);letter-spacing:.1em;margin-top:4px;display:block}.main-nav{align-self:stretch;gap:2px;min-width:0;display:flex}.main-nav button{color:#aab8ca;white-space:nowrap;background:0 0;border:0;padding:0 12px;font-size:12px;font-weight:700;position:relative}.main-nav button:after{content:"";background:var(--red);height:3px;position:absolute;bottom:-10px;left:12px;right:12px;transform:scaleX(0)}.main-nav button:hover,.main-nav button.is-active{color:#fff}.main-nav button.is-active:after{transform:scaleX(1)}.top-controls{gap:8px;margin-left:auto;display:flex}.segmented{background:var(--navy-850);border:1px solid var(--line);grid-auto-flow:column;padding:3px;display:grid}.segmented button{min-width:40px;min-height:30px;color:var(--muted);font:800 10px/1 var(--font-geist-mono);background:0 0;border:0;padding:5px 8px}.segmented button.is-active{color:#ff8b98;background:var(--red-dim)}.device-switch button{place-items:center;min-width:53px;display:grid}.device-glyph{width:23px;height:17px;display:block;position:relative}.device-glyph.is-kbm:before{content:"";border:2px solid;position:absolute;inset:0 1px 4px}.device-glyph.is-kbm:after{content:"";background:currentColor;height:2px;position:absolute;bottom:0;left:7px;right:7px;box-shadow:0 -3px}.dualsense-glyph{color:currentColor;width:35px;height:23px;display:block;position:relative}.dualsense-body{clip-path:polygon(18% 0,82% 0,100% 74%,89% 100%,69% 64%,31% 64%,11% 100%,0 74%);background:currentColor;position:absolute;inset:3px 1px 1px}.dualsense-body:after{content:"";background:var(--navy-850);clip-path:inherit;position:absolute;inset:2px}.segmented button.is-active .dualsense-body:after{background:var(--red-dark)}.dualsense-touch{z-index:2;background:#2d73cc;border:1px solid;border-radius:2px 2px 4px 4px;width:9px;height:6px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 4px 0 -3px #9bc8ff}.dualsense-dpad{z-index:3;width:7px;height:7px;position:absolute;top:9px;left:7px}.dualsense-dpad:before,.dualsense-dpad:after{content:"";background:currentColor;border-radius:1px;position:absolute}.dualsense-dpad:before{width:3px;height:7px;top:0;left:2px}.dualsense-dpad:after{width:7px;height:3px;top:2px;left:0}.dualsense-buttons{z-index:3;background:#76aef3;border-radius:50%;width:3px;height:3px;position:absolute;top:9px;right:8px;box-shadow:4px 2px #ff7b8a,0 5px #8ed8ba,-4px 2px #d9a8ff}.page-wrap{width:min(1440px,100%);margin:0 auto;padding:34px clamp(16px,3.5vw,54px) 80px}.eyebrow{color:#ff6474;font:800 10px/1.2 var(--font-geist-mono);letter-spacing:.12em;text-transform:uppercase;display:block}.button,.button-secondary,.button-ghost,.button-danger{border-radius:var(--r-sm);min-height:44px;font:800 12px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, transform var(--dur-fast) ease, color var(--dur-fast) ease;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;display:inline-flex}.button{color:var(--ink);background:var(--white);border:1px solid var(--white)}.button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 0 0 3px #f4f7fb29}.button:active{transform:translateY(0)}.button:disabled,.button-secondary:disabled,.button-ghost:disabled,.button-danger:disabled{opacity:.35;pointer-events:none}.button-secondary{color:var(--white);border:1px solid var(--line-strong);background:0 0}.button-secondary:hover{border-color:var(--white);background:#f4f7fb0f}.button-ghost{min-height:auto;color:var(--muted);background:0 0;border:1px solid #0000;padding:8px 10px}.button-ghost:hover{color:var(--white);border-color:var(--line)}.button-danger{color:#ff9aa4;background:0 0;border:1px solid #e52f4380}.button-danger:hover{border-color:var(--red);background:#e52f4314}.button-selected{color:#ff8b98;background:var(--red-dim);border:1px solid var(--red)}.button-amber{color:#ffcf82;background:0 0;border:1px solid #e8a23a80}.button-amber:hover{border-color:var(--amber);background:#e8a23a1a}.category-pill{color:#dce7f5;background:var(--navy-800);border:1px solid var(--line);min-height:26px;font:750 9px/1 var(--font-geist-mono);text-transform:uppercase;align-items:center;padding:5px 9px;display:inline-flex}.sheet-intro{background:var(--navy-900);border:1px solid var(--line);justify-content:space-between;align-items:end;gap:40px;min-height:250px;padding:clamp(30px,5vw,62px);display:flex;position:relative;overflow:hidden}.sheet-intro:before{content:"";pointer-events:none;background:radial-gradient(circle at 74% 35%,#ffffff1c 0 1px,#0000 1.5px) 0 0/8px 8px,linear-gradient(115deg,#3478d41f,#0000 44%),linear-gradient(295deg,#e52f4329,#0000 45%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 45%,#000);mask-image:linear-gradient(90deg,#0000 45%,#000)}.spidey-intro:after{content:"";aspect-ratio:1;opacity:.13;filter:saturate(1.2);background:url(/spider-man-portrait.jpg) 50%/cover;border-radius:50%;width:330px;position:absolute;top:-35%;right:2%}.sheet-intro>*{z-index:2;position:relative}.sheet-intro h1{max-width:760px;font:900 clamp(42px, 5.5vw, 76px)/.88 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:10px 0 14px}.sheet-intro>div:first-child>p{color:#b8c4d3;max-width:680px;margin:0;font-size:16px;line-height:1.55}.hero-byline{color:#8fa3ba!important;margin-top:12px!important;font-size:11px!important}.hero-byline a{color:#cfe2fa;border-bottom:1px solid #72a9ed6b;font-weight:850;text-decoration:none}.hero-button{margin-top:22px}.source-metrics{flex:none;grid-template-columns:repeat(3,minmax(94px,1fr));gap:7px;min-width:360px;display:grid}.source-metrics span{color:#93a6bd;border:1px solid var(--line);min-height:86px;font:750 8px/1 var(--font-geist-mono);text-transform:uppercase;background:#070d18c7;align-content:center;gap:8px;padding:12px 14px;display:grid}.source-metrics b{color:#fff;font:900 29px/1 var(--display)}.source-metrics .warning{border-color:#e52f438c}.source-metrics .warning b{color:#ff7180}.spidey-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.8fr);align-items:start;gap:14px;margin-top:14px;display:grid}.taxonomy-panel,.reading-panel,.ability-legend{background:var(--navy-900);border:1px solid var(--line)}.taxonomy-panel{padding:25px;position:relative;overflow:hidden}.taxonomy-panel:before{content:"";aspect-ratio:1;opacity:.05;pointer-events:none;background:repeating-radial-gradient(circle, transparent 0 22px, white 23px 24px), var(--web-rays);width:300px;position:absolute;top:-120px;right:-90px}.taxonomy-panel>*{z-index:1;position:relative}.pulse-dot{background:var(--red);border-radius:50%;width:9px;height:9px;display:inline-block;position:relative}.pulse-dot:after{content:"";background:var(--red);animation:pulse-ring 1.8s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.section-title{justify-content:space-between;align-items:end;gap:28px;margin-bottom:20px;display:flex}.section-title h2{font:900 clamp(28px, 3.5vw, 43px)/.95 var(--display);text-transform:uppercase;align-items:center;gap:12px;margin:8px 0 0;display:flex}.section-title h2:after{content:"";opacity:.45;background:linear-gradient(27deg, transparent 42%, var(--red) 43% 48%, transparent 49%), linear-gradient(-27deg, transparent 42%, var(--blue-soft) 43% 48%, transparent 49%);flex:0 0 30px;width:30px;height:12px}.section-title>p{max-width:470px;color:var(--muted);margin:0;line-height:1.5}.taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.taxonomy-card{color:#dfe7f2;background:var(--navy-850);border:1px solid var(--line);text-align:left;grid-template-columns:22px 62px minmax(0,1fr) 32px;align-items:center;gap:9px;min-height:98px;padding:11px;display:grid;position:relative;overflow:hidden}.taxonomy-card:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0 1px,#0000 1.5px) 0 0/7px 7px;width:90px;height:90px;transition:opacity .18s;position:absolute;bottom:-35px;right:-25px;transform:rotate(-12deg)}.taxonomy-card:not(.is-available){opacity:.65}.taxonomy-card.is-available:hover{border-color:var(--blue-soft);background:linear-gradient(120deg, #3478d42b, transparent 50%), var(--navy-800);transform:translateY(-2px)}.taxonomy-card.is-available:hover:after{opacity:.35}.taxonomy-index{color:#607086;font:750 9px/1 var(--font-geist-mono);padding-top:3px}.taxonomy-card .ability-icon-frame.is-mini,.taxonomy-card .section-symbol{z-index:1;width:62px;height:48px;position:relative}.section-symbol{width:72px;height:54px;color:var(--ink);font:800 22px/1 var(--display);background:#edf0f5;border:1px solid #ffffff8c;place-items:center;display:grid}.taxonomy-card h3{font:820 15px/1.05 var(--display);text-transform:uppercase;margin:0 0 5px}.taxonomy-card p{color:#94a5b9;margin:0;font-size:10px;line-height:1.3}.taxonomy-card small{color:#71839a;font:650 9px/1 var(--font-geist-mono)}.taxonomy-card>b{color:#fff;font:900 25px/1 var(--display);text-align:right}.taxonomy-card.is-available>b{color:#ff7180}.reading-panel{align-self:start;padding:25px;position:sticky;top:92px}.reading-panel h2{font:900 33px/1 var(--display);text-transform:uppercase;margin:10px 0 8px}.reading-panel>p{color:var(--muted);margin:0 0 18px;line-height:1.5}.reading-panel .sequence{margin:0 -3px}.reading-note{background:var(--navy-850);border-left:3px solid var(--blue);grid-template-columns:auto 1fr;align-items:start;gap:10px;margin:15px 0;padding:12px;display:grid}.reading-note>span{color:#fff;background:var(--blue);font:800 9px/1 var(--font-geist-mono);padding:4px 6px}.reading-note p{color:#aebccd;margin:0;font-size:11px;line-height:1.4}.reading-panel .button{width:100%}.starter-list{gap:7px;margin:18px 0;display:grid}.starter-list button{color:#fff;background:var(--navy-850);border:1px solid var(--line);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:73px;padding:13px;display:grid}.starter-list button:hover{border-color:var(--blue-soft);background:var(--navy-800)}.starter-list b{font:850 14px/1 var(--display);text-transform:uppercase;margin-bottom:5px;display:block}.starter-list small{color:#8fa1b6;text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.starter-list strong{color:#ff7180;font:900 22px/1 var(--display)}.starter-damage{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.starter-damage small{color:#7890ac;font:700 8px/1 var(--font-geist-mono);text-transform:uppercase;letter-spacing:.04em}.ability-legend{margin-top:14px;padding:25px}.ability-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.ability-list-item{background:var(--navy-850);border:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.ability-list-item>div{min-width:0}.ability-list-item b{color:#f2f6fb;font:800 12px/1.05 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;display:block;overflow:hidden}.ability-icon-frame{background:#edf0f5;border:1px solid #ffffff8c;flex:0 0 104px;place-items:center;width:104px;height:72px;display:grid;overflow:hidden}.ability-icon{filter:grayscale()contrast(1.55);mix-blend-mode:multiply;background-color:#edf0f5;background-image:url(/ability-reference.jpeg);background-repeat:no-repeat;background-size:907.5px 453.75px;width:76px;height:30px;display:block}.ability-icon-frame.is-compact{flex-basis:88px;width:88px;height:61px}.ability-icon-frame.is-compact .ability-icon{transform:scale(.95)}.ability-icon-frame.is-mini{border-color:#ffffff61;flex:0 0 72px;width:72px;height:54px}.ability-icon-frame.is-mini .ability-icon{width:58px;height:22px;transform:none}.service-sprite{filter:contrast(1.1);mix-blend-mode:multiply;background-color:#edf0f5;background-image:url(/service-actions.png);background-repeat:no-repeat;background-size:300% 400%;border:1px solid #ffffff8c;width:104px;height:72px;display:block}.service-sprite.is-compact{width:88px;height:61px}.service-sprite.is-mini{border-color:#ffffff61;width:72px;height:54px}.service-fallback{width:104px;height:72px;color:var(--ink);font:800 8px/1 var(--font-geist-mono);background:#edf0f5;border:1px solid #ffffff8c;place-items:center;display:grid}.service-fallback.is-compact{width:88px;height:61px}.service-fallback.is-mini{border-color:#ffffff61;width:72px;height:54px}.action-tile{background:var(--navy-850);border:1px solid var(--line);width:132px;min-height:176px;box-shadow:inset 0 3px var(--blue);flex-direction:column;flex:0 0 132px;align-items:center;padding:10px;display:flex}.action-icon-stage{place-items:center;width:100%;min-height:74px;display:grid;overflow:hidden}.action-control-row{background:var(--navy-950);border:1px solid var(--line);justify-content:center;align-items:center;width:100%;min-height:47px;margin:7px 0;padding:5px;display:flex}.action-tile.is-compact{flex-basis:112px;width:112px;min-height:157px;padding:7px}.action-tile.is-compact .action-control-row{min-height:42px;margin:5px 0}.action-tile.is-hidden{color:#61738a;min-height:157px;box-shadow:none;font:900 33px/1 var(--display);background:#101c308c;border-style:dashed;justify-content:center}.action-label{text-align:center;width:100%;min-width:0}.action-label strong{color:#fff;font:800 11px/1.05 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;display:block;overflow:hidden}.action-label small{color:#9eafc2;font:650 9px/1.1 var(--font-geist-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.action-tile.is-compact .action-label strong{font-size:9px}.action-tile.is-compact .action-label small{font-size:8px}.condition-note{background:linear-gradient(105deg, #3478d426, transparent), var(--navy-850);border:1px dashed #5278a4;border-left:4px solid var(--blue);flex:none;align-content:center;align-self:center;gap:8px;width:min(230px,62vw);min-height:76px;padding:13px 15px;display:grid}.condition-note span{color:#79ace8;font:800 7px/1 var(--font-geist-mono);letter-spacing:.1em}.condition-note p{color:#c0ccda;font:750 10px/1.4 var(--font-geist-mono);margin:0}.condition-note.is-compact{width:190px;min-height:68px}.sequence{scrollbar-color:var(--navy-700) transparent;gap:6px;padding:3px 3px 9px;display:flex;overflow-x:auto}.sequence-node{flex:none;align-items:center;gap:6px;display:flex}.sequence-arrow,.sequence-plus{color:#ff5b6b;font:900 17px/1 var(--display)}.sequence-plus{color:#7fb2f0}.sequence-more{color:#8ba0ba;background:var(--navy-950);font:900 14px/1 var(--display);align-self:center;padding:8px}.sequence-empty{color:var(--muted);margin:0}.mouse-key{background:var(--navy-950);border:1px solid #ffffff47;align-items:center;gap:5px;padding:4px 6px;display:flex;box-shadow:0 4px 10px #00000059}.mouse-body{border:2px solid #d9e2ec;border-radius:11px 11px 9px 9px;width:24px;height:31px;position:relative;overflow:hidden}.mouse-left,.mouse-right{border-bottom:1px solid #728198;width:50%;height:14px;position:absolute;top:0}.mouse-left{border-right:1px solid #728198;left:0}.mouse-right{right:0}.mouse-body.is-left .mouse-left,.mouse-body.is-right .mouse-right{background:var(--red)}.mouse-wheel{z-index:2;background:#fff;border-radius:3px;width:3px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.mouse-label{gap:2px;display:grid}.mouse-label b{color:#ff7a88;font:800 8px/1 var(--font-geist-mono)}.mouse-label small{color:#aebccd;font:650 7px/1 var(--font-geist-mono)}.mouse-key.is-compact .mouse-label small{display:none}.keyboard-key,.gamepad-key{color:#fff;background:var(--navy-950);border:1px solid #ffffff47;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 4px 10px #00000059}.keyboard-key kbd{color:#07101b;min-width:32px;min-height:27px;font:850 8px/1 var(--font-geist-mono);background:#edf2f8;border-bottom:3px solid #91a0b1;border-radius:3px;place-items:center;padding:4px 6px;display:grid}.keyboard-key small,.gamepad-key small{color:#aebccd;font:650 7px/1 var(--font-geist-mono)}.gamepad-key{border-radius:18px;min-height:34px;padding:7px 8px}.gamepad-key b{color:#ff8b98;font:850 8px/1 var(--font-geist-mono)}.input-unknown{color:#7d8ca0;background:var(--navy-950);border:1px solid var(--line);padding:5px 8px}.ability-list-item .mouse-key,.ability-list-item .keyboard-key,.ability-list-item .gamepad-key{box-shadow:none;margin-top:7px}.action-legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.action-legend>div{background:var(--navy-850);border:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.action-legend>div>span{min-width:0}.action-legend b{font:850 12px/1 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-bottom:7px;display:block;overflow:hidden}.action-legend .mouse-key,.action-legend .keyboard-key,.action-legend .gamepad-key{box-shadow:none}.catalog-head,.training-head{justify-content:space-between;align-items:end;gap:32px;padding:25px 0 30px;display:flex}.catalog-head h1,.training-head h1{font:900 clamp(44px, 6.5vw, 82px)/.84 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:9px 0 10px}.catalog-head p,.training-head p{max-width:710px;color:var(--muted);margin:0;line-height:1.5}.search-field{background:var(--navy-900);border:1px solid var(--line);border-bottom:3px solid var(--blue);align-items:center;gap:9px;width:min(390px,100%);min-height:49px;padding:0 14px;display:flex}.search-field>span{color:#99a9bd;font-size:25px}.search-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:13px 0;display:flex}.filter-selects{flex-wrap:wrap;gap:7px;display:flex}.filter-selects select,.training-head select{color:#dce7f4;background:var(--navy-900);border:1px solid var(--line);min-height:37px;padding:8px 11px;font-size:11px}.results-line{color:#8294aa;justify-content:space-between;gap:18px;padding:18px 0 12px;font-size:11px;display:flex}.results-line b{color:#fff}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.entry-card{background:var(--navy-900);border:1px solid var(--line);min-width:0;padding:19px;position:relative;overflow:hidden}.entry-card:before{content:"";aspect-ratio:1;opacity:.075;pointer-events:none;background:repeating-radial-gradient(circle, transparent 0 12px, white 13px 14px), var(--web-rays);width:118px;position:absolute;top:-54px;right:-54px}.entry-card>*{z-index:1;position:relative}.entry-card:hover{border-color:var(--line-strong)}.entry-top{justify-content:space-between;align-items:center;display:flex}.source-row{color:#8398b0;font:750 8px/1 var(--font-geist-mono)}.entry-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.entry-main h3{font:900 25px/.95 var(--display);text-transform:uppercase;margin:0 0 5px}.entry-main>p{color:var(--muted);margin:0 0 13px}.entry-heading{grid-template-columns:minmax(0,1fr) 64px;align-items:start;gap:14px;margin:15px 0 12px;display:grid}.entry-heading p{min-height:34px;color:var(--muted);margin:0;font-size:11px;line-height:1.4}.damage-value{background:var(--navy-950);border:1px solid var(--line);border-top:2px solid var(--red);align-content:center;place-items:center;min-height:60px;display:grid}.damage-value b{font:900 21px/1 var(--display)}.damage-value small{color:#8398b0;font:700 7px/1 var(--font-geist-mono);text-transform:uppercase;margin-top:3px}.entry-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:9px;padding-top:11px;display:flex}.entry-facts>span{color:#9daec1;background:var(--navy-850);padding:6px 8px;font-size:9px}.entry-facts b{color:#fff}.entry-actions{justify-content:space-between;gap:7px;margin-top:10px;display:flex}.entry-actions>.button-secondary{min-height:36px;padding:8px 11px;font-size:9px}.source-section-group{padding-top:28px;scroll-margin-top:100px}.source-section-head{background:linear-gradient(105deg, #2371d721, transparent 52%), var(--navy-900);border:1px solid var(--line);border-left:4px solid var(--blue);grid-template-columns:34px 72px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;margin-bottom:12px;padding:12px 15px;display:grid;position:relative;overflow:hidden}.source-section-head:after{content:"";aspect-ratio:1;opacity:.06;background:repeating-radial-gradient(circle, transparent 0 18px, white 19px 20px), var(--web-rays);width:170px;position:absolute;top:-70px;right:-45px}.source-section-head>*{z-index:1;position:relative}.source-section-index{color:#8398b0;font:800 10px/1 var(--font-geist-mono)}.source-section-head .ability-icon-frame.is-mini,.source-section-head .section-symbol{justify-self:center}.source-section-head h2{font:900 27px/1 var(--display);text-transform:uppercase;margin:4px 0 5px}.source-section-head p{color:#8fa1b7;margin:0;font-size:11px}.source-section-head>b{color:#ff7180;font:900 30px/1 var(--display);padding-right:8px}.level-group{padding-top:22px}.level-head{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;display:grid}.level-head h2{font:900 27px/1 var(--display);text-transform:uppercase;margin:0}.level-head>b{color:#ff6f7e;font:900 27px/1 var(--display)}.level-badge,.tier-badge{color:#a9bad0;background:var(--navy-850);border:1px solid var(--line);min-height:25px;font:800 8px/1 var(--font-geist-mono);text-transform:uppercase;align-items:center;padding:5px 8px;display:inline-flex}.level-beginner{color:#79dab0;border-color:#53c9988c}.level-intermediate{color:#ffd06e;border-color:#ffbd3e8c}.level-advanced{color:#ff7e8c;border-color:#e52f43a6}.tier-common,.tier-symbiote-common{border-color:#53c99873}.tier-uncommon{border-color:#ffd55c73}.tier-situational,.tier-symbiote-situational{border-color:#ff915280}.tier-rare,.tier-symbiote-not-recommended{border-color:#e52f438c}.video-filter{color:#dce7f4;background:var(--navy-900);border:1px solid var(--line);align-items:center;gap:7px;min-height:37px;padding:8px 11px;font-size:11px;display:flex}.video-filter input{accent-color:var(--red)}.source-badge{font:800 8px/1 var(--font-geist-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--blue-soft);color:#cfe1fb;background:var(--blue-dim);padding:4px 7px;display:inline-flex}.source-badge.is-commentary{border-color:var(--amber);color:#ffd9a0;background:var(--amber-dim)}.source-badge.is-legacy{border-color:var(--line-strong);color:#9daec1;background:var(--navy-850)}.entry-card>.source-badge{z-index:2;position:absolute;top:12px;right:12px}.detail-drawer .source-badge,.name-card-amendment .source-badge{margin-left:6px}.wiki-extras{border-top:1px dashed var(--line-strong);margin-top:14px;padding-top:14px}.wiki-extras-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px;display:flex}.wiki-extras-head .eyebrow{color:var(--blue-soft)}.wiki-extras-head p{color:#7890ac;margin:0;font-size:10.5px}.amendment-note{background:linear-gradient(105deg, #3478d41a, transparent 60%), var(--navy-850);border-left:3px solid var(--blue);padding-left:14px}.amendment-note.is-correction{border-left-color:var(--amber);background:linear-gradient(105deg, #e8a23a1f, transparent 60%), var(--navy-850)}.amendment-note h3{color:#dce7f5}.amendment-superseded{color:#7890ac;margin-top:8px;font-style:italic}.name-card-amendment{grid-column:1/-1}.name-card-amendment small{align-items:center;display:flex}.name-card-amendment p{color:#b9c7d7;margin:0;font-size:11px;line-height:1.5}.drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02060dc2;justify-content:end;display:flex;position:fixed;inset:0}.detail-drawer{background:var(--navy-900);border-left:1px solid var(--line-strong);width:min(720px,100%);height:100%;padding:clamp(24px,4vw,48px);overflow-y:auto;box-shadow:-25px 0 70px #00000059}.drawer-close{float:right;color:#fff;background:var(--navy-850);border:1px solid var(--line);width:39px;height:39px;font-size:23px}.detail-drawer h2{font:900 clamp(36px, 5vw, 58px)/.88 var(--display);text-transform:uppercase;margin:16px 0 6px}.drawer-subtitle{color:var(--muted);margin:0 0 20px}.drawer-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.drawer-metrics span{background:var(--navy-850);border:1px solid var(--line);align-content:space-between;min-height:80px;padding:13px;display:grid}.drawer-metrics small{color:var(--muted);font-size:9px}.drawer-metrics b{font:850 17px/1 var(--display)}.drawer-section{border-top:1px solid var(--line);padding:15px 0}.drawer-section h3{font:850 18px/1 var(--display);text-transform:uppercase;margin:0 0 8px}.drawer-section p{color:#aebccd;line-height:1.55}.source-comments blockquote{color:#c5d1df;background:var(--navy-850);border-left:3px solid var(--blue);margin:8px 0;padding:13px 15px;line-height:1.5}.source-comments blockquote small{color:#7890ac;font:750 8px/1 var(--font-geist-mono);margin-bottom:6px;display:block}.drawer-links{flex-wrap:wrap;gap:8px;display:flex}.drawer-links .button-secondary{font-size:11px}.drawer-train{width:100%;margin-top:18px}.source-details{background:var(--navy-850);border:1px solid var(--line);margin-top:12px}.source-details summary{color:#aebed0;cursor:pointer;padding:13px;font-weight:800}.source-details dl{border-top:1px solid var(--line);gap:5px;margin:0;padding:8px;display:grid}.source-details dl>div{background:var(--navy-950);grid-template-columns:minmax(130px,.55fr) minmax(0,1.45fr);gap:12px;padding:9px;display:grid}.source-details dt{color:#8fa2b9;font-size:10px}.source-details dt small{color:#5d718a;font:700 8px/1 var(--font-geist-mono);margin-top:3px;display:block}.source-details dd{color:#c4d0de;overflow-wrap:anywhere;min-width:0;margin:0;font-size:11px}.source-details dd a{color:#aecdff}.source-details code{color:#708bac;white-space:pre-wrap;margin-top:5px;font-size:9px;display:block}.guides-panel{background:var(--navy-900);border:1px solid var(--line);margin-top:14px;padding:25px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.guide-card{background:var(--navy-850);border:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);align-items:stretch;gap:15px;min-width:0;min-height:132px;padding:12px;display:grid}.guide-visual{color:#ff7180;background:radial-gradient(circle, #e52f4329, transparent 62%), var(--navy-950);border:1px solid #3478d46b;align-content:center;place-items:center;gap:12px;display:grid}.guide-visual>span{font-size:25px}.guide-visual small{color:#8398b0;font:750 7px/1 var(--font-geist-mono)}.guide-copy{flex-direction:column;min-width:0;display:flex}.guide-copy h3{font:850 18px/1 var(--display);text-transform:uppercase;margin:4px 0 8px}.guide-copy p{color:#98a9bc;margin:0 0 12px;font-size:10px;line-height:1.4}.guide-copy>div{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.wiki-entry-point{background:var(--navy-900);border:1px solid var(--line);margin-top:14px;padding:25px}.wiki-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.wiki-entry-grid button{text-align:left;color:inherit;background:var(--navy-850);border:1px solid var(--line);gap:4px;padding:14px 10px;display:grid}.wiki-entry-grid button:hover{border-color:var(--blue-soft);background:var(--navy-800)}.wiki-entry-grid b{font:900 24px/1 var(--display)}.wiki-entry-grid span{color:#8fa1b7;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.wiki-hero{padding:20px 0 10px}.wiki-hero h1{font:900 clamp(32px, 5vw, 46px)/1 var(--display);text-transform:uppercase;margin:6px 0 8px}.wiki-hero p{max-width:62ch;color:var(--muted)}.wiki-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:18px;padding-bottom:12px;display:flex}.wiki-tabs button{color:#9daec1;background:var(--navy-900);border:1px solid var(--line);min-height:40px;font:750 10px/1 var(--font-geist-mono);text-transform:uppercase;padding:9px 15px}.wiki-tabs button.is-active{color:#fff;background:var(--navy-800);border-color:var(--blue-soft);box-shadow:inset 0 -2px var(--blue-soft)}.wiki-panel{background:var(--navy-900);border:1px solid var(--line);padding:22px}.wiki-panel+.wiki-panel{margin-top:14px}.wiki-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.wiki-panel-head h2{font:900 26px/1 var(--display);text-transform:uppercase;margin:5px 0 8px}.wiki-panel-head p{max-width:56ch;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.wiki-panel-controls{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.role-filter{flex-wrap:wrap;gap:6px;display:flex}.role-filter button{color:#9daec1;background:var(--navy-850);border:1px solid var(--line);text-transform:uppercase;min-height:37px;padding:8px 12px;font-size:10.5px}.role-filter button.is-active{color:#fff;border-color:var(--blue-soft);background:var(--blue-dim)}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hero-card{background:var(--navy-850);border:1px solid var(--line);min-width:0}.hero-card summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;gap:12px;padding:13px;list-style:none;display:grid}.hero-card summary::-webkit-details-marker{display:none}.hero-card h3{font:850 15px/1.1 var(--display);text-transform:uppercase;margin:0 0 4px}.hero-card summary p{color:#8fa1b7;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.role-pill{color:#dce7f5;background:var(--navy-950);border:1px solid var(--line);font:800 8px/1 var(--font-geist-mono);text-transform:uppercase;white-space:nowrap;padding:4px 7px}.role-pill.is-strategist{color:#79dab0;border-color:#53c99880}.role-pill.is-duelist{color:#ff97a1;border-color:#e52f4380}.role-pill.is-vanguard{color:#7fb4ff;border-color:#3478d48c}.hero-card-body{animation:card-reveal var(--dur-base) var(--ease-out);padding:0 13px 13px}.hero-card-body small{color:#8398b0;font:750 7px/1 var(--font-geist-mono);letter-spacing:.1em;margin-bottom:6px;display:block}.hero-card-body ul{color:#b9c7d7;margin:0;padding-left:16px;font-size:11px;line-height:1.55}.hero-card-body li{margin-bottom:4px}.setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.setting-card{background:var(--navy-850);border:1px solid var(--line);padding:15px}.setting-card h3{font:850 15px/1.1 var(--display);text-transform:uppercase;margin:0}.setting-recommendation{color:#dce7f5;background:var(--navy-950);border-left:3px solid var(--blue);margin:10px 0 6px;padding:8px 10px;font-size:12px;font-weight:700}.setting-reasoning{color:#9daec1;margin:0;font-size:11.5px;line-height:1.5}.gap-callout{color:#cbd7e5;background:var(--amber-dim);border-left:3px solid var(--amber);margin-bottom:18px;padding:12px 14px;font-size:11.5px;line-height:1.5}.link-button{color:#ffd9a0;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.pull-subsection{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.pull-subsection h3{font:850 19px/1 var(--display);text-transform:uppercase;margin:0 0 10px}.pull-subsection p{color:#aebccd;font-size:12.5px;line-height:1.55}.pull-subsection ul{color:#aebccd;margin:8px 0;padding-left:18px;font-size:12px;line-height:1.55}.pull-subsection.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.approach-card{background:var(--navy-850);border:1px solid var(--line);padding:12px}.approach-card b{text-transform:uppercase;margin-bottom:5px;font-size:12px;display:block}.approach-card p{margin:0;font-size:11px}.aim-cycle{color:#cfe1fb;background:var(--navy-950);border-left:3px solid var(--blue-soft);font:700 11.5px/1.5 var(--font-geist-mono);padding:10px 12px}.pull-detail-card{background:var(--navy-850);border:1px solid var(--line);margin-top:10px;padding:13px 15px}.pull-detail-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;list-style:none;display:flex}.pull-detail-card summary::-webkit-details-marker{display:none}.pull-detail-card .button-secondary{margin-top:8px;display:inline-flex}.nuance-block{margin-top:12px}.nuance-block b{text-transform:uppercase;color:#cfe1fb;margin-bottom:4px;font-size:11.5px;display:block}.nuance-block p{margin:0}.pull-steps{gap:8px;display:grid}.pull-step{background:var(--navy-850);border:1px solid var(--line);padding:13px 15px}.pull-step summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;gap:12px;list-style:none;display:grid}.pull-step summary::-webkit-details-marker{display:none}.pull-step-number{color:#8398b0;font:800 15px/1 var(--font-geist-mono)}.pull-step-videos{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pull-step-videos a{color:#aecdff;background:var(--navy-950);border:1px solid var(--line);padding:6px 9px;font-size:10px}.mistake-list li{color:#ffb0a8}.advanced-note-list{gap:12px;display:grid}.advanced-note-card{background:var(--navy-850);border:1px solid var(--line);padding:16px;scroll-margin-top:100px}.advanced-note-card.is-highlighted{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.advanced-note-card h3{font:850 17px/1.1 var(--display);text-transform:uppercase;margin:0}.note-summary{color:#cfd9e6;font-size:12px;line-height:1.5}.advanced-note-card ul{color:#9daec1;margin:8px 0;padding-left:18px;font-size:11.5px;line-height:1.6}.note-credit{border-top:1px dashed var(--line-strong);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:10px;padding-top:10px;display:flex}.note-credit p{color:#7890ac;margin:0;font-size:10.5px;font-style:italic}.note-credit a{color:#aecdff;font-size:10.5px}.media-button{gap:7px;font-size:9px}.play-mark{color:#ff6d7c}.entry-grid.is-video-only{grid-template-columns:1fr}.video-only-card{background:var(--navy-900);border:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:18px;min-width:0;padding:16px;display:grid}.video-only-visual{color:#ff7180;background:radial-gradient(circle, #e52f432b, transparent 60%), var(--navy-950);border:1px solid #3478d46b;align-content:center;place-items:center;gap:12px;min-height:150px;display:grid}.video-only-visual .play-mark{font-size:32px}.video-only-visual small{color:#6f859e;font:750 7px/1 var(--font-geist-mono)}.video-only-copy{flex-direction:column;min-width:0;display:flex}.video-only-copy h3{font:900 31px/.95 var(--display);text-transform:uppercase;margin:20px 0 8px}.video-only-copy>p{color:#91a3b9;max-width:650px;margin:0;line-height:1.45}.video-only-copy .entry-actions{margin-top:auto}.reference-note{color:#b7c4d3;border-left:3px solid var(--red);background:#e52f4317;margin:12px 0 0;padding:12px;font-size:11px}.cancel-lab{background:linear-gradient(135deg, #e52f4321, transparent 38%), var(--navy-900);border:1px solid var(--line);margin-top:14px;padding:clamp(20px,3vw,34px);position:relative;overflow:hidden}.cancel-lab:before{content:"";pointer-events:none;opacity:.28;background:radial-gradient(circle at 82% 16%,#ffffff2e 0 1px,#0000 1.5px) 0 0/9px 9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 48%,#000);mask-image:linear-gradient(90deg,#0000 48%,#000)}.cancel-lab>*{z-index:1;position:relative}.cancel-lab-head{justify-content:space-between;align-items:center;gap:30px;margin-bottom:22px;display:flex}.cancel-lab-head h2{font:900 clamp(38px, 5vw, 64px)/.86 var(--display);letter-spacing:-.03em;text-transform:uppercase;margin:8px 0 10px}.cancel-lab-head p{color:#9fb0c3;max-width:650px;margin:0;line-height:1.5}.cancel-lab-emblem{color:#fff;background:var(--red);clip-path:polygon(17% 0,100% 0,83% 100%,0 100%);place-items:center;width:108px;height:108px;display:grid}.cancel-lab-layout{grid-template-columns:270px minmax(0,1fr);gap:12px;display:grid}.cancel-rule-tabs{align-content:start;gap:6px;display:grid}.cancel-rule-tabs button{color:#96a8bc;background:var(--navy-850);border:1px solid var(--line);text-align:left;grid-template-columns:24px 72px minmax(0,1fr) 14px;align-items:center;gap:8px;min-width:0;min-height:75px;padding:8px;transition:border-color .16s,background .16s,transform .16s;display:grid}.cancel-rule-tabs button:hover{border-color:var(--blue-soft);transform:translate(2px)}.cancel-rule-tabs button.is-active{color:#fff;background:var(--red-dim);border-color:var(--red);box-shadow:inset 4px 0 var(--red)}.cancel-rule-tabs button>span{color:#536a84;font:750 8px/1 var(--font-geist-mono)}.cancel-rule-tabs button>b{min-width:0;font:850 13px/1 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.cancel-rule-tabs button>i{color:#ff7180;font:900 20px/1 var(--display);font-style:normal}.skill-icon-set{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;align-items:center;gap:6px;display:grid}.skill-icon-set.is-compact{min-height:67px}.cancel-stage{border:1px solid var(--line-strong);background:#080f1c;min-width:0;padding:18px;position:relative;overflow:hidden}.cancel-stage:before{content:"";aspect-ratio:1;opacity:.06;background:repeating-radial-gradient(circle, transparent 0 29px, white 30px 31px), var(--web-rays);width:410px;position:absolute;bottom:-175px;right:-120px}.cancel-stage>*{z-index:1;position:relative}.cancel-stage-label{border-bottom:1px solid var(--line);color:#6f849c;font:750 8px/1 var(--font-geist-mono);letter-spacing:.1em;justify-content:space-between;gap:18px;margin-bottom:12px;padding-bottom:11px;display:flex}.cancel-stage-label b{color:#ff7180}.cancel-stage-flow{grid-template-columns:minmax(235px,.72fr) 116px minmax(0,1.28fr);align-items:center;gap:14px;min-width:0;display:grid}.cancel-skill-card{text-align:center;background:linear-gradient(145deg, #3478d421, transparent 52%), var(--navy-850);min-width:0;min-height:230px;box-shadow:inset 0 4px var(--blue);border:1px solid #72a9ed61;align-content:center;justify-items:center;gap:14px;padding:20px;display:grid;position:relative;overflow:hidden}.cancel-skill-card:after{content:"";opacity:.08;background:radial-gradient(circle,#fff 0 1px,#0000 1.5px) 0 0/7px 7px;width:110px;height:110px;position:absolute;bottom:-40px;right:-32px;transform:rotate(-12deg)}.cancel-skill-card.is-target{text-align:left;background:linear-gradient(145deg, #e52f431f, transparent 52%), var(--navy-850);min-height:170px;box-shadow:inset 0 3px var(--red);border-color:#e52f4361;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:13px;padding:14px}.cancel-card-type{color:#6f849c;font:750 7px/1 var(--font-geist-mono);letter-spacing:.12em}.cancel-skill-card.is-target .cancel-card-type{position:absolute;top:10px;left:12px}.cancel-card-copy{min-width:0}.cancel-card-copy h3{font:900 24px/.95 var(--display);text-transform:uppercase;margin:0 0 7px}.cancel-skill-card.is-target .cancel-card-copy h3{margin-top:17px;font-size:19px}.cancel-card-copy p{color:#7e93aa;font:650 8px/1.3 var(--font-geist-mono);margin:0 0 9px}.cancel-card-copy .mouse-key,.cancel-card-copy .keyboard-key,.cancel-card-copy .gamepad-key{width:max-content;box-shadow:none;margin:9px auto 0}.cancel-skill-card.is-target .cancel-card-copy .mouse-key,.cancel-skill-card.is-target .cancel-card-copy .keyboard-key,.cancel-skill-card.is-target .cancel-card-copy .gamepad-key{margin-inline:0}.cancel-window{text-align:center;align-content:center;place-items:center;gap:9px;min-height:180px;display:grid;position:relative}.cancel-window:before,.cancel-window:after{content:"";background:linear-gradient(#0000,#ff6676);width:1px;height:34px;position:absolute;left:50%}.cancel-window:before{top:0}.cancel-window:after{bottom:0;transform:rotate(180deg)}.cancel-burst{color:#fff;background:var(--red);clip-path:polygon(50% 0,61% 27%,85% 15%,74% 39%,100% 50%,73% 61%,86% 86%,61% 73%,50% 100%,39% 73%,14% 86%,27% 61%,0 50%,27% 39%,14% 14%,39% 27%);width:72px;height:72px;font:900 30px/1 var(--display);filter:drop-shadow(0 0 14px #e52f4373);place-items:center;display:grid}.cancel-window b{color:#ff7180;font:900 12px/1 var(--display);letter-spacing:.08em}.cancel-window i{background:linear-gradient(90deg, transparent, var(--red), transparent);width:86px;height:2px}.cancel-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;display:grid}.cancel-answer-grid .cancel-skill-card:only-child{grid-column:1/-1}.cancel-stage-tip{border-left:3px solid var(--blue);background:#3478d417;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:14px;padding:11px;display:grid}.cancel-stage-tip span{color:#fff;background:var(--blue);font:800 8px/1 var(--font-geist-mono);padding:4px 6px}.cancel-stage-tip p{color:#91a5bb;margin:0;font-size:10px;line-height:1.45}.names-hero{background:linear-gradient(120deg, #3478d42b, transparent 50%), var(--navy-900);border:1px solid var(--line);justify-content:space-between;align-items:end;gap:36px;min-height:250px;padding:clamp(28px,5vw,58px);display:flex;position:relative;overflow:hidden}.names-hero:after{content:"?";color:#e52f431f;font:900 330px/.8 var(--display);position:absolute;top:-20%;right:6%;transform:rotate(8deg)}.names-hero>*{z-index:1;position:relative}.names-hero h1{font:900 clamp(44px, 6vw, 78px)/.86 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:10px 0 12px}.names-hero p{color:#9fb0c3;max-width:690px;margin:0;line-height:1.5}.names-search{flex:0 390px}.names-guide{background:var(--navy-900);border:1px solid var(--line);border-left:4px solid var(--red);grid-template-columns:auto 1fr;align-items:center;gap:15px;margin:14px 0 28px;padding:14px 18px;display:grid}.names-guide p{color:#aebccd;margin:0;line-height:1.5}.names-guide b{color:#fff}.spider-mask-mini{background:var(--red);border:2px solid #ff7180;border-radius:47% 47% 52% 52%/42% 42% 58% 58%;flex:none;width:42px;height:47px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 -8px 16px #58001273}.spider-mask-mini:before{content:"";opacity:.48;background:repeating-radial-gradient(circle, transparent 0 9px, #101c30 10px 11px), repeating-conic-gradient(from 0deg, #101c30 0 2deg, transparent 2deg 45deg);position:absolute;inset:-8px}.spider-mask-mini i{z-index:2;background:#fff;border:2px solid #111b2c;width:27%;height:37%;position:absolute;top:34%;transform:skewY(-20deg)}.spider-mask-mini i:first-child{border-radius:80% 18% 70% 22%;left:17%}.spider-mask-mini i:last-child{border-radius:18% 80% 22% 70%;right:17%;transform:skewY(20deg)}.name-group{margin-top:25px}.name-group-head{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:11px;display:grid}.name-group-head>span{color:#8398b0;font:750 9px/1 var(--font-geist-mono)}.name-group-head h2{font:900 29px/1 var(--display);text-transform:uppercase;margin:0}.name-group-head>b{color:#ff6f7e;font:900 27px/1 var(--display)}.name-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.name-card{background:var(--navy-900);border:1px solid var(--line);min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden}.name-card:hover{border-color:#72a9ed6b;transform:translateY(-1px)}.name-card[open]{box-shadow:inset 3px 0 var(--blue), 0 16px 32px #00000029;border-color:#72a9ed94;transform:none}.name-card summary{cursor:pointer;grid-template-columns:112px minmax(0,1fr) 36px;align-items:center;gap:18px;min-height:126px;padding:17px;list-style:none;display:grid}.name-card[open] summary{background:linear-gradient(105deg,#3478d41c,#0000 58%)}.name-card summary::-webkit-details-marker{display:none}.name-card summary>div:nth-child(2){min-width:0}.name-card-icons{isolation:isolate;background:radial-gradient(circle at 50% 50%, #3478d436, transparent 67%), var(--navy-950);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border:1px solid #72a9ed4d;justify-content:center;align-items:center;width:112px;height:72px;display:flex;position:relative;overflow:hidden}.name-card-icons:before,.name-card-icons:after{content:"";z-index:3;background:var(--red);width:18px;height:2px;position:absolute}.name-card-icons:before{top:0;left:0}.name-card-icons:after{background:var(--blue);bottom:0;right:0}.name-icon-orbit{opacity:.42;border:1px solid #5c87bd;border-radius:50%;position:absolute;inset:10px 30px;box-shadow:0 0 0 7px #5282bc14}.name-card-icons .ability-icon-frame.is-mini,.name-card-icons .service-sprite,.name-card-icons .service-fallback{z-index:2;border-color:#ffffffa6;flex:0 0 58px;width:58px;height:48px;position:relative;box-shadow:0 8px 15px #00000047}.name-card-icons>:not(.name-icon-orbit)+:not(.name-icon-orbit){margin-left:-10px}.name-card-icons.icon-count-2>:not(.name-icon-orbit){transform:rotate(-3deg)}.name-card-icons.icon-count-2>:last-child{z-index:3;transform:rotate(3deg)}.name-card h3{font:900 25px/.95 var(--display);text-transform:uppercase;margin:7px 0 5px}.name-card summary p{color:#94a7bb;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.4;overflow:hidden}.name-card-toggle{color:#aecdff;background:var(--navy-850);border:1px solid var(--line);justify-self:center;place-items:center;width:30px;height:30px;font-size:20px;transition:color .18s,background .18s,transform .18s;display:grid}.name-card[open] .name-card-toggle{color:#fff;background:var(--red);transform:rotate(45deg)}.name-card-body{border-top:1px solid var(--line);animation:card-reveal var(--dur-base) var(--ease-out);grid-template-columns:1.4fr .8fr .7fr;gap:9px;padding:0 17px 17px;display:grid}@keyframes card-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.name-card-body>div{background:var(--navy-850);min-width:0;padding:13px}.name-card-body small{color:#8398b0;font:750 7px/1 var(--font-geist-mono);letter-spacing:.1em;margin-bottom:9px;display:block}.name-card-body b{color:#b9c7d7;font-size:10px}.alias-list{flex-wrap:wrap;gap:5px;display:flex}.alias-list span{color:#d9e4f1;background:var(--navy-950);border:1px solid var(--line);padding:5px 7px;font-size:9px}.plain-control{background:var(--navy-950);border:1px solid var(--line);padding:8px 10px;display:inline-flex;color:#90a3ba!important}.name-control{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.name-control em{color:#7f94ac;font:650 8px/1.25 var(--font-geist-mono);font-style:normal}.empty-names{text-align:center;background:var(--navy-900);border:1px dashed var(--line-strong);align-content:center;place-items:center;min-height:260px;display:grid}.empty-names>span{color:#ff7180;font:800 9px/1 var(--font-geist-mono)}.empty-names h2{font:900 34px/1 var(--display);text-transform:uppercase;margin:12px 0 6px}.empty-names p{color:var(--muted);margin:0}.credits-panel{background:linear-gradient(120deg, #e52f4317, transparent 38%), var(--navy-900);border:1px solid var(--line);border-top:3px solid var(--red);margin-top:14px;padding:clamp(22px,3vw,34px);position:relative;overflow:hidden}.credits-panel:after{content:"";aspect-ratio:1;opacity:.055;background:repeating-radial-gradient(circle, transparent 0 28px, white 29px 30px), var(--web-rays);width:360px;position:absolute;top:-155px;right:-120px}.credits-panel>*{z-index:1;position:relative}.credits-head h2{font:900 36px/.95 var(--display);text-transform:uppercase;margin:8px 0 9px}.credits-head p{color:#98a9bd;max-width:720px;margin:0;line-height:1.45}.credit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.credit-grid>*{min-width:0;min-height:178px;color:inherit;background:var(--navy-850);border:1px solid var(--line);flex-direction:column;padding:18px;text-decoration:none;display:flex}.credit-grid>a:hover{border-color:var(--blue-soft);transform:translateY(-2px)}.credit-grid span{color:#8398b0;font:750 7px/1 var(--font-geist-mono);letter-spacing:.1em}.credit-grid h3{font:900 27px/.95 var(--display);text-transform:uppercase;margin:22px 0 9px}.credit-grid p{color:#9cacbf;margin:0 0 16px;font-size:11px;line-height:1.45}.credit-grid b,.credit-grid article a{color:#afd2ff;margin-top:auto;font-size:9px;text-decoration:none}.credit-grid article>div{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.credits-panel>small{color:#8398b0;margin-top:18px;font-size:9px;display:block}.site-footer{z-index:1;color:#71869f;border-top:1px solid var(--line);background:#050a12;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:18px clamp(16px,3.5vw,54px);font-size:9px;display:flex;position:relative}.site-footer b{color:#bdccdc}.site-footer a{color:#9dc7f8;text-decoration:none}.media-backdrop{z-index:110;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02060de0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.media-modal{background:var(--navy-900);border:1px solid var(--line-strong);width:min(1000px,100%);max-height:94vh;padding:20px;overflow-y:auto;box-shadow:0 30px 90px #00000080}.media-head{justify-content:space-between;gap:20px;margin-bottom:14px;display:flex}.media-head h2{font:900 clamp(24px, 4vw, 40px)/.95 var(--display);text-transform:uppercase;margin:8px 0 0}.media-head>button{color:#fff;background:var(--navy-850);border:1px solid var(--line);flex:0 0 40px;width:40px;height:40px;font-size:23px}.player-frame{aspect-ratio:16/9;background:#000;place-items:center;width:100%;display:grid;overflow:hidden}.player-frame iframe,.player-frame video{object-fit:contain;border:0;width:100%;height:100%}.open-original{color:#aecdff;margin-top:13px;font-size:10px;font-weight:800;text-decoration:none;display:inline-block}.trainer-hud-mini{align-items:center;gap:18px;display:flex}.trainer-hud-mini span{color:var(--muted-dim);font:750 8px/1 var(--font-geist-mono);letter-spacing:.08em;text-transform:uppercase;gap:3px;display:grid}.trainer-hud-mini b{color:#fff;font:900 18px/1 var(--display)}.trainer-setup{background:var(--navy-900);border:1px solid var(--line);margin-top:14px;padding:clamp(18px,3vw,28px)}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mode-card{text-align:left;min-height:148px;color:var(--white);background:var(--navy-850);border:1px solid var(--line);transition:border-color var(--dur-fast) ease, background var(--dur-fast) ease;padding:16px}.mode-card:hover{border-color:var(--line-strong)}.mode-card b{font:850 15px/1 var(--display);text-transform:uppercase;display:block}.mode-card p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.4}.mode-card small{color:var(--muted-dim);font:750 8px/1 var(--font-geist-mono);text-transform:uppercase;letter-spacing:.06em;margin-top:12px;display:block}.trainer-setup-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:14px;margin-top:18px;padding-top:18px;display:flex}.trainer-setup-row label{color:#788ca4;font:750 8px/1 var(--font-geist-mono);letter-spacing:.1em;flex:260px;gap:7px;display:grid}.trainer-setup-row select{width:100%;min-height:48px}.trainer-setup-queue{color:var(--white);letter-spacing:normal;text-transform:none;margin:0;font-size:12px;font-weight:650;line-height:1.5}.speed-timer{color:var(--white);background:var(--navy-850);border:1px solid var(--line);font:800 12px/1 var(--font-geist-mono);align-items:center;gap:8px;margin-top:12px;padding:8px 12px;display:inline-flex}.speed-timer.is-urgent{color:#ff8b98;border-color:var(--red)}.trainer-arena{background:linear-gradient(135deg, #3478d41a, transparent 34%), var(--navy-900);border:1px solid var(--line);margin-top:14px;padding:clamp(14px,2.5vw,28px);position:relative;overflow:hidden}.trainer-arena:before{content:"";z-index:0;aspect-ratio:1;opacity:.055;pointer-events:none;background:repeating-radial-gradient(circle, transparent 0 35px, white 36px 37px), var(--web-rays);width:500px;position:absolute;bottom:-205px;left:-155px}.trainer-arena>*{z-index:1;position:relative}.trainer-arena.status-result{border-color:#72a9ed66}.trainer-target{background:linear-gradient(100deg, #e52f432e, transparent 64%), var(--navy-850);border:1px solid var(--line);border-left:4px solid var(--red);justify-content:space-between;align-items:center;gap:20px;min-height:138px;padding:20px 20px 20px 142px;display:flex;position:relative;overflow:hidden}.trainer-target:after{content:"";pointer-events:none;opacity:.15;background:radial-gradient(circle at 77% 40%,#fff 0 1px,#0000 1.5px) 0 0/8px 8px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 55%,#000);mask-image:linear-gradient(90deg,#0000 55%,#000)}.trainer-target>*{z-index:2;position:relative}.trainer-portrait{z-index:1;aspect-ratio:1;background:var(--red) url(/spider-man-portrait.jpg) center/cover;border:3px solid #fff3;border-radius:50%;width:112px;position:absolute;bottom:-23px;left:16px;box-shadow:0 0 0 7px #e52f4324}.target-kicker{color:#ff7180;font:800 8px/1 var(--font-geist-mono);letter-spacing:.11em}.trainer-target h2{font:900 clamp(28px, 4vw, 43px)/.9 var(--display);text-transform:uppercase;margin:8px 0 10px}.target-meta{flex-wrap:wrap;gap:7px;display:flex}.target-meta>span{color:#9fb0c3;background:var(--navy-950);border:1px solid var(--line);min-height:25px;font:750 8px/1 var(--font-geist-mono);align-items:center;padding:5px 8px;display:inline-flex}.web-recipe{background:var(--navy-950);border:1px solid var(--line);margin-top:14px;padding:20px}.web-recipe-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.web-recipe-head h3{font:900 25px/1 var(--display);text-transform:uppercase;margin:7px 0 0}.web-recipe-head>b{color:#ff7180;font:900 29px/1 var(--display)}.trainer-progress{background:var(--navy-800);height:5px;margin:14px 0 18px;overflow:hidden}.trainer-progress i{background:linear-gradient(90deg, var(--blue), var(--red));height:100%;transition:width var(--dur-base) var(--ease-out);display:block}.trainer-slots{scroll-snap-type:x proximity;scrollbar-color:var(--navy-700) transparent;justify-content:safe center;align-items:center;gap:7px;min-height:184px;padding:2px 2px 10px;display:flex;overflow-x:auto}.trainer-slot{scroll-snap-align:start;flex:none;align-items:center;gap:7px;display:flex;position:relative}.trainer-slot .action-tile{box-shadow:inset 0 3px #536880}.slot-piece{background:0 0;border:0;padding:0}.trainer-slot.is-filled .action-tile{box-shadow:inset 0 3px var(--blue-soft);border-color:#72a9ed7a}.slot-number{z-index:3;color:#7088a4;font:750 7px/1 var(--font-geist-mono);background:#070d18e0;padding:4px;position:absolute;top:5px;left:5px}.web-link{color:#ff6878;text-shadow:0 0 8px var(--red);font-size:11px}.action-tile.is-result-correct{border-color:var(--success);box-shadow:inset 0 3px var(--success);background:var(--success-dim)}.action-tile.is-result-wrong-order{border-color:var(--amber);box-shadow:inset 0 3px var(--amber);background:var(--amber-dim)}.action-tile.is-result-wrong{border-color:var(--red);box-shadow:inset 0 3px var(--red);background:var(--red-dim)}.action-tile.is-result-missing{border-style:dashed;border-color:var(--red)}.trainer-confirm-row{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.trainer-confirm-secondary{flex-wrap:wrap;gap:10px;display:flex}.trainer-slot.is-hinted .action-tile,.trainer-slot.is-hinted .condition-note{border-style:dashed;border-color:var(--amber)}.hint-flag{z-index:4;color:#07101b;background:var(--amber);font:800 7px/1.3 var(--font-geist-mono);letter-spacing:.04em;text-align:center;margin-bottom:6px;padding:4px 6px;position:absolute;bottom:100%;left:0;right:0}.trainer-slot.is-revealing .action-tile,.trainer-slot.is-revealing .condition-note{animation:slot-reveal var(--dur-base) var(--ease-out) backwards}@keyframes slot-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.trainer-result{background:var(--navy-950);border:1px solid var(--line);animation:card-reveal var(--dur-base) var(--ease-out);margin-top:16px;padding:16px}.trainer-result.is-clean{border-color:#33b07a80}.trainer-result.is-mastered{border-color:var(--success);box-shadow:inset 0 3px var(--success);background:var(--success-dim)}.trainer-hud-mini b.is-hot{color:var(--red);animation:streak-pulse .48s var(--ease-out)}@keyframes streak-pulse{0%{transform:scale(1.35)}to{transform:scale(1)}}.trainer-result-summary{color:var(--white);margin:0;font-size:13px;line-height:1.5}.result-legend{font:650 10px/1 var(--font-geist-mono);color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.legend-swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.legend-swatch.is-correct{background:var(--success)}.legend-swatch.is-wrong-order{background:var(--amber)}.legend-swatch.is-wrong{background:var(--red)}.component-pool{background:var(--navy-850);border:1px solid var(--line);padding:20px}.trainer-pool{background:#101c30e6}.component-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.component-head h3{font:900 25px/1 var(--display);text-transform:uppercase;margin:7px 0 0}.component-head>span{color:#ff7a88;font:900 27px/1 var(--display)}.component-grid{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;display:grid}.component-button{background:0 0;border:0;min-width:0;padding:0;position:relative}.trainer-piece .action-tile{width:100%;height:100%;min-height:164px;transition:border-color var(--dur-fast) ease, transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease;flex-basis:auto}.trainer-piece:hover .action-tile{border-color:var(--blue-soft);box-shadow:inset 0 3px var(--blue), 0 8px 22px #00000038;transform:translateY(-3px)}.component-button:disabled{opacity:.16}.trainer-summary{background:var(--navy-900);border:1px solid var(--line);animation:card-reveal var(--dur-base) var(--ease-out);margin-top:14px;padding:clamp(18px,3vw,28px)}.summary-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.summary-stats span{background:var(--navy-850);border:1px solid var(--line);gap:6px;padding:14px;display:grid}.summary-stats b{color:#fff;font:900 26px/1 var(--display)}.summary-stats small{color:var(--muted-dim);font:750 8px/1 var(--font-geist-mono);text-transform:uppercase}.trainer-summary .trainer-confirm-row{justify-content:flex-start}@media (width<=1160px){.main-nav{order:3;width:100%;min-height:40px;overflow-x:auto}.topbar{flex-wrap:wrap;gap:8px 20px}.main-nav button:after{bottom:-7px}.spidey-grid{grid-template-columns:1fr}.reading-panel{position:static}.ability-list{grid-template-columns:repeat(3,minmax(0,1fr))}.action-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.cancel-lab-layout{grid-template-columns:230px minmax(0,1fr)}.cancel-rule-tabs button{grid-template-columns:20px 72px minmax(0,1fr)}.cancel-rule-tabs button>i{display:none}.cancel-stage-flow{grid-template-columns:1fr}.cancel-window{grid-template-columns:auto auto auto;justify-content:center;min-height:104px}.cancel-window:before,.cancel-window:after{display:none}.cancel-window:before{left:0}.cancel-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.name-card-body{grid-template-columns:1.2fr 1fr}.name-card-body>div:last-child{grid-column:1/-1}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){body{font-size:14px}.topbar{padding:10px 14px;position:sticky}.brand small{display:none}.top-controls{gap:5px}.segmented button{min-width:34px}.main-nav{order:3}.main-nav button{padding:0 9px;font-size:10px}.page-wrap{padding:20px 13px 60px}.sheet-intro{min-height:0;padding:30px 20px;display:block}.sheet-intro h1{font-size:clamp(40px,12vw,60px)}.spidey-intro:after{display:none}.source-metrics{grid-template-columns:repeat(3,1fr);min-width:0;margin-top:25px}.source-metrics span{text-align:center;justify-items:center;gap:5px;padding:10px 6px;display:grid}.taxonomy-panel,.reading-panel,.ability-legend{padding:17px}.taxonomy-grid,.entry-grid,.guide-grid,.credit-grid{grid-template-columns:1fr}.taxonomy-card{grid-template-columns:22px 72px minmax(0,1fr) 30px}.section-title,.catalog-head,.training-head{flex-direction:column;align-items:flex-start}.section-title>p{max-width:none}.ability-list,.action-legend{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-selects select{flex:1;min-width:150px}.results-line{flex-direction:column;gap:5px}.drawer-metrics,.source-details dl>div{grid-template-columns:1fr}.source-section-head{grid-template-columns:24px 58px minmax(0,1fr) auto;gap:9px;padding:10px}.source-section-head h2{font-size:20px}.source-section-head p{display:none}.source-section-head>b{padding-right:0;font-size:23px}.level-head h2{font-size:20px}.names-hero{min-height:0;padding:30px 20px;display:block}.names-search{width:100%;margin-top:24px}.names-guide{align-items:start}.name-card-grid,.name-card-body{grid-template-columns:1fr}.name-card-body>div:last-child{grid-column:auto}.cancel-lab{padding:17px}.cancel-lab-head{align-items:flex-end}.cancel-lab-emblem{width:76px;height:76px}.cancel-lab-emblem .spider-emblem{transform:scale(.72)}.cancel-lab-layout{grid-template-columns:1fr}.cancel-rule-tabs{scroll-snap-type:x mandatory;padding-bottom:7px;display:flex;overflow-x:auto}.cancel-rule-tabs button{scroll-snap-align:start;flex:0 0 260px;min-width:260px}.cancel-stage-flow{grid-template-columns:1fr}.cancel-skill-card.is-origin{min-height:200px}.cancel-answer-grid{grid-template-columns:1fr}.cancel-answer-grid .cancel-skill-card{min-height:150px}.mode-grid{grid-template-columns:1fr}.trainer-hud-mini{flex-wrap:wrap;row-gap:8px}.trainer-target{flex-direction:column;align-items:flex-start;padding:18px 106px 18px 18px}.trainer-portrait{width:76px;inset:15px 15px auto auto}.trainer-target .media-button{justify-content:center;width:100%}.web-recipe,.component-pool,.trainer-setup,.trainer-summary{padding:14px}.trainer-confirm-row{flex-direction:column-reverse}.trainer-confirm-row .button,.trainer-confirm-row .button-secondary,.trainer-confirm-row .button-ghost{justify-content:center;width:100%}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trainer-piece .action-tile{min-height:158px}.video-only-card{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:12px}.video-only-visual{min-height:132px}.video-only-copy h3{margin-top:15px;font-size:24px}.wiki-entry-grid{grid-template-columns:repeat(2,1fr)}.wiki-hero{padding:20px 0 6px}.wiki-panel{padding:16px}.wiki-panel-head{flex-direction:column}.hero-grid,.setting-grid,.approach-grid{grid-template-columns:1fr}.pull-subsection.two-col{grid-template-columns:1fr;gap:12px}.wiki-tabs{flex-wrap:nowrap;padding-bottom:10px;overflow-x:auto}.wiki-tabs button{white-space:nowrap;flex:none}}@media (width<=480px){.brand-mark{width:34px;height:34px}.brand b{font-size:14px}.top-controls{margin-left:auto}.main-nav button{min-width:max-content;padding-inline:12px}.source-metrics b{font-size:21px}.source-metrics span{font-size:8px}.source-metrics{min-width:0}.section-title h2:after{display:none}.name-card summary{grid-template-columns:88px minmax(0,1fr) 28px;gap:9px;padding:13px}.name-card-icons{width:88px;height:64px}.name-card-icons>:not(.name-icon-orbit)+:not(.name-icon-orbit){margin-left:-28px}.name-icon-orbit{inset-inline:22px}.name-card h3{font-size:21px}.name-card summary p{white-space:normal}.name-card-body{padding:0 13px 13px}.names-guide{grid-template-columns:1fr}.skill-token-copy>b{white-space:normal}.cancel-lab-head{align-items:flex-start}.cancel-lab-emblem{display:none}.cancel-stage{padding:12px}.cancel-stage-label{font-size:7px}.cancel-skill-card.is-target{text-align:center;grid-template-columns:1fr;justify-items:center}.cancel-skill-card.is-target .cancel-card-copy .mouse-key,.cancel-skill-card.is-target .cancel-card-copy .keyboard-key,.cancel-skill-card.is-target .cancel-card-copy .gamepad-key{margin-inline:auto}.trainer-arena{padding:11px}.trainer-target{padding:15px;padding-top:100px}.trainer-portrait{width:72px;top:14px;left:16px;right:auto}.summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.component-head{align-items:flex-start}.component-head h3{font-size:21px}.component-head>span{font-size:20px}.guide-card{grid-template-columns:74px minmax(0,1fr);gap:10px}.video-only-card{grid-template-columns:1fr}.video-only-visual{min-height:92px}.site-footer{justify-content:flex-start}.trainer-piece .action-icon-stage{min-height:66px}.wiki-entry-grid{grid-template-columns:1fr}}@media (pointer:coarse){button,summary,select{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
