:root{--bg:#f5f7fd;--paper:#fff;--ink:#17273e;--sub:#50617b;--line:#dce4f0;--navy:#091424;--blue:#1e63e9;--blue-light:#e9f0ff;--orange:#ff843d;--radius:17px;--shadow:0 18px 42px rgba(18,40,74,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.68 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{max-width:100%;height:auto}a{color:#1659ce;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}h1,h2,h3{line-height:1.19;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,5vw,3.8rem);margin:0 0 15px}h2{font-size:clamp(1.45rem,3vw,2.05rem);margin:0 0 15px}h3{font-size:1.19rem;margin:0 0 9px}p{margin:.4em 0 1em}small,.helptext{font-size:.86rem}.wrap{max-width:1180px;margin:auto;padding-left:clamp(18px,4vw,34px);padding-right:clamp(18px,4vw,34px)}main.wrap{padding-bottom:30px;min-height:58vh}.skip{position:absolute;left:14px;top:-150px;background:#fff;padding:12px;z-index:500}.skip:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ff8c44;outline-offset:3px}
.header{position:sticky;top:0;z-index:70;background:#091424;border-bottom:1px solid rgba(255,255,255,.12)}.navline{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:#fff;font-weight:850;font-size:clamp(1rem,2.1vw,1.23rem);white-space:nowrap;letter-spacing:-.045em}.brand-light{font-weight:550;color:#bacbdf}.brand img{flex-shrink:0}.header nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.header nav a{color:#d1def2;text-decoration:none;font-weight:650;font-size:.87rem;padding:11px 12px;border-radius:9px}.header nav a:hover,.header nav a[aria-current=page]{background:#203955;color:#fff}.menu-toggle{display:none;border:1px solid #37506c;background:#162940;color:#fff;padding:8px 12px;border-radius:10px;font:inherit;cursor:pointer}
.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:.83rem;color:#64758c;padding:19px 0 8px}.breadcrumbs a{color:#50617b}.hero{position:relative;overflow:hidden;background:#0c1b32;color:#fff;border-radius:0 0 24px 24px;margin:0 calc(-1 * clamp(18px,4vw,34px)) 30px;padding:46px clamp(18px,4vw,34px) 42px;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b192e 4%,rgba(11,25,46,.96) 44%,rgba(11,25,46,.52)),url('/assets/images/gaming-hero.webp') center right/cover no-repeat;z-index:-1}.hero p{max-width:720px;color:#d0dff3}.hero .lead{font-size:clamp(1rem,2vw,1.16rem);line-height:1.7}.eyebrow,.pill{display:inline-flex;align-items:center;width:max-content;font-size:.72rem;letter-spacing:.13em;font-weight:850;color:#98b6fc;text-transform:uppercase}.eyebrow{margin:0 0 15px}.hero h1{max-width:800px}.hero .hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px}.hero-compact{padding-block:40px;min-height:170px}.hero-compact::before{background:linear-gradient(90deg,#0b192e,#153356)}.hero-compact h1{font-size:clamp(2rem,4vw,3rem)}
.tool-layout{display:grid;gap:18px;margin:28px 0 36px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.85fr)}.calculator-card,.meter-card,.panel,.answer,.feature-card,.guide-card,.tool-tile,.article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.calculator-card,.meter-card{padding:clamp(19px,3vw,28px);min-width:0}.calculator-card .pill,.meter-card .pill{color:#1e63e9}.tool-title{margin-bottom:17px}.tool-title h2{margin:6px 0}.tool-title p,.meter-head p{color:var(--sub);margin:0}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;font-size:.88rem;font-weight:750;gap:6px;color:#30425b}.field small{display:block;font-weight:450;color:#64758c}.field input,.field select,.field textarea{width:100%;background:#f9fbff;color:var(--ink);border:1px solid #c7d3e6;border-radius:10px;padding:12px;font:inherit;font-size:1rem;min-width:0}.field input[aria-invalid=true]{border-color:#c93434;background:#fff7f7}.input-grid>.field:first-child:nth-last-child(3){grid-column:span 2}.current-game{grid-column:span 2;background:var(--blue-light);margin:0;padding:12px;border-radius:10px}.form-error{color:#a12323;border:1px solid #f0b7b7;background:#fff0f0;padding:10px 12px;border-radius:9px;margin-top:14px;font-size:.9rem}.form-error[hidden]{display:none}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.result-grid>div{min-width:0;background:#eff5ff;border:1px solid #dfeafe;border-radius:12px;padding:13px 11px}.result-grid small{display:block;color:#52647d}.result-grid strong{font-size:clamp(1.3rem,2.5vw,2rem);letter-spacing:-.045em;display:block;color:#153f98;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.32;margin-top:4px}.result-grid span{color:#52647d;font-size:.78rem}.helptext{color:#576980;margin:12px 0}.status-line{font-size:.83rem;color:#225b3c;margin:6px 0 0;min-height:1.4em}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;font:750 .88rem/1.3 system-ui,sans-serif;padding:12px 15px;text-decoration:none;transition:transform .14s,background .14s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#144fbf}.btn-soft{background:#e7efff;color:#1249a4}.btn-quiet{background:#eef1f6;color:#34445a}.meter-card{background:linear-gradient(140deg,#101f3a,#101b31 62%,#183354);color:#fff;border-color:#344b68}.meter-card .pill{color:#8bafff}.meter-head p{color:#b7c8df}.dial{display:grid;place-items:center;min-height:210px}.dial-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(from 0deg,#6ea5ff 0deg 2deg,transparent 2deg 24deg),radial-gradient(circle,#13284a 63%,#0d1930 64%);border:2px solid #2c68cb;box-shadow:0 0 0 12px #1b345766,0 0 45px #2677f14d}.dial-center{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;font:850 3.4rem/1 system-ui;background:#132743;color:#fff;letter-spacing:-.08em}.dial-center span{font-size:1.6rem;vertical-align:top}.meter-caption{display:flex;justify-content:space-between;font-size:.8rem;color:#b7c8df}.track{background:#263e5e;height:12px;border-radius:999px;overflow:hidden;margin:7px 0}.track>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3a7fff,#ff914b);border-radius:999px;transition:width .2s}.meter-card .helptext,.meter-note{color:#c0d0e3}.meter-note{font-size:.78rem}
.section{margin:44px 0}.section-lead{max-width:800px;color:var(--sub)}.section>h2{margin-bottom:15px}.grid,.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-tile{display:flex;flex-direction:column;gap:8px;padding:23px;text-decoration:none;color:var(--ink);min-height:180px}.tool-tile:hover,.guide-card:hover,.link-tile:hover{border-color:#87a9ef;transform:translateY(-2px)}.tool-tile p{color:var(--sub);font-size:.9rem;margin:0}.tile-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e6efff;color:#215dd4;font-weight:850;font-size:1.1rem}.tile-foot{color:#1d5dd0;font-weight:750;font-size:.85rem;margin-top:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{padding:20px}.feature-card p{color:var(--sub);font-size:.93rem}.article{padding:clamp(20px,3.7vw,37px);margin:22px 0;max-width:960px}.article p,.article li{max-width:77ch}.article h2{margin-top:29px}.article h3{margin-top:22px}.article ul,.article ol{padding-left:23px}.article img{border-radius:15px;display:block;margin:20px auto}.article a{font-weight:600}.answer{background:#ecf3ff;border-color:#c6dbff;box-shadow:none;margin:21px 0;padding:22px;max-width:940px}.answer h2{margin:5px 0 8px;font-size:1.25rem}.answer p{margin:0;max-width:78ch;color:#304863}.code-formula{font:600 clamp(.92rem,2vw,1.06rem)/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#eff4ff;border:1px solid #c7dbfa;padding:15px 19px;border-radius:11px;overflow-wrap:anywhere}.note-box{background:#fff6ec;border-left:4px solid #ff843d;padding:14px 16px;border-radius:7px;color:#65472c}.tw{overflow-x:auto;margin:18px 0;border-radius:11px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:.91rem;min-width:500px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line)}th{background:#eaf1ff;color:#283e5e}tbody tr:last-child td{border-bottom:0}.faq-section{margin:40px 0;max-width:960px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 18px}.faq-list summary{padding:16px 5px;cursor:pointer;font-weight:750}.faq-list details p{margin:0 5px 18px;max-width:78ch;color:var(--sub)}.link-tile{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border:1px solid var(--line);background:#fff;border-radius:12px;text-decoration:none;font-weight:750;transition:transform .14s}.link-tile span{color:#2670df}.guide-card{padding:23px;text-decoration:none;color:var(--ink);display:block;border:1px solid var(--line);border-radius:13px;background:#fff}.guide-card p{color:var(--sub);font-size:.93rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.picture{width:100%;border-radius:17px}.footer{background:#091424;color:#becde0;margin-top:56px;padding-top:26px}.footer a{color:#c5d5ec}.footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px;padding-top:24px;padding-bottom:35px}.footer-cols p{max-width:36ch;color:#afc1d7}.footer-cols h2{font-size:1rem;color:#fff;margin:0 0 12px}.footer-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer-cols li{font-size:.9rem}.footer-base{border-top:1px solid #2b405c;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:17px;padding-bottom:26px;font-size:.84rem;color:#9dafc5}.ad{min-height:0}button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1000px){.header nav a{padding:9px 8px;font-size:.82rem}.tool-layout{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.menu-toggle{display:inline-flex;gap:7px;align-items:center}.header nav{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#0b1b31;padding:18px 22px 25px;border-bottom:1px solid #344960;max-height:80vh;overflow-y:auto}.header nav.open{display:flex}.header nav a{font-size:1rem;padding:13px}.tool-layout{grid-template-columns:1fr}.grid,.feature-grid,.link-grid{grid-template-columns:repeat(2,1fr)}.footer-cols{grid-template-columns:1.2fr 1fr}.footer-cols>div:first-child{grid-column:span 2}}
@media(max-width:540px){.wrap{padding-inline:16px}.hero{margin-inline:-16px;padding-inline:18px;padding-top:32px}.hero::before{background:linear-gradient(90deg,rgba(8,18,35,.97),rgba(8,18,35,.79)),url('/assets/images/gaming-hero.webp') center right/cover}.result-grid{grid-template-columns:1fr 1fr}.result-grid>div:last-child{grid-column:span 2}.input-grid,.grid,.feature-grid,.link-grid,.split,.footer-cols{grid-template-columns:1fr}.input-grid>.field:first-child:nth-last-child(3),.current-game,.footer-cols>div:first-child{grid-column:auto}.tool-tile{min-height:155px}.footer-cols{gap:18px}.hero h1{font-size:2.25rem}.tool-layout{margin-top:20px}.calculator-card,.meter-card{padding:18px}.dial{min-height:180px}.dial-ring{width:155px;height:155px}.dial-center{width:108px;height:108px;font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* AXO FIX: WCAG AA Color Contrast */
.answer .pill {
    color: #1e63e9;
}