:root{color-scheme:dark;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;color:#f4f1e8;background:#080b13;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #080b13;--panel: #101622;--panel-soft: #141b29;--line: rgba(208, 188, 137, .16);--gold: #d5b56d;--gold-light: #f0d899;--teal: #4fe2cc;--purple: #a879ff;--muted: #8f99ab;--text: #f4f1e8}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 10% -10%,rgba(58,118,134,.18),transparent 32rem),radial-gradient(circle at 95% 18%,rgba(92,57,148,.16),transparent 30rem),var(--bg)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";opacity:.23;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell,.page-width{width:min(100% - 32px,1080px);margin-inline:auto}.home-page{padding:max(24px,env(safe-area-inset-top)) 0 max(22px,env(safe-area-inset-bottom))}.home-hero{position:relative;padding:8px 0 50px}.home-hero:before{position:absolute;top:90px;right:-80px;width:310px;aspect-ratio:1;content:"";border:1px solid rgba(79,226,204,.12);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup h1{margin:1px 0 0;font-size:16px;line-height:1.2;letter-spacing:.05em}.eyebrow{margin:0;color:var(--gold);font:700 10px/1 Arial Narrow,sans-serif;letter-spacing:.2em}.brand-glyph{position:relative;width:38px;height:38px;background:linear-gradient(140deg,var(--teal),var(--gold),var(--purple));clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.brand-glyph:before{position:absolute;top:2px;right:2px;bottom:2px;left:2px;content:"";background:#0b101b;clip-path:inherit}.brand-glyph span,.detail-brand span{position:absolute;top:12px;right:12px;bottom:12px;left:12px;background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.hero-copy{position:relative;z-index:1;margin-top:70px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.08em}.hero-kicker svg{width:16px}.hero-copy h2{max-width:800px;margin:14px 0 16px;font-size:clamp(38px,9vw,68px);line-height:1.08;letter-spacing:-.055em}.hero-copy h2 em{color:transparent;font-style:normal;background:linear-gradient(90deg,var(--gold-light),#f2e7c9 55%,var(--teal));-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:520px;margin:0;color:#aab2c0;font-size:14px;line-height:1.8}.search-field{position:relative;z-index:1;display:flex;align-items:center;height:58px;max-width:620px;margin-top:32px;padding:0 18px;border:1px solid rgba(213,181,109,.24);border-radius:4px;background:#101622e0;box-shadow:0 18px 40px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-field:focus-within{border-color:#4fe2cca6;box-shadow:0 0 0 3px #4fe2cc14}.search-field svg{flex:0 0 auto;width:20px;color:var(--gold)}.search-field input{min-width:0;flex:1;height:100%;padding:0 13px;color:var(--text);border:0;outline:0;background:transparent}.search-field input::placeholder{color:#667184}.search-field button{width:32px;height:32px;color:#7f899a;font-size:21px;border:0;background:transparent;cursor:pointer}.champion-section{padding:30px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading p,.content-heading p,.recommendation-intro p,.build-title p,.tips-section>div>p{margin:0 0 5px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-heading h2,.content-heading h2,.recommendation-intro h2,.tips-section h2{margin:0;font-size:21px;line-height:1.3}.section-heading>span{color:#727d8f;font-size:12px}.champion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.champion-card{position:relative;display:flex;align-items:center;min-width:0;padding:12px;overflow:hidden;border:1px solid rgba(213,181,109,.16);border-radius:5px;background:linear-gradient(115deg,#161e2ef5,#0a0e17f5),var(--panel);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.champion-card:after{position:absolute;right:-22px;bottom:-45px;width:100px;height:100px;content:"";border:1px solid rgba(79,226,204,.1);transform:rotate(30deg)}.champion-card:hover,.champion-card:focus-visible{border-color:#4fe2cc7a;box-shadow:0 16px 32px #00000038;transform:translateY(-2px);outline:0}.champion-portrait{position:relative;flex:0 0 82px;width:82px;height:82px;padding:3px;background:linear-gradient(135deg,var(--gold),#5b3a1b 60%,var(--teal));clip-path:polygon(14% 0,100% 0,100% 86%,86% 100%,0 100%,0 14%)}.champion-portrait img{width:100%;height:100%;object-fit:cover;clip-path:inherit}.tier-badge,.detail-portrait>span{position:absolute;right:0;bottom:0;display:grid;width:25px;height:25px;place-items:center;color:#071311;font:800 14px/1 Arial Narrow,sans-serif;background:var(--teal);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.champion-card-copy{min-width:0;padding-left:15px}.champion-card-copy small{color:var(--gold);font-size:10px;letter-spacing:.08em}.champion-card-copy h3{margin:3px 0;font-size:22px}.champion-card-copy p{margin:0;overflow:hidden;color:#8d98aa;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.card-arrow{display:grid;flex:0 0 auto;width:34px;height:34px;margin-left:auto;place-items:center;color:var(--gold);border:1px solid rgba(213,181,109,.2);border-radius:50%}.card-arrow svg{width:16px}.empty-state{padding:42px 24px;text-align:center;border:1px dashed rgba(143,153,171,.25);background:#1016228c}.empty-state svg{width:30px;color:var(--gold)}.empty-state h3{margin:12px 0 6px}.empty-state p{margin:0;color:var(--muted);font-size:13px}.data-status{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px auto 4px;color:#748093;font-size:11px}.data-status svg{width:14px;color:var(--teal)}.data-status i{width:3px;height:3px;border-radius:50%;background:#3f4858}.site-footer{padding:44px 0 12px;text-align:center}.footer-mark{position:relative;width:22px;height:22px;margin:0 auto 12px;opacity:.45;background:linear-gradient(135deg,var(--teal),var(--gold));clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.footer-mark:after{position:absolute;top:2px;right:2px;bottom:2px;left:2px;content:"";background:var(--bg);clip-path:inherit}.site-footer p{max-width:600px;margin:0 auto;color:#515b6b;font-size:10px;line-height:1.7}.detail-page{min-height:100vh}.detail-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 40%,rgba(50,165,147,.18),transparent 23rem),linear-gradient(180deg,#101724f5,#080b13fa)}.detail-hero:after{position:absolute;right:-70px;bottom:-140px;width:360px;height:360px;content:"";opacity:.4;background-image:linear-gradient(rgba(213,181,109,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(213,181,109,.1) 1px,transparent 1px);background-size:28px 28px;transform:rotate(30deg);-webkit-mask-image:radial-gradient(circle,black,transparent 70%);mask-image:radial-gradient(circle,black,transparent 70%)}.detail-nav{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px}.detail-nav>a{display:grid;width:36px;height:36px;place-items:center;color:#bac2ce;border:1px solid rgba(255,255,255,.12);border-radius:50%}.detail-nav>a:hover{color:var(--teal);border-color:#4fe2cc66}.detail-nav svg{width:18px}.detail-brand{position:relative;padding-left:25px;font-size:13px;font-weight:700;letter-spacing:.06em}.detail-brand span{inset:1px auto auto 0;width:17px;height:17px}.version-pill{justify-self:end;padding:5px 9px;color:var(--gold);font:700 10px/1 Arial Narrow,sans-serif;letter-spacing:.05em;border:1px solid rgba(213,181,109,.22);border-radius:20px;background:#d5b56d0d}.champion-banner{position:relative;z-index:1;display:flex;align-items:center;gap:30px;min-height:250px;padding-top:18px;padding-bottom:34px}.banner-glow{position:absolute;left:-90px;bottom:-220px;width:380px;height:380px;border:1px solid rgba(79,226,204,.12);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.detail-portrait{position:relative;flex:0 0 150px;width:150px;height:150px;padding:4px;background:linear-gradient(135deg,var(--gold-light),#5a411f 50%,var(--teal));clip-path:polygon(16% 0,100% 0,100% 84%,84% 100%,0 100%,0 16%);box-shadow:0 28px 60px #0000006b}.detail-portrait img{width:100%;height:100%;object-fit:cover;clip-path:inherit}.detail-portrait>span{width:38px;height:38px;font-size:20px}.banner-copy{position:relative}.banner-copy>p{margin:0;color:var(--gold);font-size:12px;letter-spacing:.16em}.banner-copy h1{margin:2px 0 9px;font-size:clamp(44px,7vw,72px);line-height:1;letter-spacing:-.05em}.banner-copy strong{display:block;color:var(--teal);font-size:15px}.banner-copy small{display:block;margin-top:12px;color:#7e899b;font-size:11px}.detail-content{position:relative;padding-top:28px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.recommendation-intro{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(79,226,204,.16);border-left:3px solid var(--teal);background:linear-gradient(90deg,#112027cc,#0f141fcc)}.recommendation-intro>span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;color:var(--teal);border:1px solid rgba(79,226,204,.24);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.recommendation-intro svg{width:20px;transform:rotate(-30deg)}.recommendation-intro h2{font-size:17px}.recommendation-intro small{display:block;margin-top:5px;color:#727e90;font-size:10px}.content-section{padding:54px 0 0}.content-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.content-heading>span{color:#d5b56d59;font:700 28px/1 Arial Narrow,sans-serif}.content-heading h2{font-size:20px}.augment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.augment-card{position:relative;padding:17px;overflow:hidden;border:1px solid var(--rarity-border);background:radial-gradient(circle at 92% 0,var(--rarity-glow),transparent 12rem),linear-gradient(150deg,#141b29fa,#0a0e17fa)}.augment-card:after{position:absolute;top:-34px;right:-34px;width:90px;height:90px;content:"";border:1px solid var(--rarity-border);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.rarity-prismatic{--rarity: #a879ff;--rarity-border: rgba(168, 121, 255, .38);--rarity-glow: rgba(168, 121, 255, .12)}.rarity-gold{--rarity: #e4bf65;--rarity-border: rgba(228, 191, 101, .34);--rarity-glow: rgba(228, 191, 101, .11)}.rarity-silver{--rarity: #a9c2cf;--rarity-border: rgba(169, 194, 207, .3);--rarity-glow: rgba(169, 194, 207, .1)}.augment-card header{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.rarity-gem{position:relative;width:30px;height:30px;background:var(--rarity);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);box-shadow:0 0 25px var(--rarity-glow)}.rarity-gem:after{position:absolute;top:7px;right:7px;bottom:7px;left:7px;content:"";background:#121722;clip-path:inherit}.augment-card header p{margin:0;color:var(--rarity);font-size:13px;font-weight:800}.augment-card header small{display:block;margin-top:2px;color:#657084;font-size:9px}.augment-card ol{padding:0;margin:5px 0 0;list-style:none}.augment-card li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:12px 0 10px;border-bottom:1px solid rgba(255,255,255,.055)}.augment-card li:last-child{padding-bottom:0;border-bottom:0}.augment-index{display:grid;width:22px;height:22px;place-items:center;color:var(--rarity);font:700 11px/1 Arial Narrow,sans-serif;border:1px solid var(--rarity-border);border-radius:50%}.augment-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.augment-name-row strong{font-size:13px}.augment-name-row em{color:var(--rarity);font:700 12px/1 Arial Narrow,sans-serif}.augment-card li p{margin:4px 0 0;color:#818c9e;font-size:10px;line-height:1.65}.combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.combo-card{position:relative;min-height:225px;padding:22px;overflow:hidden;border:1px solid rgba(213,181,109,.2);background:linear-gradient(135deg,#1c1f2bf5,#0c101afa),var(--panel)}.combo-card:after{position:absolute;right:-72px;bottom:-92px;width:190px;height:190px;content:"";border:1px solid rgba(213,181,109,.12);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.combo-2{border-color:#4fe2cc33}.combo-2:after{border-color:#4fe2cc1f}.combo-card header{display:flex;justify-content:space-between;align-items:center}.combo-card header span{padding:4px 9px;color:#160f04;font-size:10px;font-weight:800;border-radius:2px;background:var(--gold)}.combo-2 header span{background:var(--teal)}.combo-card header small{color:#596476;font:700 11px/1 Arial Narrow,sans-serif;letter-spacing:.12em}.combo-card h3{margin:20px 0 13px;font-size:23px}.combo-chips{display:flex;flex-wrap:wrap;gap:6px}.combo-chips span{padding:5px 8px;color:#dbd5c8;font-size:10px;border:1px solid rgba(213,181,109,.18);background:#d5b56d0e}.combo-2 .combo-chips span{border-color:#4fe2cc2e;background:#4fe2cc0d}.combo-card>p{position:relative;z-index:1;max-width:88%;margin:16px 0 0;color:#8994a7;font-size:11px;line-height:1.75}.build-card{padding:20px;border:1px solid rgba(213,181,109,.2);background:linear-gradient(90deg,rgba(213,181,109,.035),transparent 36%),var(--panel)}.build-title{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.07)}.build-title>svg{width:25px;color:var(--gold)}.build-title h3{margin:0;font-size:16px}.build-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:20px 0 0;margin:0;list-style:none}.build-list>li{position:relative;min-width:0}.build-order{position:absolute;z-index:2;top:-6px;left:-6px;display:grid;width:19px;height:19px;place-items:center;color:#100b02;font:800 10px/1 Arial Narrow,sans-serif;border-radius:50%;background:var(--gold);box-shadow:0 3px 8px #0006}.build-connector{position:absolute;z-index:0;top:29px;right:-12px;width:9px;height:1px;background:#d5b56d47}.build-connector:after{position:absolute;top:-2px;right:0;width:5px;height:5px;content:"";border-top:1px solid rgba(213,181,109,.35);border-right:1px solid rgba(213,181,109,.35);transform:rotate(45deg)}.item-icon{position:relative;z-index:1;min-width:0}.item-art{display:grid;width:58px;height:58px;margin:0 auto;padding:2px;place-items:center;color:var(--gold);font-size:17px;font-weight:800;border:1px solid rgba(213,181,109,.55);background:#151a24;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.item-art img{width:100%;height:100%;object-fit:cover;clip-path:inherit}.item-copy{min-width:0;margin-top:9px;text-align:center}.item-copy strong{display:block;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.item-copy small{display:block;margin-top:4px;color:#697588;font-size:8px;line-height:1.4}.situation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.situation-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:96px;padding:15px;border:1px solid rgba(255,255,255,.075);background:#101622d1}.situation-copy{min-width:0}.situation-copy>span{display:inline-block;margin-bottom:6px;color:var(--teal);font-size:11px;font-weight:800}.situation-copy p{margin:0;color:#7e899b;font-size:10px;line-height:1.65}.situation-items{display:flex;flex:0 0 auto;gap:5px}.item-icon-compact .item-art{width:43px;height:43px}.item-icon-compact .item-copy{display:none}.tips-section{display:grid;grid-template-columns:90px minmax(0,1fr);gap:24px;margin-top:54px;padding:27px;border:1px solid rgba(79,226,204,.18);background:radial-gradient(circle at 0 50%,rgba(79,226,204,.11),transparent 15rem),#0d151ee6}.tips-icon{display:grid;width:70px;height:70px;place-items:center;color:var(--teal);border:1px solid rgba(79,226,204,.3);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.tips-icon svg{width:28px;transform:rotate(-30deg)}.tips-section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding:0;margin:20px 0 0;list-style:none}.tips-section li{display:flex;align-items:start;gap:9px;color:#9aa4b4;font-size:11px;line-height:1.7}.tips-section li svg{flex:0 0 auto;width:14px;margin-top:2px;color:var(--gold)}.source-section{padding:46px 0 4px}.source-section h2{margin:0;font-size:15px}.source-section>p{margin:5px 0 14px;color:#667184;font-size:10px}.source-section>div{display:flex;flex-wrap:wrap;gap:8px}.source-section a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:#8792a3;font-size:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff06}.source-section a:hover{color:var(--teal);border-color:#4fe2cc40}.source-section svg{width:12px}@media(max-width:760px){.page-shell,.page-width{width:min(100% - 28px,1080px)}.home-hero{padding-bottom:35px}.hero-copy{margin-top:55px}.champion-grid,.augment-grid,.combo-grid,.situation-grid{grid-template-columns:1fr}.champion-banner{min-height:220px;gap:20px}.detail-portrait{flex-basis:118px;width:118px;height:118px}.banner-copy h1{font-size:46px}.augment-card{padding:16px}.augment-card li p{font-size:11px}.build-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 14px}.build-connector{right:-11px}.build-list>li:nth-child(3) .build-connector{display:none}.tips-section,.tips-section ul{grid-template-columns:1fr}}@media(max-width:430px){.home-page{padding-top:max(19px,env(safe-area-inset-top))}.hero-copy h2{font-size:40px}.hero-copy>p{max-width:330px}.search-field{height:54px;margin-top:26px}.champion-section{padding-top:26px}.champion-card{padding:10px}.champion-portrait{flex-basis:76px;width:76px;height:76px}.champion-card-copy{padding-left:13px}.card-arrow{width:30px;height:30px}.data-status{flex-wrap:wrap;gap:6px}.detail-nav{min-height:62px}.detail-brand{font-size:12px}.champion-banner{min-height:190px;gap:16px;padding-top:10px;padding-bottom:28px}.detail-portrait{flex-basis:102px;width:102px;height:102px}.banner-copy>p{font-size:10px}.banner-copy h1{font-size:41px}.banner-copy strong{font-size:12px}.banner-copy small{max-width:210px;margin-top:8px;font-size:9px;line-height:1.5}.detail-content{padding-top:20px}.recommendation-intro{padding:15px}.recommendation-intro>span{flex-basis:36px;width:36px;height:36px}.recommendation-intro h2{font-size:15px}.content-section{padding-top:45px}.combo-card{min-height:0;padding:19px}.combo-card>p{max-width:100%}.build-card{padding:16px 12px}.build-list{gap:23px 8px}.item-art{width:54px;height:54px}.item-copy strong{font-size:10px}.situation-card{min-height:90px;padding:13px}.situation-copy p{max-width:200px}.item-icon-compact .item-art{width:40px;height:40px}.tips-section{gap:17px;padding:21px 18px}.tips-icon{width:52px;height:52px}.tips-icon svg{width:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.quick-page{min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(79,226,204,.1),transparent 24rem),radial-gradient(circle at 0 35%,rgba(168,121,255,.08),transparent 22rem)}.quick-topbar{border-bottom:1px solid rgba(255,255,255,.07);background:#080b13e6}.quick-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:54px}.quick-nav a{display:grid;width:32px;height:32px;place-items:center;color:#b8c0cc;border:1px solid rgba(255,255,255,.1);border-radius:50%}.quick-nav a svg{width:16px}.quick-nav>strong{font-size:12px;letter-spacing:.04em}.quick-nav>span{justify-self:end;color:var(--gold);font-size:10px}.quick-content{max-width:760px;padding-top:14px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.quick-hero{position:relative;display:flex;align-items:center;gap:14px;min-height:88px;padding:10px 13px;overflow:hidden;border:1px solid rgba(213,181,109,.17);background:linear-gradient(110deg,#161d2bfa,#0b0f18fa)}.quick-hero:after{position:absolute;right:-28px;bottom:-54px;width:110px;height:110px;content:"";border:1px solid rgba(79,226,204,.1);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.quick-portrait{flex:0 0 66px;width:66px;height:66px;padding:2px;background:linear-gradient(135deg,var(--gold),var(--teal));clip-path:polygon(13% 0,100% 0,100% 87%,87% 100%,0 100%,0 13%)}.quick-portrait img{width:100%;height:100%;object-fit:cover;clip-path:inherit}.quick-hero p{margin:0;color:var(--gold);font-size:9px;letter-spacing:.12em}.quick-hero h1{margin:1px 0 2px;font-size:28px;line-height:1}.quick-hero div>strong{color:var(--teal);font-size:11px}.quick-hero>small{position:absolute;z-index:1;right:12px;bottom:10px;color:#697587;font-size:9px}.quick-section{padding-top:20px}.quick-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:9px}.quick-heading p{margin:0 0 2px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.16em}.quick-heading h2{margin:0;font-size:18px;line-height:1.2}.quick-heading>span{color:#647083;font-size:9px}.quick-augment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-augment-card{--quick-rarity: var(--purple);--quick-border: rgba(168, 121, 255, .34);padding:10px;border:1px solid var(--quick-border);background:radial-gradient(circle at 100% 0,rgba(168,121,255,.1),transparent 8rem),#0f141feb}.quick-augment-card.quick-gold{--quick-rarity: #e4bf65;--quick-border: rgba(228, 191, 101, .3);background:radial-gradient(circle at 100% 0,rgba(228,191,101,.09),transparent 8rem),#0f141feb}.quick-augment-card header{display:flex;align-items:center;gap:7px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.07)}.quick-rarity-gem{position:relative;width:18px;height:18px;background:var(--quick-rarity);transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.quick-rarity-gem:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;content:"";background:#111722;clip-path:inherit}.quick-augment-card header strong{color:var(--quick-rarity);font-size:12px}.quick-augment-card ol{padding:0;margin:3px 0 0;list-style:none}.quick-augment-card li{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:6px;min-height:31px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.quick-augment-card li:last-child{border-bottom:0}.quick-augment-card li>span{display:grid;width:18px;height:18px;place-items:center;color:var(--quick-rarity);font-size:9px;border:1px solid var(--quick-border);border-radius:50%}.quick-augment-card li>strong{min-width:0;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.quick-augment-card li>small{grid-column:2;margin-top:-5px;color:var(--gold);font-size:8px}.quick-build-section{padding-top:17px}.quick-build-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:10px 6px 8px;margin:0;list-style:none;border:1px solid rgba(213,181,109,.17);background:#0f141fdb}.quick-build-list li{position:relative;min-width:0;text-align:center}.quick-build-list li>span{position:absolute;z-index:2;top:-3px;left:50%;display:grid;width:15px;height:15px;margin-left:-25px;place-items:center;color:#100b02;font-size:8px;font-weight:800;border-radius:50%;background:var(--gold)}.quick-build-list .item-art{width:42px;height:42px}.quick-build-list li>strong{display:block;margin-top:5px;overflow:hidden;color:#d9dce2;font-size:8px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.quick-note{margin-top:13px;padding:9px 11px;color:#858fa0;font-size:10px;line-height:1.6;border-left:2px solid var(--teal);background:#4fe2cc0b}.quick-note strong{color:var(--teal)}.quick-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 0 5px;color:#4f5a6b;font-size:8px}.quick-footer a{display:inline-flex;align-items:center;gap:4px;color:#687588}.quick-footer svg{width:10px}@media(max-width:380px){.quick-content{width:min(100% - 20px,760px)}.quick-nav{width:min(100% - 20px,1080px)}.quick-augment-card{padding:9px 8px}.quick-augment-card li{gap:4px}.quick-augment-card li>strong{font-size:11px}.quick-build-list{gap:2px;padding-inline:3px}.quick-build-list .item-art{width:39px;height:39px}.quick-build-list li>span{margin-left:-23px}.quick-build-list li>strong{font-size:7px}}.library-page{min-height:100vh;background:radial-gradient(circle at 100% 0,rgba(79,226,204,.1),transparent 25rem),radial-gradient(circle at 0 30%,rgba(168,121,255,.08),transparent 26rem)}.library-header{border-bottom:1px solid rgba(255,255,255,.07);background:#080b13e6}.library-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:58px}.library-brand{display:flex;align-items:center;gap:9px}.library-brand .brand-glyph{width:31px;height:31px}.library-brand .brand-glyph span{top:10px;right:10px;bottom:10px;left:10px}.library-brand p{margin:0;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.18em}.library-brand h1{margin:1px 0 0;font-size:13px}.library-header-inner>span{color:var(--gold);font-size:10px}.library-content{max-width:920px;padding-top:18px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.library-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);align-items:end;gap:22px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.library-intro>div>span{display:inline-flex;align-items:center;gap:5px;color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.12em}.library-intro>div>span svg{width:13px}.library-intro h2{margin:5px 0 3px;font-size:24px}.library-intro p{margin:0;color:#778295;font-size:10px}.library-search{display:flex;align-items:center;height:43px;padding:0 12px;border:1px solid rgba(213,181,109,.22);background:#0f141fe6}.library-search:focus-within{border-color:#4fe2cc8c}.library-search svg{flex:0 0 auto;width:17px;color:var(--gold)}.library-search input{min-width:0;flex:1;height:100%;padding:0 10px;color:var(--text);border:0;outline:0;background:transparent}.library-search input::placeholder{color:#596577}.library-search button{color:#748093;font-size:20px;border:0;background:transparent}.library-count{display:flex;align-items:baseline;gap:4px;padding:12px 0 8px}.library-count strong{color:var(--gold);font-size:15px}.library-count span{color:#697587;font-size:9px}.library-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.library-card{min-width:0;padding:5px 5px 7px;text-align:center;border:1px solid rgba(255,255,255,.075);background:#0f141fdb;transition:border-color .15s ease,transform .15s ease}.library-card:hover,.library-card:focus-visible{border-color:#4fe2cc73;outline:0;transform:translateY(-2px)}.library-card>div{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#111722;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.library-card img{width:100%;height:100%;object-fit:cover}.library-card>div>span{position:absolute;right:2px;bottom:2px;min-width:20px;padding:2px 3px;color:#071311;font-size:8px;font-weight:900;background:var(--teal)}.library-card>strong{display:block;margin-top:5px;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.library-card>small{display:block;margin-top:1px;overflow:hidden;color:#687487;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.library-empty{padding:45px 20px;text-align:center;border:1px dashed rgba(255,255,255,.12)}.library-empty svg{width:25px;color:var(--gold)}.library-empty h2{margin:9px 0 3px;font-size:16px}.library-empty p{margin:0;color:#697587;font-size:10px}.library-footer{padding-top:15px;text-align:center;color:#465162;font-size:8px}@media(max-width:760px){.library-intro{grid-template-columns:1fr;gap:12px}.library-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:430px){.library-content,.library-header-inner{width:min(100% - 20px,920px)}.library-content{padding-top:14px}.library-intro h2{font-size:21px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.library-card{padding:4px 4px 6px}.library-card>strong{font-size:10px}}