/* XUFANOREKI design reminder: Games AU reference family; coastal parchment + cobalt newsroom, signal-red scores, sea-glass interactions, rectangular score tabs and connected metadata rules. */
@font-face{font-family:Archivo;src:url('./fonts/archivo-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('./fonts/source-sans-3-variable.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--xf-ink:#10212b;--xf-paper:#f4eedf;--xf-white:#fffdfa;--xf-blue:#1248c9;--xf-red:#e3482f;--xf-sea:#55bba5;--xf-night:#102d36;--xf-muted:#66747a;--xf-line:#cfc8b8;--xf-shadow:0 16px 36px rgba(16,33,43,.12);--xf-ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--xf-paper);color:var(--xf-ink);font-family:'Source Sans 3',system-ui,sans-serif;font-size:1.04rem;line-height:1.58;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a,input,textarea{transition:transform .16s var(--xf-ease),color .2s var(--xf-ease),background-color .2s var(--xf-ease),border-color .2s var(--xf-ease),opacity .2s var(--xf-ease)}button:active,.btn:active{transform:scale(.97)}:focus-visible{outline:3px solid var(--xf-sea);outline-offset:3px}.xf-display,h1,h2,h3,h4,.navbar-brand{font-family:Archivo,system-ui,sans-serif;font-variation-settings:'wdth' 88;font-weight:800;letter-spacing:-.035em}.xf-skip{position:fixed;left:1rem;top:-5rem;z-index:2000;background:var(--xf-red);color:white;padding:.7rem 1rem;font-weight:800}.xf-skip:focus{top:1rem}.xf-utility{background:var(--xf-blue);color:white;font:700 .76rem/1 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.1em}.xf-utility .container-xl{min-height:35px;display:flex;align-items:center;justify-content:space-between}.xf-header{position:sticky;top:0;z-index:1030;background:rgba(255,253,250,.97);border-bottom:1px solid var(--xf-line);box-shadow:0 4px 14px transparent}.xf-header.is-scrolled{box-shadow:0 8px 24px rgba(16,33,43,.12)}.xf-brand-mark{width:43px;height:43px;object-fit:contain}.xf-wordmark{font:900 1.15rem/1 Archivo,sans-serif;letter-spacing:.06em}.xf-nav-link{font:760 .82rem/1 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:.95rem .82rem!important;border-bottom:3px solid transparent}.xf-nav-link:hover,.xf-nav-link.active{color:var(--xf-blue);border-color:var(--xf-red)}.xf-icon-btn{width:42px;height:42px;border:1px solid var(--xf-line);background:transparent;display:inline-grid;place-items:center}.xf-save-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--xf-red);color:white;font:800 .65rem Archivo;position:absolute;right:-5px;top:-5px}.xf-hero{padding:4.5rem 0 3.5rem;background:linear-gradient(120deg,#eef6f2 0 31%,var(--xf-paper) 31% 100%);border-bottom:1px solid var(--xf-line)}.xf-kicker{font:800 .74rem/1 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--xf-blue);display:flex;align-items:center;gap:.55rem}.xf-kicker:before{content:'';width:34px;height:4px;background:var(--xf-red)}.xf-hero-title{font-size:clamp(2.8rem,6vw,6.6rem);line-height:.88;margin:.8rem 0 1.2rem;max-width:12ch}.xf-lead-frame{position:relative;min-height:510px;background:var(--xf-night);overflow:hidden;box-shadow:var(--xf-shadow)}.xf-lead-frame img{width:100%;height:100%;min-height:510px;object-fit:cover;opacity:.8}.xf-lead-frame:after,.xf-card-media:after,.xf-strip-media:after,.xf-poll-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,15,19,.89) 100%);pointer-events:none}.xf-lead-copy{position:absolute;z-index:2;left:clamp(1.2rem,4vw,3rem);right:6.5rem;bottom:clamp(1.2rem,4vw,2.6rem);color:white}.xf-lead-copy h2{font-size:clamp(2.05rem,4vw,4.4rem);line-height:.94}.xf-score-tab{position:absolute;right:0;bottom:0;z-index:3;background:var(--xf-red);color:white;min-width:92px;min-height:92px;display:grid;place-items:center;font:900 2rem Archivo,sans-serif}.xf-score-tab small{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;display:block}.xf-verdict{border-left:5px solid var(--xf-sea);padding-left:1rem;font-weight:680}.xf-section{padding:5.8rem 0}.xf-section-sm{padding:3.7rem 0}.xf-section-title{font-size:clamp(2.2rem,4.4vw,4.5rem);line-height:.96;margin:.75rem 0 2rem}.xf-dark{background:var(--xf-night);color:white}.xf-blue{background:var(--xf-blue);color:white}.xf-quickscore{display:grid;grid-template-columns:56px 1fr auto;gap:1rem;align-items:center;padding:1.05rem 0;border-bottom:1px solid rgba(255,255,255,.22)}.xf-quickscore-index{font:800 .78rem Archivo;color:var(--xf-sea)}.xf-quickscore strong{font-family:Archivo}.xf-quickscore-score{font:900 1.5rem Archivo;color:#ffd56a}.xf-filterbar{display:flex;gap:.55rem;flex-wrap:wrap}.xf-filter{border:1px solid var(--xf-ink);background:transparent;padding:.62rem .9rem;font:800 .73rem Archivo;text-transform:uppercase;letter-spacing:.07em}.xf-filter.active,.xf-filter:hover{background:var(--xf-blue);border-color:var(--xf-blue);color:white}.xf-carousel-shell{border-top:5px solid var(--xf-blue);background:var(--xf-white);box-shadow:var(--xf-shadow)}.xf-carousel-slide{display:grid;grid-template-columns:1.18fr .82fr;min-height:470px}.xf-carousel-slide img{width:100%;height:470px;object-fit:cover}.xf-carousel-copy{padding:clamp(1.5rem,4vw,3.8rem);display:flex;flex-direction:column;justify-content:center}.xf-carousel-copy h3{font-size:clamp(2rem,4vw,3.8rem);line-height:.95}.carousel-control-prev,.carousel-control-next{width:54px;height:54px;top:auto;bottom:0;background:var(--xf-blue);opacity:1}.carousel-control-next{left:55px;right:auto}.xf-criterion{margin:.7rem 0}.xf-criterion-head{display:flex;justify-content:space-between;font:800 .72rem Archivo;text-transform:uppercase;letter-spacing:.05em}.xf-criterion-track{height:7px;background:#dcd7cb;margin-top:.35rem;overflow:hidden}.xf-criterion-fill{width:0;height:100%;background:linear-gradient(90deg,var(--xf-blue),var(--xf-sea));transition:width .8s var(--xf-ease)}.xf-faq .accordion-item{border:0;border-bottom:1px solid var(--xf-line);border-radius:0;background:transparent}.xf-faq .accordion-button{font:800 1.08rem Archivo;background:transparent;color:var(--xf-ink);padding:1.35rem 0;box-shadow:none}.xf-faq .accordion-button:not(.collapsed){color:var(--xf-blue)}.xf-faq .accordion-body{padding:0 0 1.4rem;max-width:70ch}.xf-strip{display:grid;grid-template-columns:minmax(220px,.72fr) 1fr;background:var(--xf-white);border-bottom:1px solid var(--xf-line);min-height:265px}.xf-strip-media{position:relative;min-height:265px;overflow:hidden}.xf-strip-media img{width:100%;height:100%;object-fit:cover}.xf-strip-copy{padding:clamp(1.4rem,3vw,2.6rem);display:flex;flex-direction:column;justify-content:center}.xf-strip-copy h3{font-size:clamp(1.7rem,3vw,3rem);line-height:1}.xf-deep-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1.4rem}.xf-card-media{position:relative;min-height:500px;background:var(--xf-night);overflow:hidden}.xf-card-media.xf-small{min-height:370px}.xf-card-media img{width:100%;height:100%;object-fit:cover}.xf-card-copy{position:absolute;z-index:2;left:1.4rem;right:5rem;bottom:1.4rem;color:white}.xf-card-copy h3{font-size:clamp(1.7rem,3vw,3rem);line-height:1}.xf-score-mini{position:absolute;right:0;bottom:0;z-index:3;background:#ffd56a;color:var(--xf-ink);padding:.75rem .85rem;font:900 1.2rem Archivo}.xf-poll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.xf-poll-card{position:relative;min-height:330px;color:white;overflow:hidden;cursor:pointer;border:3px solid transparent}.xf-poll-card img{width:100%;height:330px;object-fit:cover}.xf-poll-card-copy{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem}.xf-poll-card input{position:absolute;z-index:4;top:1rem;right:1rem;width:22px;height:22px;accent-color:var(--xf-red)}.xf-poll-card:has(input:checked){border-color:#ffd56a}.xf-results{display:none}.xf-result-row{display:grid;grid-template-columns:150px 1fr 45px;gap:.7rem;align-items:center;margin:.65rem 0;font-weight:700}.xf-result-track{height:10px;background:#dcd7cb}.xf-result-fill{height:100%;width:0;background:var(--xf-red);transition:width .7s var(--xf-ease)}.xf-review-shell{background:var(--xf-white);padding:clamp(1.3rem,3vw,2.5rem);box-shadow:var(--xf-shadow);border-top:5px solid var(--xf-red)}.xf-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.xf-pros,.xf-limits{padding:1.2rem}.xf-pros{background:#e7f4ef}.xf-limits{background:#f7e6df}.xf-pros h3,.xf-limits h3{font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.xf-article-hero{padding:4rem 0 0}.xf-article-title{font-size:clamp(2.8rem,6vw,6.4rem);line-height:.91;max-width:15ch}.xf-article-image{width:100%;height:min(62vw,720px);object-fit:cover;margin-top:2.5rem}.xf-score-dashboard{margin-top:-60px;position:relative;z-index:2}.xf-score-big{background:var(--xf-red);color:white;min-height:180px;display:grid;place-items:center;text-align:center;font:900 4rem Archivo}.xf-score-big small{font-size:.72rem;display:block;text-transform:uppercase;letter-spacing:.12em}.xf-article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:4rem;justify-content:center;padding:5rem 0}.xf-article-aside{position:sticky;top:110px;align-self:start}.xf-article-body h2{font-size:clamp(1.8rem,3vw,3rem);margin:3.4rem 0 1rem}.xf-article-body h3{font-size:1.5rem;margin:2.4rem 0 .8rem}.xf-article-body p{margin:0 0 1.25rem}.xf-article-body blockquote{font:760 clamp(1.4rem,2.4vw,2.1rem)/1.2 Archivo;border-left:6px solid var(--xf-red);padding:1rem 0 1rem 1.4rem;margin:2.5rem 0}.xf-article-body table{width:100%;margin:2rem 0;border-collapse:collapse}.xf-article-body th,.xf-article-body td{padding:.75rem;border-bottom:1px solid var(--xf-line);text-align:left}.xf-page-hero{padding:4.5rem 0 3rem;background:var(--xf-night);color:white}.xf-list-card{display:grid;grid-template-columns:230px 1fr;background:var(--xf-white);border-bottom:1px solid var(--xf-line)}.xf-list-card img{width:100%;height:190px;object-fit:cover}.xf-list-card>div{padding:1.2rem}.xf-list-card h2{font-size:1.7rem}.xf-footer{background:#071b22;color:white;padding:4.8rem 0 2rem}.xf-footer a{color:#dcebe7}.xf-footer a:hover{color:#ffd56a}.xf-form .form-control{border-radius:0;border:1px solid var(--xf-line);padding:.85rem;background:var(--xf-white)}.xf-form .btn,.xf-btn{border-radius:0;background:var(--xf-red);border:0;color:white;font:800 .76rem Archivo;text-transform:uppercase;letter-spacing:.08em;padding:.85rem 1.15rem}.xf-btn-blue{background:var(--xf-blue)}.modal-content,.offcanvas{border-radius:0}.xf-search-row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--xf-line)}.xf-search-row small{display:block;color:var(--xf-muted)}.xf-toast{display:none;background:var(--xf-night);color:white;padding:.8rem 1rem;margin-top:1rem}.xf-empty{padding:3rem;border:1px dashed var(--xf-line);text-align:center}.xf-meta{font-size:.85rem;color:var(--xf-muted)}
@media(max-width:991px){.xf-hero{padding-top:3rem;background:var(--xf-paper)}.xf-lead-frame,.xf-lead-frame img{min-height:430px}.xf-carousel-slide{grid-template-columns:1fr}.xf-carousel-slide img{height:340px}.xf-deep-grid{grid-template-columns:1fr}.xf-poll-grid{grid-template-columns:1fr}.xf-article-layout{grid-template-columns:1fr;gap:2rem}.xf-article-aside{position:static}.xf-score-dashboard{margin-top:0}.xf-list-card{grid-template-columns:180px 1fr}}
@media(max-width:575px){body{font-size:1rem}.xf-utility{font-size:.65rem}.xf-hero-title{font-size:3.1rem}.xf-lead-frame,.xf-lead-frame img{min-height:390px}.xf-lead-copy{right:4.8rem}.xf-score-tab{min-width:72px;min-height:72px;font-size:1.55rem}.xf-section{padding:4rem 0}.xf-section-title{font-size:2.55rem}.xf-carousel-slide img{height:250px}.xf-strip{grid-template-columns:1fr}.xf-strip-media{min-height:220px}.xf-card-media{min-height:410px}.xf-card-media.xf-small{min-height:330px}.xf-list-card{grid-template-columns:1fr}.xf-list-card img{height:220px}.xf-review-grid{grid-template-columns:1fr}.xf-result-row{grid-template-columns:95px 1fr 40px}.xf-article-image{height:58vw;min-height:260px}.xf-article-layout{padding:3rem 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}