/*
Theme Name: SquadPlay
Description: A responsive AI and gaming editorial theme, built for Elementor Free.
Version: 1.0.0
Author: SquadPlay
Text Domain: squadplay
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
*/
:root{--sp-bg:#080611;--sp-surface:#14101f;--sp-raised:#1d162b;--sp-line:#352741;--sp-text:#f5f2fc;--sp-muted:#b9adc8;--sp-primary:#7928ff;--sp-secondary:#244bff;--sp-accent:#d946ef;--sp-link:#c7a6ff;--sp-radius:14px;--sp-width:1240px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sp-bg);color:var(--sp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:var(--sp-link);text-decoration:none}a:hover{color:#f0a7ff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0a7ff;outline-offset:4px}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,.sp-button,input[type=submit]{cursor:pointer;border:1px solid transparent;border-radius:7px;padding:11px 20px;background:var(--sp-primary);color:#fff;font-weight:700;display:inline-block;text-decoration:none}button:hover,.sp-button:hover,input[type=submit]:hover{background:var(--sp-secondary);color:#fff}input,select,textarea{background:var(--sp-surface);color:var(--sp-text);padding:12px;border:1px solid var(--sp-line);border-radius:6px;max-width:100%}h1,h2,h3,h4{line-height:1.14;letter-spacing:-.035em;color:var(--sp-text);margin:0 0 20px}h1{font-size:clamp(2.3rem,5vw,4.5rem)}h2{font-size:clamp(1.7rem,3vw,2.4rem)}h3{font-size:1.35rem}p{margin:0 0 1.25em}.sp-wrap{max-width:var(--sp-width);padding:0 28px;margin:auto}.sp-skip{position:absolute;left:16px;top:-100px;background:var(--sp-primary);padding:10px;z-index:100}.sp-skip:focus{top:10px}.sp-top{border-bottom:1px solid var(--sp-line);font-size:.8125rem;color:var(--sp-muted);padding:7px 0}.sp-top .sp-wrap{display:flex;justify-content:space-between;gap:16px}.sp-header{border-bottom:1px solid var(--sp-line);background:#0c0815}.sp-header-row{display:flex;align-items:center;gap:32px;min-height:98px}.sp-brand{display:flex;align-items:center;gap:13px;color:#fff;font-size:1.55rem;font-weight:850;letter-spacing:-.05em;white-space:nowrap}.sp-brand img{width:56px;height:56px;object-fit:contain}.sp-brand span span{color:#b889ff}.sp-nav{margin-left:auto}.sp-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}.sp-nav a{font-weight:650;color:var(--sp-muted);font-size:.94rem}.sp-nav a:hover,.sp-nav .current-menu-item>a{color:#fff}.sp-menu-toggle{display:none}.sp-search-link{border:1px solid var(--sp-line);padding:8px 15px;border-radius:6px;color:var(--sp-text);font-size:.875rem}.sp-ticker{display:flex;align-items:center;gap:22px;padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--sp-line);font-size:.875rem}.sp-ticker strong{color:#f0a7ff;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;white-space:nowrap}.sp-ticker-links{display:flex;gap:26px;overflow:auto;white-space:nowrap;scrollbar-width:thin}.sp-ticker-links a{color:var(--sp-muted)}.sp-eyebrow,.sp-badge{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#e7c7ff}.sp-badge{display:inline-block;padding:5px 9px;border-radius:4px;background:#482179;letter-spacing:.04em;line-height:1.4}.sp-badge.gaming{background:#17379a;color:#dbe4ff}.sp-section{padding-top:50px;padding-bottom:16px}.sp-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;border-bottom:1px solid var(--sp-line);padding-bottom:16px}.sp-section-head h2{margin:0}.sp-section-head a{font-size:.875rem}.sp-intro{padding:38px 0 26px}.sp-intro h1{font-size:clamp(2rem,3.8vw,3.3rem);margin:8px 0 10px}.sp-intro p{color:var(--sp-muted);margin:0}.sp-feature-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.sp-feature{position:relative;overflow:hidden;border-radius:var(--sp-radius);background:var(--sp-surface);min-height:460px;isolation:isolate}.sp-feature>a{display:block;height:100%;color:#fff}.sp-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.sp-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,3,14,.98),rgba(6,3,14,.18) 80%);z-index:-1;pointer-events:none}.sp-feature-content{position:absolute;bottom:0;padding:32px;width:100%}.sp-feature h2{font-size:clamp(1.7rem,3.1vw,2.75rem);margin:16px 0}.sp-feature p{color:#d4cadf;font-size:.94rem;margin-bottom:14px}.sp-feature:hover img{transform:scale(1.025)}.sp-feature-side{display:grid;gap:22px}.sp-feature-side .sp-feature{min-height:219px}.sp-feature-side h2{font-size:1.4rem;margin:10px 0}.sp-feature-side .sp-feature-content{padding:22px}.sp-meta{font-size:.8125rem;color:var(--sp-muted);letter-spacing:0}.sp-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px}.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.sp-content-layout .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-card{min-width:0;border-bottom:1px solid var(--sp-line);padding-bottom:24px}.sp-card-image{aspect-ratio:16/10;overflow:hidden;border-radius:10px;margin-bottom:17px;background:var(--sp-surface)}.sp-card-image img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.sp-card:hover img{transform:scale(1.03)}.sp-card h3{margin:12px 0;font-size:1.32rem}.sp-card h3 a{color:var(--sp-text)}.sp-card h3 a:hover{color:#d9b7ff}.sp-card p{font-size:.94rem;color:var(--sp-muted);margin:0 0 14px}.sp-panel{padding:24px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-surface);margin-bottom:28px}.sp-panel h2{font-size:1.4rem}.sp-trending{list-style:none;padding:0;margin:0;counter-reset:trend}.sp-trending li{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--sp-line);counter-increment:trend}.sp-trending li:last-child{border:0;padding-bottom:0}.sp-trending li:before{content:counter(trend,decimal-leading-zero);font-size:1.75rem;color:#a676ea;font-weight:800;line-height:1}.sp-trending a{color:var(--sp-text);font-size:.96rem;font-weight:650;line-height:1.4}.sp-note{color:var(--sp-muted);font-size:.8125rem}.sp-newsletter{background:linear-gradient(125deg,#2b164c,#151132);border-color:#67308a}.sp-newsletter p{color:#d3c5e7;font-size:.94rem}.sp-topics{display:flex;flex-wrap:wrap;gap:9px}.sp-topics a,.sp-filter{padding:8px 14px;border:1px solid var(--sp-line);border-radius:6px;color:var(--sp-muted);font-size:.875rem}.sp-topics a:hover,.sp-filter:hover,.sp-filter[aria-current=page]{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff}.sp-filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.sp-search-form{display:flex;gap:10px;align-items:end;margin:24px 0}.sp-search-form label{flex:1;max-width:550px}.sp-search-form input{width:100%;display:block;margin-top:5px}.sp-pagination{margin:36px 0;display:flex;flex-wrap:wrap;gap:8px}.sp-pagination .page-numbers{padding:8px 14px;border:1px solid var(--sp-line);border-radius:6px}.sp-pagination .current{background:var(--sp-primary);color:#fff}.sp-page{padding:48px 0 64px;min-height:60vh}.sp-prose{max-width:760px;margin:auto;font-size:1.0625rem;line-height:1.85}.sp-prose h2{font-size:1.7rem;margin-top:36px}.sp-prose a{text-decoration:underline;text-underline-offset:3px}.sp-prose ul,.sp-prose ol{padding-left:25px}.sp-prose li{margin-bottom:10px}.sp-prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}.sp-prose th,.sp-prose td{padding:12px;border:1px solid var(--sp-line);text-align:left}.sp-post-head{max-width:950px;margin:auto;text-align:center;padding:46px 0 30px}.sp-post-head h1{font-size:clamp(2.2rem,4.6vw,3.8rem);margin:19px 0}.sp-post-head .sp-deck{color:var(--sp-muted);font-size:1.15rem;max-width:760px;margin:0 auto 20px}.sp-post-image{max-width:1040px;margin:0 auto 34px}.sp-post-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.sp-post-image figcaption{font-size:.8125rem;color:var(--sp-muted);margin-top:8px}.sp-source{padding:20px 24px;background:var(--sp-surface);border-left:3px solid var(--sp-primary);margin:30px 0;font-size:.9rem}.sp-breadcrumb{font-size:.875rem;color:var(--sp-muted)}.sp-author{border-top:1px solid var(--sp-line);padding:24px 0;margin-top:32px;color:var(--sp-muted);font-size:.94rem}.sp-footer{margin-top:56px;padding:44px 0 24px;background:#0c0815;border-top:1px solid var(--sp-line)}.sp-footer-grid{display:flex;justify-content:space-between;gap:50px}.sp-footer-brand{max-width:380px}.sp-footer-brand p{font-size:.94rem;color:var(--sp-muted);margin-top:16px}.sp-footer nav{display:flex;gap:25px;flex-wrap:wrap;align-content:start}.sp-footer-bottom{border-top:1px solid var(--sp-line);margin-top:30px;padding-top:20px;font-size:.8125rem;color:var(--sp-muted)}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.sp-empty{padding:32px;background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:12px}.sp-toc{padding:20px 24px;border:1px solid var(--sp-line);border-radius:10px;font-size:.94rem;margin-bottom:30px}.sp-toc ol{margin:12px 0 0}.sp-toc a{color:var(--sp-muted)}.sp-elementor-page .elementor-widget-heading .elementor-heading-title{color:var(--sp-text)}.sp-elementor-page .elementor-widget-text-editor{color:var(--sp-muted);font-family:inherit;font-size:1.0625rem}.sp-elementor-page .elementor-widget-button .elementor-button{background:var(--sp-primary);color:#fff}.sp-elementor-page .elementor-widget-button .elementor-button:hover{background:var(--sp-secondary)}.sp-elementor-page .elementor-section.elementor-section-boxed>.elementor-container{max-width:var(--sp-width)}.sp-elementor-page{min-height:55vh}.sp-form-slot:empty{display:none}#sp-main{overflow-wrap:break-word}
@media(min-width:901px){.sp-nav{display:block!important}}
@media(max-width:1000px){.sp-nav ul{gap:15px}.sp-header-row{gap:20px}.sp-content-layout{grid-template-columns:minmax(0,1fr) 270px;gap:25px}.sp-feature-content{padding:24px}.sp-feature{min-height:420px}.sp-feature-side .sp-feature{min-height:199px}}
@media(max-width:900px){.sp-wrap{padding-left:22px;padding-right:22px}.sp-menu-toggle{display:block;margin-left:auto;font-size:.875rem;padding:8px 14px}.sp-header-row{min-height:82px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.sp-nav{display:none;width:100%;order:4;margin:0;padding:12px 0}.sp-nav.is-open{display:block}.sp-nav ul{flex-wrap:wrap;gap:20px}.sp-content-layout{grid-template-columns:1fr}.sp-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sp-panel{margin:0}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-feature-grid{grid-template-columns:1.3fr 1fr}.sp-feature h2{font-size:1.8rem}.sp-feature-side h2{font-size:1.2rem}.sp-feature p{display:none}}
@media(max-width:600px){.sp-wrap{padding-left:18px;padding-right:18px}.sp-top .sp-wrap span:last-child{display:none}.sp-brand{font-size:1.4rem}.sp-brand img{width:44px;height:44px}.sp-header-row{gap:12px}.sp-search-link{display:none}.sp-ticker{gap:12px}.sp-intro{padding-top:27px}.sp-feature-grid{grid-template-columns:1fr}.sp-feature{min-height:360px}.sp-feature-side{grid-template-columns:1fr 1fr;gap:12px}.sp-feature-side .sp-feature{min-height:250px}.sp-feature-side .sp-feature-content{padding:16px}.sp-feature-side h2{font-size:1.06rem;letter-spacing:-.02em}.sp-feature-side .sp-meta{display:none}.sp-grid,.sp-content-layout .sp-grid{grid-template-columns:1fr}.sp-sidebar{grid-template-columns:1fr}.sp-section{padding-top:36px}.sp-section-head{align-items:center}.sp-section-head h2{font-size:1.7rem}.sp-footer-grid{flex-direction:column;gap:25px}.sp-post-head{text-align:left;padding-top:30px}.sp-post-head h1{font-size:2.1rem}.sp-post-head .sp-deck{font-size:1.05rem}.sp-prose{font-size:1rem}.sp-search-form{flex-wrap:wrap}.sp-search-form label{min-width:200px}.sp-section-head a{white-space:nowrap}.sp-feature-content{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
