:root{--font-sans:"Manrope", "Pretendard", "Noto Sans SC", "Noto Sans TC", sans-serif;--font-display:var(--font-sans)}html:lang(ko){--font-sans:"Pretendard", "Manrope", sans-serif}html:lang(zh-CN){--font-sans:"Noto Sans SC", "Manrope", sans-serif}html:lang(zh-TW){--font-sans:"Noto Sans TC", "Manrope", sans-serif}body{letter-spacing:0;font-family:var(--font-sans)}button,input,select,textarea{font-family:var(--font-sans)}.brand,.brand>span{font-family:"Manrope", var(--font-sans);letter-spacing:.035em;font-weight:700}.brand small{font-family:var(--font-sans);letter-spacing:.1em}html:not(:lang(ko)) .brand small{display:none}.gateway-intro h1,.gate-copy h2,.page-title h1,.hero-identity h2,.hero-encounter h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-weight:750}.gateway-intro h1{font-size:clamp(28px,3vw,46px);line-height:1.4}.gate-copy h2{font-size:clamp(36px,4vw,54px);line-height:1.25}.gate-copy p{max-width:34em;line-height:1.9}.hero-identity h2{font-size:clamp(25px,2.5vw,36px)}.hero-encounter h3{line-height:1.4}.gateway-intro>span,.eyebrow,.gate-number,.gate-english{font-family:"Manrope", var(--font-sans);letter-spacing:.19em;font-size:10px;font-weight:700}.nav-inner{gap:clamp(16px,3vw,42px)}.nav-help{white-space:nowrap;margin-left:auto}.language-control{flex:none;position:relative}.language-select{color:#d3bd92;background:linear-gradient(135deg,#29251f88,#13151c);border:1px solid #474139;border-radius:5px;align-items:center;gap:8px;min-height:36px;padding:0 10px;transition:border-color .15s,background .15s;display:flex}.language-select:hover,.language-select:focus-within{background:#25221e;border-color:#b49a69}.language-select select{appearance:none;color:#e2daca;cursor:pointer;background:0 0;border:0;width:auto;min-width:0;max-width:170px;margin:0;padding:6px 0;font-size:12px;font-weight:600}.language-select option{color:#ede8df;background:#181a22}.language-select.loading{opacity:.6}.language-error{z-index:30;background:#24202a;border:1px solid #795566;width:260px;padding:12px;font-size:12px;position:absolute;top:44px;right:0}.nav-inner nav{flex-shrink:0}.mitigation-heading,.replay-role-stats,.candidate-identity,.cooldown-inspector{overflow-wrap:anywhere}.replay-clock,.mitigation-school strong,.role-rate strong,.role-total strong{font-variant-numeric:tabular-nums}.replay-workbench .paired-focus-heading{flex-direction:column;align-items:stretch}.replay-workbench .paired-settings{flex-wrap:wrap;gap:4px;width:100%}.replay-workbench .paired-settings button{white-space:normal;flex-shrink:1}.replay-workbench .paired-settings select{min-width:0;max-width:100%;margin-left:auto}.replay-workbench .paired-heading>div{min-width:0}.replay-workbench .paired-heading .subtle-action{white-space:normal;max-width:50%}.paired-categories,.paired-legend{flex-wrap:wrap}@media (max-width:900px){.nav-inner{gap:18px}.brand small{display:none}.language-select select{max-width:140px}.nav-help{font-size:12px}}@media (max-width:640px){.nav-inner{grid-template-columns:minmax(0,1fr) auto;gap:0 16px;height:auto;min-height:68px;padding:12px 16px 0;display:grid}.nav-inner .brand{grid-area:1/1;gap:7px;min-width:0;font-size:21px}.nav-inner .language-control{grid-area:1/2;width:155px;margin-left:auto}.nav-inner nav{grid-area:2/1;width:auto;height:44px}.nav-inner .nav-help{grid-area:2/2;justify-self:end;align-items:center;display:flex}.language-select select{flex:1;width:0;max-width:none;font-size:11px}.gateway-intro h1{font-size:29px}.gateway-intro p{line-height:1.8}.gate-copy h2{font-size:38px}.gate-copy p{line-height:1.8}.hero-record-strip{flex-wrap:wrap}.hero-record-strip>span{min-width:0}}
.nav-inner .brand{flex-shrink:0;gap:10px}.nav-inner .brand-symbol{object-fit:contain;flex-shrink:0;width:48px;height:48px;transition:filter .18s;display:block}.nav-inner .brand:hover .brand-symbol{filter:drop-shadow(0 0 9px #d4a94930)}.nav-inner .brand-wordmark{font-family:"Manrope", var(--font-sans);letter-spacing:-1.2px;color:#f5efdf;white-space:nowrap;align-items:baseline;font-size:25px;font-weight:800;line-height:1;display:inline-flex}.brand-wordmark>span{color:#c5a6f5}.brand-wordmark>b{color:#e5c37f;font-weight:inherit}.nav-inner .brand small{color:#bda87e;letter-spacing:.08em;border-left:1px solid #594a343d;padding-left:12px;font-size:11px}@media (max-width:1100px){.nav-inner .brand small{display:none}}@media (max-width:640px){.nav-inner .brand-symbol{width:40px;height:40px}.nav-inner .brand-wordmark{letter-spacing:-1px;font-size:22px}.nav-inner .brand{gap:7px}}@media (prefers-reduced-motion:reduce){.nav-inner .brand-symbol{transition:none}}:root{--bg:#100f16;--panel:#1a1822;--panel2:#211e2c;--border:#3a3445;--text:#f3efdf;--muted:#b0aabb;--accent:#c5a6f5;--gold:#edc565;--peek-gold:#edc565;--peek-violet:#c5a6f5;--peek-ink:#100f16;--peek-line:#dcc3912b;--peek-radius:18px}body{color:var(--text);background:radial-gradient(900px 500px at 85% 0,#49305224,#0000),#100f16}::selection{color:#fff;background:#715790}.workspace main{max-width:1520px;padding:30px 32px 56px}.workspace footer{border-color:var(--peek-line);color:#a79aaa;max-width:1456px;padding-block:24px}.site-header{border-bottom:1px solid var(--peek-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14111beb}.nav-inner{max-width:1520px}.site-header nav{align-items:center;gap:8px}.site-header nav a{color:#c5becd;border:1px solid #0000;border-radius:9px;height:auto;padding:9px 19px}.site-header nav a.active{color:#ffe1a0;background:#edc56510;border-color:#d9b36b48;box-shadow:inset 0 1px #ffe7b312}.site-header nav a:hover{color:#f3e7ff;background:#c5a6f511}.language-select{color:#ded0ec;background:#231d2c;border-color:#66536b66;border-radius:10px}.nav-help{color:#b5a9c1}.panel,.empty,.status{border-color:var(--border);background-color:var(--panel);border-radius:14px}.page-title h1,.gateway-intro h1{color:#fff0ce;font-weight:650}html:lang(ko) .gateway-intro h1,html:lang(ko) .search-masthead h1{word-break:keep-all}.page-title .eyebrow,.gateway-intro>span{color:#c8afe8}.page-title p{color:#b7adbf}.button.primary{color:#302214;background:linear-gradient(#f4d788,#dcb156);border:1px solid #ffe4a0;border-radius:9px;font-weight:750;box-shadow:inset 0 1px #fff6,0 4px 12px #0002}.button.primary:hover{background:#ffe3a0}.button.secondary,.subtle-action{color:#ead7ff;background:#292236;border-color:#6c587f;border-radius:9px}.button.secondary:hover,.subtle-action:hover{background:#382d47;border-color:#b398ce}:is(button,a,input,select,summary):focus-visible{outline-offset:3px;outline:2px solid #dcc2ff}input:not([type=range]):not([type=checkbox]),select{border-radius:9px}.replay-unit:focus-visible{filter:drop-shadow(0 0 4px #fff);outline:none}.replay-unit:focus-visible circle{stroke:#fff;stroke-width:3px}.brand-emblem{aspect-ratio:1;isolation:isolate;pointer-events:none;flex:none;place-items:center;width:160px;display:inline-grid;position:relative}.brand-emblem img{z-index:1;width:100%;height:auto;position:relative}.content-gateway{padding:0 0 14px}.gateway-welcome{justify-content:space-between;align-items:center;gap:24px;max-width:1160px;margin:0 auto 24px;padding:12px 26px 12px 0;display:flex}.gateway-intro{max-width:760px;margin:0}.gateway-intro h1{margin:12px 0;font-size:clamp(29px,3.1vw,44px)}.gateway-intro p{color:#c2b6ca;font-size:15px}.gateway-scout{width:200px;transform:none}.gateway-split{gap:22px}.gateway-card{border:1px solid #c49a555f;border-radius:22px;min-height:425px;padding:26px 30px 20px;box-shadow:inset 0 0 0 5px #ead29407,0 12px 40px #0003}.gateway-card:before{content:"";pointer-events:none;z-index:2;border:1px solid #f9daa425;border-radius:16px;position:absolute;inset:7px}.gateway-card:after{border-radius:inherit;background:linear-gradient(#21162918 0%,#18101fc9 54%,#17111ff5 100%)}.gateway-card .gate-copy{padding-top:38px}.gateway-card .gate-number{color:#f2dcac;background:#191222ae;border:1px solid #f3d38b36;border-radius:6px;width:max-content;padding:5px 10px;font-weight:700;display:inline-flex}.gate-crest{color:#ffdc87;background:linear-gradient(140deg,#5b4524d9,#201b26f0);border:1px solid #e7c16e8a;border-radius:15px 15px 19px 5px;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 0 0 3px #ffc9550a}.mythic-gate .gate-crest{color:#dbb9ff;background:linear-gradient(140deg,#54406cd9,#201b26f0);border-color:#baa0d787}.gateway-card .gate-copy h2{color:#fff4d8;margin-top:12px;font-size:clamp(36px,3.5vw,48px)}.gateway-card .gate-copy p{color:#d3c8d8;margin:14px 0 20px;font-size:14px;line-height:1.8}.gateway-card .gate-copy strong{color:#ffe2a3;background:#edc56516;border:1px solid #edc56566;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;padding:9px 14px;font-size:13px;display:inline-flex}.mythic-gate .gate-copy strong{color:#ebd5ff;background:#c5a6f519;border-color:#c5a6f565}.gateway-card .gate-bottom{color:#baacbf;letter-spacing:.06em;border-color:#dbc6e326;margin-top:22px;padding-top:13px}.gateway-card:hover{border-color:#f4ce79;box-shadow:0 12px 35px #0004,0 0 26px #e7be6810}.gateway-card.mythic-gate:hover{border-color:#c6a1ec}.gateway-note{text-align:center;color:#b1a4b8;max-width:1160px;margin:22px auto 0}.search-masthead{background:linear-gradient(90deg,#201927f7 30%,#261b2bbd),url(/images/wow/the-venomous-abyss.jpg) 50% 35%/cover;border:1px solid #a98a514a;border-bottom:0;border-radius:22px 22px 0 0;justify-content:space-between;align-items:center;gap:24px;min-height:170px;padding:26px 34px;display:flex;position:relative;overflow:hidden}.mythic .search-masthead{background-image:linear-gradient(90deg,#201927f7 30%,#261b2bbd),url(/images/wow/altar-of-fangs.jpg)}.search-masthead .page-title{z-index:1;margin:0;position:relative}.search-masthead .page-title h1{margin:8px 0;font-size:clamp(25px,2.8vw,34px)}.search-masthead .page-title p{max-width:55em;font-size:13px}.search-scout{width:124px;margin:-8px 8px -14px 0;transform:rotate(6deg)}.live-workspace{min-width:0}.live-search-form{background:linear-gradient(120deg,#24202d,#1a1722);border:1px solid #a98a514a;border-top-color:#f0cf8129;border-radius:0 0 22px 22px;margin:0 0 24px;padding:22px 30px 16px;box-shadow:0 14px 28px #0002}.search-form-heading{color:#eddec1;align-items:center;gap:10px;margin:0 0 18px;font-size:13px;display:flex}.search-heading-icon{color:#e9bf69;background:#edc56510;border:1px solid #edc56540;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.search-heading-brand{color:#b49cc7;letter-spacing:.18em;margin-left:auto;font:700 9px Manrope,sans-serif}.character-fields{grid-template-columns:90px minmax(130px,.8fr) minmax(180px,1.5fr) auto;gap:14px}.live-search-form label{color:#c2b8ca;font-size:12px;font-weight:550}.live-search-form input,.live-search-form select,.base-select select{color:#f4ecde;background:#13111a;border-color:#65537285;border-radius:9px;height:46px;box-shadow:inset 0 2px 5px #0002}.live-search-form input::placeholder{color:#8f829d}.live-search-form input:focus,.live-search-form select:focus{border-color:#c8a4ed}.live-search-form .primary{color:#302213;background:linear-gradient(#f5d88e,#dcb057);border:1px solid #ffe5a4;border-radius:9px;height:46px;padding-inline:25px;box-shadow:inset 0 1px #fff6,0 4px 14px #0a071844}.live-search-form .primary:hover{background:#ffe2a0}.search-options{border-top:1px solid #9980ad29;margin-top:17px;padding-top:13px}.search-options summary{color:#b9a9c8;font-size:11px}.search-options[open] summary{color:#f1dbaf}.search-intro{color:#a995bb;border:0;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;margin:27px 0 36px;padding:0;display:grid}.search-intro>div{background:#a786c409;border:1px solid #9474ab24;border-radius:13px;align-items:center;gap:13px;min-width:0;padding:18px;font-size:12px;display:flex}.search-intro>div>svg{color:#d7b0ef}.search-intro>svg{color:#8e789e;align-self:center}.recent-characters{gap:12px;margin:25px 0}.recent-characters h3{color:#ddcdae;font-size:14px}.recent-characters>a{background:#1c1824;border:1px solid #52415e;border-radius:12px;flex-direction:row;align-items:center;gap:13px;max-width:100%;padding:15px 18px;display:inline-flex}.recent-characters>a:hover{background:#2b2236;border-color:#bc99dc}.recent-initial{color:#dfc2f8;width:37px;height:37px;font-family:var(--font-display);background:#5c3e752f;border:1px solid #b895d274;border-radius:11px;flex-shrink:0;place-items:center;display:grid}.recent-identity{color:#f1e3ce;overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.recent-identity small{color:#ac9eb9}.search-link-status{color:#c8a2df;flex:0 0 16px;margin-left:auto;display:inline-flex}.direct-report{border-top:1px solid var(--peek-line);color:#b5a4c5}.content-workspace:has(.has-result) .search-masthead{border-radius:16px 16px 0 0;min-height:100px;padding:16px 24px}.content-workspace:has(.has-result) .search-masthead h1{margin:5px 0;font-size:25px}.content-workspace:has(.has-result) .search-masthead p{font-size:12px}.content-workspace:has(.has-result) .search-scout{width:72px}.has-result .search-form-heading{display:none}.has-result .live-search-form{border-radius:0 0 16px 16px;padding:16px 22px 12px}.encounter-hero{border-color:#aa874c87;border-radius:18px 18px 0 0;min-height:220px;margin-top:22px}.hero-character{padding:27px 28px}.hero-encounter{padding-block:27px}.hero-character .wow-portrait{border-radius:18px 6px}.hero-record-strip{color:#e0d4e8;background:#1a1425d9;border-color:#dcbe8033}.hero-record-strip small{color:#b0a2bd}.base-select{color:#d1c1df;background:#211b2b;border-color:#6b526d79;border-radius:0 0 15px 15px}.base-select select{background:#15111e;height:36px;min-height:36px;font-size:12px}.content-heading h2{color:#edddbd}.content-heading h2:before{content:"";vertical-align:middle;background:#caabea;width:6px;height:6px;margin-right:10px;display:inline-block;transform:rotate(45deg)}.replay-candidates.live-candidates>button{background:linear-gradient(125deg,#251e2f,#1a1721);border-color:#63516f88;border-radius:13px;padding:14px 18px}.replay-candidates.live-candidates>button:hover{background:#2f263c;border-color:#b89acd}.replay-candidates.live-candidates>button.selected{background:linear-gradient(110deg,#3d304a,#211a2c 80%);border-color:#ba9bd3;box-shadow:inset 3px 0 #c8a8ed,0 3px 16px #0002}.candidate-check{color:#e1c9f5;background:#c1a0e41c;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.candidate-identity .rank-label{color:#d1b4e8}.candidate-identity strong{color:#f4e8d6}.candidate-method,.live-details{color:#b6a5c5}.combat-view-tabs{background:#1d1726;border:1px solid #64517080;border-radius:12px;gap:6px;width:max-content;max-width:100%;margin-top:26px;padding:6px;display:flex}.combat-view-tabs button{color:#bcacc9;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:inline-flex}.combat-view-tabs button[aria-pressed=true]{color:#ffe1a0;background:#dcad5217;border-color:#b48d4c6b;box-shadow:inset 0 1px #f4cf7910}.replay-player{background:#17131e;border-color:#705a7e;border-radius:16px;margin-top:12px;box-shadow:0 14px 35px #0003,inset 0 1px #f3dba511}.replay-heading{background:linear-gradient(110deg,#30233b,#211a2b 70%);min-height:52px;padding:9px 16px}.replay-brand-heading{align-items:center;gap:10px;display:flex}.replay-brand-heading .brand-emblem{width:34px}.replay-heading h2{color:#f9e6bc;font-size:16px}.replay-live-dot{color:#bdd5c8}.replay-settings{border-color:#6d54784a}.replay-settings>summary{color:#d0bddf;border-radius:6px}.replay-settings>summary:hover{background:#c6a1e715}.replay-transport{background:#211b2c;border-block:1px solid #77608644}.replay-transport .replay-play{color:#302215;background:linear-gradient(150deg,#f5d88a,#cfa44e);border:1px solid #f7d995;border-radius:10px;width:34px;height:34px;box-shadow:inset 0 1px #fff5}.replay-transport>button:not(.replay-play){color:#d5bfeb;border-radius:7px;place-items:center;width:30px;min-height:30px;display:grid}.replay-transport>button:hover{background-color:#594369}.replay-clock{color:#f7dfaa;background:#100c17;border:1px solid #a68a5938;border-radius:6px;padding:3px 8px}.replay-transport input[type=range]{accent-color:#e6c47b}.replay-speed select{color:#e0c9f3;background:#17111f;border-color:#695479}.replay-workbench{background:#42364b}.replay-workbench>.paired-cooldowns{background:#1b1722;border-left-color:#6e577a6e}.replay-stage{background:#17151e}.replay-workbench .replay-stage-title{background:#1e222d;border-top-color:#7fbbe3}.replay-workbench .replay-stage.side-1 .replay-stage-title{background:#282033;border-top-color:#bba0ed}.replay-workbench .replay-stage-title small{color:#a8ccdf;font-size:9px;line-height:1.3;display:block}.replay-workbench .side-1 .replay-stage-title small{color:#c6ade9}.replay-workbench .replay-pull{background:#191722;border-color:#50415e}.replay-workbench .replay-pull select{color:#dfd1e9;background:#231d2d;border-color:#5a4769;border-radius:6px}.replay-workbench .replay-map-top select{border-radius:7px}.cooldown-rack{background:#18151f;border-color:#5845685c;padding-block:10px}.cooldown-rack-icon{border-radius:7px}.cooldown-rack-icon img{border-radius:6px}.cooldown-rack-skill[aria-pressed=true] .cooldown-rack-icon{outline-color:#d8b5ff}.replay-role-stats{background:#191620;border-color:#5745655c}.replay-workbench .replay-inspector{background:#17141e}.replay-workbench .replay-actions>div{background:#211c2a;border-radius:8px}.replay-notes{color:#bbacca;background:#1f1928;border-color:#5c466e66}.paired-heading h2{color:#f3e6ce}.paired-categories{background:#100e16;border:1px solid #6850784d;border-radius:9px;padding:4px}.paired-categories button{color:#b8aac7;border-radius:6px;flex:1 0 auto;padding:5px 9px}.paired-categories button[aria-pressed=true]{color:#eedcfe;background:#513969;box-shadow:inset 0 1px #e9d3ff15}.replay-workbench .paired-skill-nav{gap:6px;padding:7px 2px}.replay-workbench .paired-skill-nav button{background:#251e2f;border:1px solid #66527580;border-radius:8px}.replay-workbench .paired-skill-nav button[aria-pressed=true]{background:#58406d;border-color:#d7b1f5;box-shadow:0 0 0 1px #d7b1f5}.paired-focus-heading{border-top:1px solid #6a547846;padding-top:10px}.paired-settings{border-color:#635070;border-radius:8px}.paired-settings button{color:#b9a8cc}.paired-settings button[aria-pressed=true]{color:#f0e0ff;background:#483653}.paired-settings select{color:#d9c6e8;background:#221a2c;border-color:#624e71}.paired-lane{background:#100e16;border-color:#574665;border-radius:7px}.paired-row{border-color:#6651764d}.paired-evidence,.paired-method{color:#b7a9c4}.paired-step button{background:#30253d;border-color:#685279;border-radius:6px}.combat-explorer,.live-details{border-color:#63506e6e;border-radius:14px}.combat-title{color:#f4e1bc;background:linear-gradient(110deg,#30233b,#211a2b);border-color:#64516e}.combat-tabs{background:#17121f;border-color:#5a4669}.combat-tabs button{color:#b7a7c9}.combat-tabs button[aria-selected=true]{color:#ffe1a0;background:#e9c77112;border-color:#dcb664}.combat-range{background:#211a2b;border-color:#5f4c6e}.combat-range input[type=range]{accent-color:#c7a5ef}.combat-totals>div{background:#221b2b;border-color:#68517570;border-radius:11px}.combat-chart{background:#14121b;border-color:#57456370;border-radius:11px}.combat-section-title{color:#ead9bd}.ability-filter,.combat-notice,.combat-footnote{color:#b8a9c7}.spell-table th,.table-wrap th{color:#c9bbd5;background:#221b2c}.spell-table td,.table-wrap td{border-color:#64507145}.report-input{background:#191321;border-color:#6c577c;border-radius:11px}.report-input>svg{color:#c6a3e8}.report-list{border-color:#6c577c;border-radius:12px}.report-list a{background:#21192b;border-color:#69507655}.report-list a:hover{background:#30223f}.report-list strong{color:#ead7f9}.live-status,.replay-loading,.combat-empty{color:#d3c4e0;background:#241b2d;border:1px solid #6e567e66;border-radius:14px}.live-status[role=alert],.status.error{color:#f1c2ac;background:#312125;border-color:#b4776080}.scout-status{align-items:center;gap:15px;padding:20px 25px;display:flex}.scout-status .brand-emblem{width:58px}.scout-status .loading-orbit{flex:none;width:18px;height:18px}.loading-orbit{border-top-color:#e2bb70}@media (max-width:1050px){.gateway-scout{width:158px}.search-intro>div{gap:10px;padding:15px 12px}.replay-workbench .paired-use-summary{gap:5px}.candidate-check{display:none}}@media (max-width:750px){.character-fields{grid-template-columns:82px minmax(0,1fr)}.character-fields .name-field,.character-fields>.button{grid-column:1/-1}.search-masthead{gap:12px;padding:22px}.search-scout{width:90px;margin-right:0}.live-search-form{padding:20px}.search-intro{gap:8px}.search-intro>div{flex-direction:column;align-items:flex-start;font-size:11px}}@media (max-width:640px){.workspace main{padding:20px 16px 36px}.site-header nav a{padding:6px 15px;font-size:12px}.gateway-welcome{align-items:flex-start;gap:6px;margin-bottom:23px;padding:8px 0 0}.gateway-intro{min-width:0}.gateway-intro>span{letter-spacing:.1em;font-size:8px}.gateway-intro h1{margin:10px 0;font-size:clamp(25px,5.5vw,31px)}.gateway-intro p{font-size:12px}.gateway-scout{width:90px;margin:5px -5px 0 0}.gateway-split{grid-template-columns:1fr;gap:17px}.gateway-card{border-radius:18px;min-height:345px;padding:23px 25px 20px}.gateway-card .gate-copy{padding-top:18px}.gate-crest{border-radius:12px 12px 16px 4px;width:42px;height:42px;position:absolute;top:18px;right:0}.gateway-card .gate-copy h2{margin-top:4px;font-size:36px}.gateway-card .gate-copy p{font-size:13px}.gateway-card .gate-bottom{margin-top:18px;font-size:10px}.gateway-note{font-size:10px;line-height:1.8}.search-masthead{min-height:140px;padding:20px}.search-masthead .page-title h1{font-size:25px}.search-masthead .page-title p{font-size:12px}.search-scout{align-self:flex-start;width:64px;margin-top:5px}.search-masthead .eyebrow{letter-spacing:.1em;font-size:8px}.content-workspace:has(.has-result) .search-masthead{padding:17px}.content-workspace:has(.has-result) .search-scout{width:55px}.has-result .live-search-form{padding:17px}.search-intro{grid-template-columns:1fr;gap:8px;margin:20px 0}.search-intro>div{flex-direction:row;align-items:center;padding:13px 15px;font-size:12px}.search-intro>svg{display:none}.recent-characters>a{padding:13px}.hero-character{padding:23px 20px}.hero-encounter{padding:0 20px 20px}.combat-view-tabs{width:100%}.combat-view-tabs button{flex:1;gap:6px;min-width:0;padding:9px 8px;font-size:11px}.replay-heading{padding:9px 11px}.replay-heading h2{font-size:14px}.replay-brand-heading .brand-emblem{width:28px}.replay-brand-heading{gap:6px}.replay-settings>summary{font-size:10px;right:9px}.replay-workbench .replay-stage-title{gap:5px}.replay-workbench .replay-stage-title small{font-size:8px}.replay-workbench .replay-stage-title h3{font-size:11px}.scout-status{gap:12px;padding:18px}.scout-status strong{font-size:12px}.scout-status .brand-emblem{width:44px}.workspace footer{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.gateway-card .gate-art{transition:none}.gateway-card:hover .gate-art{transform:none}}
.loadout-comparison{background:linear-gradient(135deg,#201b2b,#13121c 65%);border:1px solid #393044;border-radius:16px;margin-top:28px;overflow:hidden}.paired-cooldowns .paired-identity .paired-item-name{max-width:220px;margin-top:3px;font-size:10px;line-height:1.5;display:block}.loadout-heading{border-bottom:1px solid #393044;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.loadout-heading h2{letter-spacing:-.6px;margin:6px 0 0;font-size:21px}.loadout-heading .eyebrow{color:#c1a97d;letter-spacing:2px;font-size:10px;font-weight:800}.loadout-source{color:#d3bc88;white-space:nowrap;border:1px solid #65583e;border-radius:6px;padding:6px 9px;font-size:11px}.loadout-identities{grid-template-columns:1fr 1fr;padding:0 24px;display:grid}.loadout-person{border-top:2px solid;align-items:center;gap:12px;min-width:0;padding:20px 12px;display:flex}.loadout-person img{border:1px solid #51445f;border-radius:9px}.loadout-person>div{gap:3px;min-width:0;display:grid}.loadout-person strong{overflow-wrap:anywhere;font-size:16px}.loadout-person small{color:#a69db5;font-size:10px}.loadout-person>a{color:#a69db5;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.loadout-comparison .side-0{color:#88c9ed}.loadout-comparison .side-1{color:#c6a7ed}.loadout-stat-grid{background:#383041;border:1px solid #383041;border-radius:10px;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin:0 24px;display:grid;overflow:hidden}.loadout-stat{text-align:center;background:#18151f;padding:15px 8px}.loadout-stat>span{color:#b5aabc;font-size:11px}.loadout-stat>div{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:10px;display:flex}.loadout-stat strong{font-variant-numeric:tabular-nums;font-size:17px}.loadout-caption{color:#a49aaf;margin:12px 24px 22px;font-size:11px;line-height:1.7}.loadout-gear-heading{border-top:1px solid #393044;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.loadout-gear-heading h3{margin:0;font-size:15px}.loadout-gear-heading button{color:#bcb0cc;background:0 0;border:1px solid #4b3d5c;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.loadout-gear-heading button[aria-pressed=true]{color:#e4ccff;background:#3d2b50;border-color:#a87bdd}.loadout-gear-list{padding:0 24px 16px}.loadout-gear-row{border-top:1px solid #302838;grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.loadout-slot{color:#b7acbf;flex-direction:column;justify-content:center;gap:5px;padding:10px 8px 10px 0;font-size:11px;display:flex}.loadout-slot small{color:#bd9c66;font-size:9px}.loadout-gear-row.is-same .loadout-slot small{color:#746d80}.loadout-item{border-left:1px solid #302838;min-width:0;padding:12px}.loadout-item-link{color:#d9c0f1;align-items:center;gap:10px;text-decoration:none;display:flex}.loadout-item-link img{border:1px solid #65517c;border-radius:7px;flex-shrink:0}.loadout-item-link>span{min-width:0}.loadout-item-link strong{overflow-wrap:anywhere;font-size:12px;font-weight:650;line-height:1.5}.loadout-item-link small{color:#a99daf;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:3px;font-size:10px;display:flex}.loadout-item-link em{color:#d0b27a;font-style:normal}.loadout-item.quality-3 .loadout-item-link{color:#98c4ef}.loadout-item.quality-2 .loadout-item-link{color:#91c99d}.loadout-item-mods{flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0 0 48px;display:flex}.loadout-item-mods:empty{display:none}.loadout-item-mods>span{color:#b6a9c4;border:1px solid #3b3246;border-radius:4px;align-items:center;gap:4px;padding:2px 5px;font-size:9px;display:flex}.loadout-item-mods a{align-items:center;display:flex}.loadout-item-mods img{border-radius:3px}.loadout-item.is-missing{color:#8b8196;align-items:center;font-size:12px;display:flex}.loadout-footer{background:#18141f;border-top:1px solid #393044;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.loadout-footer p{color:#a49aaf;margin:0;font-size:11px;line-height:1.7}.loadout-footer a{color:#c9b1e2;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.loadout-comparison.single .loadout-identities{grid-template-columns:1fr}.loadout-comparison.single .loadout-gear-row{grid-template-columns:80px minmax(0,1fr)}@media (max-width:1000px){.loadout-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:600px){.loadout-heading{padding:18px 14px}.loadout-heading h2{font-size:17px}.loadout-source{display:none}.loadout-identities{padding:0 10px}.loadout-person{flex-wrap:wrap;gap:8px;padding:15px 6px}.loadout-person img{width:28px;height:28px}.loadout-person strong{font-size:14px}.loadout-person>a{font-size:9px}.loadout-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 12px}.loadout-stat{padding:12px 6px}.loadout-stat>div{gap:18px}.loadout-caption{margin:12px 14px 18px}.loadout-gear-heading{padding:12px 14px}.loadout-gear-list{padding:0 12px 12px}.loadout-gear-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.loadout-slot{background:#201a29;flex-direction:row;grid-column:1/-1;justify-content:space-between;padding:9px 5px}.loadout-item{border-left:0;padding:10px 7px}.loadout-item:last-child{border-left:1px solid #302838}.loadout-item-link{align-items:flex-start;gap:7px}.loadout-item-link img{width:30px;height:30px}.loadout-item-link strong{font-size:11px}.loadout-item-mods{margin-left:0}.loadout-footer{flex-direction:column;align-items:flex-start;padding:14px}.loadout-comparison.single .loadout-gear-row{grid-template-columns:1fr}}
