@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");:root{--font-display:"Shippori Mincho","Georgia",serif;--font-body:"Zen Kaku Gothic New","Segoe UI","Arial",sans-serif;--paper:#05070c;--ink:#f6f7fb;--muted:rgba(225,231,244,.7);--line:hsla(0,0%,100%,.14);--accent:#f4b63f;--signal:#39b6ff;--signal-strong:#2b7dff;--glow:rgba(57,182,255,.35);--card:rgba(8,12,20,.6);--card-strong:rgba(8,12,20,.74);--shadow:rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);position:relative;overflow-x:hidden;color-scheme:dark}.site-bg,body{min-height:100vh}.site-bg{background:var(--paper)}.site-layer{position:relative;z-index:1}.surface{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 50px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.site-bg:before{background-image:var(--site-bg-image,url("/noFilter.webp"));background-size:cover;background-position:50%;background-attachment:fixed;filter:brightness(1.12) saturate(1.18) contrast(1.02);opacity:1}.site-bg:after,.site-bg:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}.site-bg:after{background-image:radial-gradient(1200px 680px at 55% 15%,rgba(0,0,0,.18),transparent 60%),radial-gradient(900px 720px at 15% 10%,rgba(6,14,28,.25),transparent 55%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.12) 45%,rgba(0,0,0,.5));background-color:rgba(4,6,10,.12);backdrop-filter:blur(2px) saturate(1.08);-webkit-backdrop-filter:blur(2px) saturate(1.08)}a{color:inherit;text-decoration:none}main{display:block}.page{max-width:1200px;margin:0 auto;padding:110px 16px 96px;position:relative;z-index:1}.site-header{position:fixed;top:0;left:0;right:0;z-index:60;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);background:linear-gradient(180deg,rgba(6,9,14,.92),rgba(6,9,14,.55));border-bottom:1px solid hsla(0,0%,100%,.18);box-shadow:0 18px 36px rgba(0,0,0,.45)}.hud-inner{max-width:1200px;margin:0 auto;padding:14px 18px 18px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:12px}.hud-group,.hud-inner{align-items:center;gap:12px}.hud-group{display:flex}.hud-left{justify-self:end}.hud-right{justify-self:start;justify-content:flex-start}.hud-logo{justify-self:center;display:grid;grid-gap:2px;gap:2px;padding:10px 22px;border-radius:18px;border:1px solid hsla(0,0%,100%,.18);background:rgba(8,12,20,.7);text-align:center;text-transform:uppercase;letter-spacing:.8px;color:var(--ink);box-shadow:0 12px 24px rgba(0,0,0,.45)}.hud-logo-title{font-family:var(--font-display);font-size:20px;text-shadow:0 6px 14px rgba(0,0,0,.6)}.hud-logo-sub{font-size:10px;letter-spacing:2px;color:var(--muted)}.hud-btn{--hud-start:#f59e0b;--hud-end:#f97316;position:relative;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:14px;border:2px solid rgba(6,8,12,.9);background:linear-gradient(135deg,var(--hud-start),var(--hud-end));color:#fff;text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:700;font-family:var(--font-display);box-shadow:0 12px 22px rgba(0,0,0,.35),inset 0 2px 0 hsla(0,0%,100%,.35);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.hud-btn:before{content:"";position:absolute;inset:2px;border-radius:12px;background:linear-gradient(180deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,0));opacity:.5;pointer-events:none}.hud-btn-inner{display:inline-flex;align-items:center;gap:8px;transform:none}.hud-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(0,0,0,.45),inset 0 2px 0 hsla(0,0%,100%,.4);filter:saturate(1.05)}.hud-btn--optimizer{--hud-start:#ffc26b;--hud-end:#ff8a5c}.hud-btn--units{--hud-start:#7fd4ff;--hud-end:#5a92ff}.hud-btn--tier{--hud-start:#d2b1ff;--hud-end:#8b7bff}.hud-btn--codes{--hud-start:#86f0c2;--hud-end:#36d6a2}.hud-btn--guides{--hud-start:#7af2e1;--hud-end:#37d9cf}.hud-btn--play{--hud-start:#ffe28c;--hud-end:#ffc25b;animation:hudPulse 2.4s ease-in-out infinite}@keyframes hudPulse{0%,to{box-shadow:0 10px 18px rgba(0,0,0,.35),0 0 0 0 rgba(255,178,120,.35)}50%{box-shadow:0 14px 28px rgba(0,0,0,.45),0 0 18px rgba(255,178,120,.5)}}.social-dock{position:fixed;right:4px;bottom:24px;z-index:70;display:flex;gap:12px}.social-btn{width:48px;height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(8,12,20,.7);border:1px solid hsla(0,0%,100%,.18);color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.social-btn:hover{transform:translateY(-2px) scale(1.04);background:rgba(12,16,26,.85);box-shadow:0 18px 32px rgba(0,0,0,.5)}.social-btn.is-disabled{opacity:.45;pointer-events:none}.brand{align-items:center;gap:8px;color:var(--ink);text-decoration:none}.brandMark{width:14px;height:14px;border-radius:4px;background:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.35)}.brandText{font-family:var(--font-display);font-size:16px}.brandText,.header-badge{letter-spacing:1px;text-transform:uppercase}.header-badge{margin-left:10px;padding:6px 10px;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);color:#fff;font-size:12px}.nav{display:flex;flex-wrap:wrap;gap:6px}.nav a{color:hsla(0,0%,100%,.86);padding:10px 12px;border-radius:12px;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:background .2s ease,color .2s ease}.nav a:hover{background:hsla(0,0%,100%,.12);color:#fff}.btn{padding:10px 14px;border-radius:12px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px;border:1px solid hsla(0,0%,100%,.16);background:rgba(8,12,20,.7);color:#fff;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background:linear-gradient(135deg,#ffb347,#ff7a1a);color:#fff;box-shadow:0 14px 26px rgba(255,140,50,.4)}.btn.ghost,.btn.primary{border-color:hsla(0,0%,100%,.2)}.btn.ghost{color:hsla(0,0%,100%,.9);background:rgba(8,12,20,.45)}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 20px rgba(0,0,0,.35)}.brand{display:flex;flex-direction:column;gap:6px}.brand-title{font-family:var(--font-display);font-size:clamp(24px,4vw,40px);letter-spacing:1px;text-transform:uppercase;margin:0}.brand-subtitle{color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:1.8px}.nav-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;font-size:12px;text-transform:uppercase;letter-spacing:1.4px}.nav-item{padding:6px 10px;border:1px solid transparent;border-radius:999px;transition:border-color .2s ease,background .2s ease}.nav-item:hover{border-color:var(--line);background:hsla(0,0%,100%,.12)}.header-actions{display:flex;align-items:center}.play-now{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#ffd24a,#ff8f1f);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1.6px;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 12px 24px rgba(255,150,40,.35)}.hero{margin-top:10px;padding:24px;border-radius:18px;background:var(--card-strong);box-shadow:0 24px 48px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;grid-gap:16px;gap:16px}.hero,.optimizer-panel{border:1px solid var(--line);display:grid}.optimizer-panel{grid-gap:12px;gap:12px;background:var(--card);box-shadow:0 22px 46px var(--shadow)}.optimizer-head{display:grid;grid-gap:6px;gap:6px}.optimizer-body{display:grid;grid-gap:10px;gap:10px}.optimizer-layout{gap:12px}.optimizer-inputs{max-width:980px;margin:0 auto;width:100%}.optimizer-form{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:12px;gap:12px;align-items:end}.optimizer-form .field{gap:6px}.optimizer-form .field label{font-size:10px;letter-spacing:1.2px}.optimizer-form .field input,.optimizer-form .field select{height:40px}.optimizer-form .field--submit{align-self:end}.optimizer-form .field--submit .cta{width:100%;height:40px;justify-content:center;box-shadow:0 10px 22px rgba(76,139,255,.32),0 0 18px rgba(126,186,255,.4)}.hero-home{padding:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hero:after{content:none}.hero-title{font-family:var(--font-display);font-size:clamp(28px,4.5vw,44px);margin:0 0 12px;text-transform:uppercase;color:var(--ink);text-shadow:0 8px 18px rgba(0,0,0,.55)}.hero-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hero-title-row .hero-title{margin:0}.hero-text{color:var(--muted);max-width:720px;line-height:1.6;margin:0}.heroCard{padding:24px}.heroText h1{font-family:var(--font-display);font-size:clamp(32px,4.8vw,46px);line-height:1.05;margin:10px 0;text-transform:uppercase;color:var(--ink);text-shadow:0 10px 18px rgba(0,0,0,.6)}.heroText p{max-width:720px;opacity:.9;margin:0}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(8,12,20,.7);border:1px solid hsla(0,0%,100%,.16);color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;text-transform:uppercase;letter-spacing:1px}.ctaRow{gap:10px;margin:16px 0}.ctaRow,.stats{display:flex;flex-wrap:wrap}.stats{gap:18px;margin-top:12px}.stats .stat{border:1px solid var(--line);background:var(--card);box-shadow:0 10px 20px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px;border-radius:12px}.stat .k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.stat .v{font-size:20px;font-weight:700}.toolGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:16px}.toolCard{padding:16px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.toolCard h3{margin:0 0 6px;font-family:var(--font-display);text-transform:uppercase}.toolCard:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.4)}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.badge{border:1px solid var(--line);background:var(--card);padding:6px 12px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.section{margin-top:16px;display:grid;grid-gap:12px;gap:12px}.section-title{font-family:var(--font-display);font-size:18px;text-transform:uppercase;letter-spacing:1.2px;margin:0}.panel{background:var(--card-strong);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 22px 46px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.best-upgrade-card{border:1px solid rgba(34,197,94,.4);background:rgba(34,197,94,.1);border-radius:18px;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 20px 40px rgba(8,32,20,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.best-upgrade-left{display:flex;align-items:center;gap:12px}.best-upgrade-icon{font-size:24px;line-height:1;filter:drop-shadow(0 6px 12px rgba(34,197,94,.4))}.best-upgrade-label{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:rgba(210,255,228,.8)}.best-upgrade-value{font-size:18px;margin-top:6px;color:#e7fff1;text-shadow:0 10px 18px rgba(8,25,18,.5)}.best-upgrade-value strong{font-weight:700}.best-upgrade-right{text-align:right;min-width:160px}.best-upgrade-metric{font-size:18px;font-weight:600;margin-top:6px;color:#e7fff1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.stat{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.stat-value{font-size:20px;font-weight:600;margin-top:6px}.table-wrap{overflow-x:auto;border:1px solid var(--line);background:rgba(8,12,20,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table{width:100%;border-collapse:collapse;min-width:760px}.table td,.table th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.table th{text-transform:uppercase;letter-spacing:1px;font-size:11px;color:hsla(0,0%,100%,.7)}.table tr:hover{background:hsla(0,0%,100%,.06)}.table-row-highlight{background:rgba(34,197,94,.2)}.table-row-highlight td{font-weight:600}.table-row-highlight:hover{background:rgba(34,197,94,.28)}.kicker{font-size:12px;color:var(--muted)}.cta,.kicker{text-transform:uppercase;letter-spacing:1.4px}.cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(57,182,255,.18);color:#d6e9ff;font-size:13px;border:1px solid rgba(57,182,255,.5);box-shadow:0 12px 24px rgba(9,20,40,.35),0 0 18px rgba(57,182,255,.2),inset 0 0 12px rgba(57,182,255,.12);text-shadow:0 0 12px rgba(57,182,255,.35);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.cta:hover{transform:translateY(-1px);background:rgba(57,182,255,.28);border-color:rgba(57,182,255,.7);box-shadow:0 16px 32px rgba(9,20,40,.4),0 0 22px rgba(57,182,255,.35),inset 0 0 16px rgba(57,182,255,.18)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.field input,.field select{padding:10px 12px;border:1px solid hsla(0,0%,100%,.18);background:rgba(8,12,20,.7);color:#e6eaf2;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);font-size:14px}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(8,12,20,.7);border-color:hsla(0,0%,100%,.18);color:#e6eaf2}.field select option{color:#e6eaf2;background:#0f1219}.field select option:checked,.field select option:hover{background:rgba(43,125,255,.35);color:#f8faff}.field input:focus,.field select:focus{outline:none;border-color:rgba(80,170,255,.6);box-shadow:0 0 0 2px rgba(80,170,255,.25)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.trait-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(1,minmax(0,1fr))}.trait-card{border:1px solid var(--line);padding:12px;background:rgba(8,12,20,.6);display:grid;grid-gap:8px;gap:8px;border-radius:14px;box-shadow:0 16px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trait-title{font-family:var(--font-display);font-size:14px;text-transform:uppercase;letter-spacing:1px;margin:0}.trait-score{font-size:22px;font-weight:600;color:var(--signal-strong)}.trait-breakdown{display:grid;grid-gap:4px;gap:4px;font-size:12px;color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr))}.trait-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.trait-quick{display:grid;grid-gap:4px;gap:4px;font-size:11px;color:hsla(0,0%,100%,.9);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:720px){.trait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.trait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1200px){.trait-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:980px){.optimizer-form{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:720px){.optimizer-form{grid-template-columns:1fr}}.ad-slot{position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);background:rgba(8,12,20,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px;text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;min-height:90px;display:grid;place-items:center;border-radius:16px}.ad-slot:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.12) 45%,transparent 70%);transform:translateX(-100%);animation:shimmer 2.8s infinite;opacity:.5}.footer{margin-top:32px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(8,12,20,.65);box-shadow:0 12px 30px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-gap:8px;gap:8px}.footer,.note{color:var(--muted);font-size:13px}.note{line-height:1.6}.fade-in{animation:rise .6s ease forwards;opacity:0}.fade-in.delay-1{animation-delay:.1s}.fade-in.delay-2{animation-delay:.2s}.fade-in.delay-3{animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:760px){.hud-inner{grid-template-columns:1fr;gap:10px}.hud-group{justify-content:center;flex-wrap:wrap}.hud-logo{order:-1}.page{padding-top:165px}.social-dock{right:2px;bottom:16px}.social-btn{width:42px;height:42px}.hero{padding:20px}.hero.hero-home{padding:0}.table{min-width:680px}.tier-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fade-in{animation:none;opacity:1;transform:none}}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.cta.secondary{background:rgba(28,95,255,.16);color:#d6e9ff;border:1px solid rgba(57,182,255,.35);box-shadow:0 10px 22px rgba(7,16,32,.35),inset 0 0 10px rgba(57,182,255,.1)}.cta.ghost{background:rgba(8,12,20,.6);color:#fff;border:1px solid hsla(0,0%,100%,.14)}.stats-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.stat-pill{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(8,12,20,.65);font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.card-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.link-card{border:1px solid var(--line);background:rgba(8,12,20,.6);padding:18px;display:grid;grid-gap:10px;gap:10px;min-height:140px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease}.link-card .kicker{margin-bottom:8px}.link-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.45)}.unit-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.unit-card{border:1px solid var(--line);background:rgba(8,12,20,.6);padding:16px;display:grid;grid-gap:10px;gap:10px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease}.unit-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.4)}.unit-header{display:flex;gap:12px;align-items:center}.unit-icon{width:64px;height:64px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.35);object-fit:cover}.unit-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid var(--line);background:hsla(0,0%,100%,.08);padding:4px 8px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.tag.is-active{border-color:hsla(0,0%,100%,.4);background:rgba(120,180,255,.2)}.unit-actions{gap:8px}.meta-row,.unit-actions{display:flex;flex-wrap:wrap}.meta-row{gap:12px;margin-top:12px}.meta-pill{border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;background:rgba(8,12,20,.55)}.list-block{border:1px solid var(--line);background:rgba(8,12,20,.6);padding:16px;display:grid;grid-gap:10px;gap:10px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-row,.tier-grid{display:grid;grid-gap:12px;gap:12px}.filter-row{margin:12px 0 16px}.filter-group{display:grid;grid-gap:8px;gap:8px}.filter-pill-row{display:flex;flex-wrap:wrap;gap:8px}.tier-row{display:grid;grid-template-columns:60px 1fr;grid-gap:12px;gap:12px;align-items:start}.tier-label{font-family:var(--font-display);font-size:24px;text-transform:uppercase}.tier-list{display:flex;flex-wrap:wrap;gap:8px}.tier-pill{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(8,12,20,.65);font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:transform .2s ease,background .2s ease}.tier-pill:hover{transform:translateY(-1px);background:rgba(15,20,30,.85)}.note strong{font-weight:600}@media (max-width:900px){.hud-inner{grid-template-columns:1fr}.hud-group{justify-content:center;flex-wrap:wrap}.page{padding-top:165px}.toolGrid{grid-template-columns:repeat(2,1fr)}.trait-breakdown,.trait-quick{grid-template-columns:1fr}}