@import url('/fonts.css?v=20261101-local');
:root{--bg:#101310;--panel:#191e19;--line:#2e352e;--text:#f2f5ec;--muted:#9ba697;--green:#c2f45b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Golos Text',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}header{max-width:1440px;margin:auto;height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 44px;gap:24px}.logo{font-size:26px;letter-spacing:.6px;font-weight:700;line-height:1.15;white-space:nowrap}.logo span{color:var(--green);margin-left:3px}.logo small{font-size:11px;letter-spacing:.7px;margin-left:7px;font-weight:600}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.textlink:hover{color:var(--green)}.quiet{border:0;background:none;color:var(--text);font-size:13px}.quiet b{margin-left:10px;color:var(--green)}main{max-width:1440px;margin:auto;padding:0 44px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.7}.topline{display:flex;justify-content:space-between;margin:25px 0;color:var(--muted)}i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:515px;border:1px solid var(--line)}.hero-copy{padding:42px 34px 24px;display:flex;align-items:flex-start;flex-direction:column}.hero-copy>.eyebrow{color:var(--green)}h1{font-size:clamp(42px,4.8vw,70px);line-height:1.04;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:var(--green)}.lede{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);border:0;color:#16200b;padding:15px 22px;font-weight:600;font-size:13px}.button:hover{background:#d4ff80}.textlink{font-size:12px;margin-top:18px}.hero-bottom{width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-top:auto;padding-top:32px}.hero-art{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 30%,#789b2a55,transparent 60%),repeating-linear-gradient(90deg,#21391d 0,#21391d 65px,#254020 65px,#254020 130px)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071209e8,transparent 80%);z-index:-1}.pitch{position:absolute;inset:35px 50px;border:1px solid #b3c8a047;transform:rotate(-24deg) scale(1.3);z-index:-2}.pitch:before{content:'';position:absolute;top:50%;width:100%;border-top:1px solid #b3c8a047}.circle{position:absolute;border:1px solid #b3c8a047;border-radius:50%;width:120px;height:120px;top:calc(50% - 60px);left:calc(50% - 60px)}.box{position:absolute;width:60%;height:22%;left:20%;border:1px solid #b3c8a047}.top{top:0}.bottom{bottom:0}.art-label{position:absolute;top:30px;left:30px;font-size:9px;letter-spacing:3px}.ball{position:absolute;right:40px;top:55px;font-size:240px;color:#cefa78;line-height:1;transform:rotate(-15deg);text-shadow:14px 18px 0 #101b0d55}.scorecard{position:absolute;bottom:40px;left:35px;z-index:2}.scorecard span{font-size:8px;letter-spacing:2px;color:var(--green);display:block}.scorecard strong{display:block;font-size:35px;line-height:1.15;letter-spacing:-1px;margin:15px 0 24px}.vertical{position:absolute;right:16px;bottom:30px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px}.ticker{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:22px 0;font-size:11px}.ticker b{color:var(--green);font-size:9px;letter-spacing:1px}section:not(.hero){margin-top:65px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-head .eyebrow{color:var(--muted)}h2{font-size:33px;letter-spacing:-1.3px;line-height:1.15;margin:10px 0 0}h2 span{color:var(--green)}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #60695b;padding:12px 0;color:var(--muted)}input{background:transparent;color:white;border:0;outline:none;width:180px;font-size:12px}kbd{font-size:10px}.filters{display:flex;gap:8px;margin:26px 0 24px;flex-wrap:wrap}.filters button,.formation-buttons button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 17px;font-size:11px}.filters button.active,.formation-buttons button.active{background:var(--green);color:#19210d;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}.card{position:relative}.cover{height:194px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#273c29;color:#b5f875;font-size:70px;letter-spacing:-5px;font-weight:800}.cover:before{content:'';position:absolute;inset:20px;border:1px solid #d5ead337}.cover:after{content:'ARENAFM / PLAYBOOK';position:absolute;bottom:30px;left:32px;font-size:8px;font-weight:500;letter-spacing:2px}.cover.blue{background:#233741;color:#a9d3e9}.cover.orange{background:#513d2c;color:#e9bf80}.cover.purple{background:#39314c;color:#c7b3ee}.cover.red{background:#4c2e2c;color:#e7a39a}.cover.sage{background:#394334;color:#c9d3ae}.card a{display:block}.card a:hover h3{color:var(--green)}.card-meta{display:flex;gap:14px;margin:18px 0 9px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.card-meta b{color:var(--green)}h3{font-size:18px;line-height:1.35;margin:0;letter-spacing:-.4px}.card p{color:var(--muted);font-size:12px;line-height:1.7;margin:10px 0}.save{position:absolute;right:12px;top:12px;background:#101710ce;color:white;border:1px solid #7c8e7155;width:32px;height:32px;border-radius:50%;font-size:18px}.save.selected{color:var(--green)}.tactics{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--panel);border:1px solid var(--line);padding:40px}.tactics .eyebrow{color:var(--green)}.tactics h2{font-size:38px}.tactics p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8;max-width:390px}.formation-buttons{display:flex;gap:8px;margin-top:22px}.note{min-height:47px}.board{position:relative;min-height:360px;border:1px solid #64785d;background:repeating-linear-gradient(0deg,#253c27 0,#253c27 45px,#29412b 45px,#29412b 90px)}.board:before{content:'';position:absolute;top:50%;width:100%;border-top:1px solid #71836b}.board:after{content:'';position:absolute;bottom:0;left:26%;width:48%;height:18%;border:1px solid #71836b}.field-center{position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid #71836b;top:calc(50% - 45px);left:calc(50% - 45px)}.player{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:var(--green);color:#20321a;font-size:9px;width:29px;height:29px;display:grid;place-items:center;z-index:1;box-shadow:0 3px 10px #0005}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border:1px solid var(--line)}.tool{text-align:left;padding:28px;color:var(--text);background:transparent;border:0}.tool+.tool{border-left:1px solid var(--line)}.tool:hover{background:var(--panel)}.tool-icon{font-size:26px;color:var(--green);display:block;margin-bottom:25px}.tool p{font-size:12px;color:var(--muted);line-height:1.8}.tool>span:last-child{font-size:11px;color:var(--green);display:block;margin-top:25px}.community{background:var(--green);color:#182312;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.community h2{font-size:45px}.community p{font-size:13px;line-height:1.7}.community-links>div{border-bottom:1px solid #17280b33;padding:20px 0}.community-links>div>span{float:right;font-size:24px}.community-links small{font-size:10px;color:#476326}footer{max-width:1440px;margin:55px auto 0;padding:30px 44px;display:flex;align-items:center;flex-wrap:wrap;gap:25px;border-top:1px solid var(--line)}footer p{font-size:11px;color:var(--muted);flex:1}footer>span{font-size:10px}footer>small{width:100%;font-size:9px;color:var(--muted)}dialog{background:#1b211b;color:var(--text);border:1px solid #596350;width:min(700px,90vw);max-height:85vh;padding:42px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close{position:absolute;right:15px;top:15px;border:0;background:transparent;color:white;font-size:18px}dialog h2{padding-right:15px;margin-bottom:20px}dialog p,dialog li{font-size:14px;line-height:1.9;color:#bcc5b6}dialog label{display:block;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.5}dialog input{width:auto;margin-right:10px}dialog .eyebrow{color:var(--green)}@media(min-width:1500px){main{padding-top:10px}}@media(max-width:900px){header,main{padding-left:24px;padding-right:24px}nav{gap:15px;font-size:11px}.hero-copy{padding:30px 24px}h1{font-size:46px}.scorecard strong{font-size:28px}.ball{font-size:180px}.ticker a:last-child{display:none}.cards{grid-template-columns:repeat(2,1fr)}.tactics{gap:25px;padding:25px}.community{gap:25px;padding:30px}.community h2{font-size:36px}}@media(max-width:600px){header{height:75px;padding:0 18px}.logo{font-size:24px}nav{display:none}.quiet span{display:none}main{padding:0 18px}.topline{font-size:8px}.topline>span:last-child{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:26px 22px}h1{font-size:49px}.hero-art{height:310px}.hero-bottom{margin-top:20px}.ball{top:20px;right:25px;font-size:200px}.scorecard{bottom:25px;left:25px}.ticker{font-size:10px;gap:15px}.ticker a:nth-child(3){display:none}section:not(.hero){margin-top:42px}.section-head{align-items:stretch;flex-direction:column;gap:12px}h2{font-size:28px}.search input{width:100%}.cards{gap:25px 14px}.cover{height:140px;font-size:45px}.cover:after{left:20px;bottom:25px;font-size:6px}.cover:before{inset:12px}.card h3{font-size:15px}.card-meta{font-size:8px;gap:8px}.card p{font-size:11px}.tactics{grid-template-columns:1fr;padding:24px}.tactics h2{font-size:32px}.board{min-height:350px}.tool-grid{grid-template-columns:1fr}.tool+.tool{border-left:0;border-top:1px solid var(--line)}.tool-icon{margin-bottom:15px}.community{grid-template-columns:1fr;padding:25px}.community h2{font-size:36px}footer{padding:25px 18px;gap:18px}footer p{flex-basis:50%}dialog{padding:30px 23px}}
.hero>*,.cards>*,.tool-grid>*,.tactics>*,.community>*{min-width:0}.cover{font-size:clamp(24px,4.2vw,62px);letter-spacing:-2px}.card h3,.card p{overflow-wrap:anywhere}@media(max-width:600px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cover{font-size:clamp(15px,5.7vw,32px);letter-spacing:-1px}.hero-bottom{font-size:7px;letter-spacing:.7px}.lede br{display:none}}

.community-cta{display:inline-block;margin-top:5px;padding:11px 16px;border:1px solid #243819;font-size:12px;font-weight:600}.community-cta:hover{background:#182312;color:var(--green)}
/* Download library: keep ArenaFM's original palette and typography. */
.hero{min-height:395px}.hero-copy{padding-top:28px}.hero h1{font-size:clamp(38px,4.2vw,60px);letter-spacing:-2.5px}.hero-art .ball{font-size:190px;top:28px}.scorecard strong{font-size:30px}.library-count{color:var(--muted);font-size:11px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:28px 0 32px}.category-tile{text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);padding:19px 16px;min-width:0}.category-tile>span{display:block;color:var(--green);font-size:24px;margin-bottom:15px}.category-tile strong{display:block;font-size:13px}.category-tile strong b{float:right;color:var(--muted);font-weight:400;font-size:11px}.category-tile small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.category-tile:hover{border-color:#8da76a}.category-tile.active{border-color:var(--green);background:#28351b}.all-tile{grid-row:span 2;background:var(--green);color:#17250c;display:flex;flex-direction:column;justify-content:flex-end}.all-tile.active{background:var(--green)}.all-tile>span{color:#17250c;font-size:45px;margin-bottom:auto}.all-tile strong{font-size:21px;line-height:1.15}.all-tile small{color:#3d5124}.catalog-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px}.catalog-sidebar{border:1px solid var(--line);padding:20px;height:fit-content}.catalog-sidebar>.eyebrow{font-size:8px;color:var(--muted);margin-bottom:22px}.catalog-sidebar label{display:block;font-size:11px;margin:18px 0}.catalog-sidebar select{margin-top:9px;width:100%;background:#20271e;color:var(--text);border:1px solid #414b3b;padding:10px 8px;font:inherit;border-radius:0}.catalog-sidebar .saved-filter{display:flex;align-items:center;gap:8px}.saved-filter input{width:auto;accent-color:var(--green)}.reset{border:0;background:none;color:var(--green);padding:10px 0;font-size:11px}.sidebar-note{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.sidebar-note>span{font-size:30px;color:var(--green);display:block;margin-bottom:15px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px;line-height:1.8;color:var(--muted)}.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.results-toolbar h3{font-size:20px}.results-toolbar #resultCount{display:block;font-size:10px;color:var(--muted);margin-top:8px}.results-toolbar .search{min-width:0}.catalog-results .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.card{display:flex;flex-direction:column;background:#161b15;border:1px solid var(--line);padding:0 15px 15px}.card>a{flex:1}.card .cover{margin:0 -15px;height:155px;font-size:clamp(20px,2.9vw,42px);letter-spacing:-1.5px}.cover:after{display:none}.cover small{position:absolute;bottom:22px;left:20px;font-size:7px;letter-spacing:1.5px;font-weight:500}.cover:before{inset:12px}.card .card-meta{font-size:8px;justify-content:space-between;gap:6px}.card h3{font-size:16px}.card p{font-size:11px;line-height:1.7}.card-bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.card-bottom small{font-size:9px;color:var(--muted);display:block}.card-action{font-size:11px;color:var(--green);background:none;border:0;padding:12px 0 0;text-align:left}.card .save{width:28px;height:28px;font-size:16px;right:8px;top:8px}.install-banner{display:grid;grid-template-columns:1fr 1fr;background:var(--panel);border:1px solid var(--line);padding:32px;gap:40px}.install-banner .eyebrow{color:var(--green)}.install-banner p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.install-links button{width:100%;background:none;color:var(--muted);border:0;border-bottom:1px solid var(--line);display:flex;text-align:left;gap:20px;padding:15px 0;font-size:11px}.install-links b{color:var(--text);flex:1;font-weight:500}.install-links button:hover b{color:var(--green)}.guide-cards{margin-top:28px}.file-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:25px 0}.file-facts>div{padding:16px;background:var(--panel)}.file-facts dt{font-size:10px;color:var(--muted);margin-bottom:8px}.file-facts dd{font-size:12px;margin:0}.download-explainer{font-size:11px!important}.detail-note{border-left:2px solid var(--green);padding-left:15px}#empty{padding:35px 0}#empty p{font-size:13px;color:var(--muted)}.tactics{margin-top:45px!important}.tactics h2{font-size:32px}.tactics .board{min-height:300px}dialog h3{margin-top:25px}select:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:1050px){.catalog-results .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.category-tile{padding:15px 12px}.category-tile strong{font-size:11px}.category-tile small{font-size:9px}.all-tile strong{font-size:18px}.results-toolbar{align-items:stretch;flex-direction:column;gap:10px}.results-toolbar .search input{width:100%}.hero h1{font-size:42px}nav{gap:16px}}@media(max-width:650px){.hero h1{font-size:41px}.hero-art{height:260px}.hero-copy{padding:24px 20px}.hero-bottom{padding-top:25px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}.all-tile{grid-row:auto}.all-tile>span{font-size:24px;margin-bottom:15px}.all-tile strong{font-size:11px}.category-tile strong b{float:none;margin-left:6px}.category-tile small{line-height:1.5}.catalog-layout{display:block}.catalog-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-bottom:25px;padding:16px}.catalog-sidebar>.eyebrow{grid-column:1/-1;margin:0}.catalog-sidebar label{margin:0}.catalog-sidebar .saved-filter{align-self:end;min-height:37px}.sidebar-note{display:none}.catalog-sidebar .reset{grid-column:1/-1;text-align:left;padding:0}.catalog-results .cards{gap:14px 10px}.card{padding:0 11px 12px}.card .cover{margin:0 -11px;height:135px;font-size:24px}.cover small{font-size:6px;letter-spacing:.6px;left:18px}.card h3{font-size:14px}.card p{font-size:11px}.card .card-meta{font-size:7px;flex-wrap:wrap;letter-spacing:.3px}.card-bottom small{font-size:8px}.card-action{font-size:10px}.install-banner{grid-template-columns:1fr;padding:23px;gap:10px}.guide-cards{grid-template-columns:1fr}.guide-cards .cover{height:160px;font-size:40px}.guide-cards h3{font-size:18px}.file-facts{grid-template-columns:1fr}.hero-art .ball{font-size:150px}.scorecard strong{font-size:26px}.hero-art .scorecard{bottom:25px}.hero-art .art-label{font-size:8px}.library-count{font-size:10px}}
[hidden]{display:none!important}.menu-toggle{display:none}.category-tile{cursor:pointer}.card-action{display:inline-block}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--green);color:#19250e;max-width:calc(100% - 32px);padding:14px 22px;font-size:12px;z-index:20;transition:opacity .18s,transform .18s;box-shadow:0 8px 40px #0006}.toast.visible{opacity:1;transform:translate(-50%,0)}.breadcrumbs{display:flex;gap:16px;align-items:center;margin:30px 0 40px;font-size:12px;color:var(--muted)}.breadcrumbs a:hover{color:var(--green)}.material-heading{max-width:850px}.material-heading>.eyebrow{color:var(--green)}.material-heading h1{font-size:clamp(36px,4.6vw,62px);line-height:1.1;letter-spacing:-2px;margin:18px 0;outline:none}.material-lede{font-size:17px;color:var(--muted);line-height:1.8;max-width:680px}.material-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:25px 0 35px}.material-save,.material-share,.material-telegram{border:1px solid var(--line);background:var(--panel);padding:12px 18px;color:var(--text);font-size:12px}.material-save.selected{border-color:var(--green);color:var(--green)}.material-share:hover,.material-telegram:hover{border-color:var(--green)}.material-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:45px}.material-body>.cover{height:300px;font-size:65px}.material-body>.cover small{font-size:9px;left:30px;bottom:30px}.material-body>.cover:before{inset:20px}.material-body h2{font-size:26px;margin:35px 0 20px}.material-body p,.material-body li{font-size:15px;line-height:1.95;color:#b9c3b3}.material-body ol{padding-left:23px}.material-body li{padding-left:8px;margin:15px 0}.article-copy{margin-top:32px}.material-aside{background:var(--panel);border:1px solid var(--line);padding:24px;height:fit-content;position:sticky;top:24px}.material-aside>.eyebrow{color:var(--green);font-size:9px}.material-aside .file-facts{display:block;background:none;border:0;margin:10px 0 25px}.material-aside .file-facts>div{padding:14px 0;border-bottom:1px solid var(--line)}.material-aside .button{width:100%;justify-content:center;padding:15px 12px}.material-aside p{font-size:12px;line-height:1.8;color:var(--muted)}.material-aside h3{font-size:18px}.aside-help{margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.aside-help a{font-size:12px;color:var(--green)}.related .cards{margin-top:28px}.missing{padding:40px 0 80px}.missing h1{font-size:45px}.missing p{color:var(--muted);line-height:1.8}.share-fallback{font-size:12px;display:block}.share-fallback input{display:block;padding:14px;margin-top:12px;background:#101710;width:100%;font-size:13px}.material-article{min-width:0}@media(max-width:900px){.material-layout{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.material-aside{padding:18px}.material-body>.cover{font-size:45px;height:240px}}@media(max-width:650px){header{position:relative;gap:15px}.menu-toggle{display:block;background:none;color:var(--text);border:1px solid var(--line);font-size:17px;width:35px;height:35px;order:2}.quiet{margin-left:auto;order:1}#mainNav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 18px;background:#192017;border-bottom:1px solid var(--line);z-index:10;box-shadow:0 20px 30px #0008}#mainNav.menu-open{display:flex;flex-direction:column;gap:0}#mainNav a{padding:15px 6px;font-size:14px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;flex-wrap:wrap;font-size:11px;margin:24px 0 30px;gap:10px}.material-heading h1{font-size:36px;letter-spacing:-1px;overflow-wrap:anywhere}.material-lede{font-size:14px}.material-actions{gap:7px}.material-save,.material-share,.material-telegram{font-size:11px;padding:11px 12px}.material-layout{display:flex;flex-direction:column;gap:25px}.material-aside{order:-1;position:static;padding:20px}.material-aside .file-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-bottom:20px}.material-aside .file-facts>div{padding:12px 0}.material-aside .file-facts dd{font-size:11px}.material-aside .aside-help{display:none}.material-body>.cover{height:210px;font-size:40px}.material-body p,.material-body li{font-size:14px;line-height:1.85}.related .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.related h2{font-size:25px}.missing h1{font-size:35px}.toast{bottom:16px;width:max-content;text-align:center;font-size:11px}}
.cover.has-preview{background:#20271e;isolation:isolate}.cover.has-preview:before{display:none}.cover.has-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.cover.has-preview:after{display:block;content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#050a05c9);z-index:-1}.cover.has-preview small{color:#fff;text-shadow:0 1px 4px #000}.download-status{font-size:11px;color:var(--green);line-height:1.7;margin:12px 0}.download-cancel{background:none;border:1px solid var(--line);color:var(--text);padding:9px 12px;font-size:11px}.local-download:disabled{opacity:.7;cursor:wait}.source-link{display:block;color:var(--green);font-size:11px;line-height:1.6;margin-top:15px}.material-body>.cover.has-preview{height:auto;aspect-ratio:16/9}.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-cards .cover{font-size:24px;height:135px}.guide-cards h3{font-size:14px}}
.install-paths{border:1px solid var(--line);padding:20px;background:var(--panel);margin:24px 0}.install-paths>.eyebrow{font-size:9px;color:var(--green)}.install-paths label{display:block;margin:15px 0;font-size:12px;color:var(--muted)}.install-paths code{display:block;font-family:monospace;font-size:12px;color:var(--text);line-height:1.8;margin-top:7px;overflow-wrap:anywhere;word-break:break-word}.install-paths>p:last-child{font-size:11px;line-height:1.7}.pack-contents{padding-left:20px}.pack-contents li{margin:5px 0;font-size:14px}.material-aside .file-facts dd{overflow-wrap:anywhere}

.purchase-banner{display:block;position:relative;isolation:isolate;overflow:hidden;background:#b9f35f;color:#14200c;text-decoration:none;border-bottom:1px solid #d9ffab}.purchase-inner{position:relative;z-index:1;max-width:1440px;margin:auto;min-height:86px;padding:14px 44px;display:flex;align-items:center;gap:22px}.purchase-tag{display:flex;align-items:center;gap:9px;font-size:28px;letter-spacing:-1.5px;font-weight:900;border-right:1px solid #14200c40;padding-right:22px;white-space:nowrap}.purchase-dot{width:9px;height:9px;background:#163707;border-radius:50%;box-shadow:0 0 0 5px #16370715;animation:purchase-pulse 2.8s ease-in-out infinite}.purchase-copy{display:flex;flex-direction:column;gap:6px}.purchase-copy strong{font-size:18px;line-height:1.3;letter-spacing:-.3px}.purchase-copy>span{font-size:12px;line-height:1.4;opacity:.8}.purchase-cta{margin-left:auto;display:flex;align-items:center;gap:24px;white-space:nowrap;background:#14200c;color:#d0ff8c;padding:14px 21px;font-size:13px;font-weight:750;border-radius:4px;transition:transform .2s,background .2s}.purchase-cta>span{font-size:20px}.purchase-banner:before{content:"";position:absolute;inset:-100% auto -100% -45%;width:28%;background:linear-gradient(100deg,transparent,#ffffff75,transparent);transform:skewX(-18deg);animation:purchase-shine 5.5s ease-in-out infinite;pointer-events:none}.purchase-banner:hover .purchase-cta{transform:translateY(-2px);background:#233b12}.purchase-banner:focus-visible{outline:3px solid #fff;outline-offset:-5px}@keyframes purchase-shine{0%,25%{left:-45%}70%,100%{left:125%}}@keyframes purchase-pulse{0%,100%{box-shadow:0 0 0 4px #16370715}50%{box-shadow:0 0 0 9px #16370700}}@media(max-width:650px){.purchase-inner{padding:13px 18px;min-height:102px;gap:12px;flex-wrap:wrap}.purchase-tag{font-size:23px;padding-right:12px}.purchase-copy{flex:1;gap:4px}.purchase-copy strong{font-size:14px}.purchase-copy>span{font-size:11px}.purchase-cta{margin-left:0;width:100%;justify-content:center;padding:9px 15px;font-size:12px;gap:12px}}@media(prefers-reduced-motion:reduce){.purchase-banner:before,.purchase-dot{animation:none}.purchase-cta{transition:none}}

/* ArenaFM design pass — Apple DESIGN.md principles, adapted to ArenaFM's dark/lime brand.
   Consistent spacing, readable type, predictable responsive layout and accessible controls. */
:root{
  --site-gutter:clamp(20px,3.3vw,48px);
  --section-space:clamp(56px,6vw,84px);
  --ui-radius:10px;
}
body{line-height:1.5}
header,main{padding-inline:var(--site-gutter)}
footer,.purchase-inner{padding-inline:var(--site-gutter)}
header{gap:clamp(12px,1.8vw,26px)}
nav{gap:clamp(12px,2vw,30px);font-size:13px;line-height:1.4}
nav a{display:inline-flex;align-items:center;min-height:44px}
.eyebrow{font-size:11px;letter-spacing:.12em}
section:not(.hero){margin-top:var(--section-space)}
h2{font-size:clamp(28px,2.65vw,38px);line-height:1.17}
.hero-copy{padding:clamp(28px,3.4vw,48px)}
.hero h1{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-.04em}
.lede{font-size:15px;line-height:1.7}
.hero-bottom{font-size:10px;line-height:1.45}
.category-grid{gap:12px;margin-block:30px 34px}
.category-tile{padding:20px 16px;min-height:116px;border-radius:var(--ui-radius);transition:border-color .15s,background .15s}
.category-tile>span{margin-bottom:14px}
.category-tile strong{font-size:13px;line-height:1.35;display:flex;gap:8px;justify-content:space-between;align-items:baseline}
.category-tile strong b{float:none;flex-shrink:0}
.category-tile small{font-size:11px;line-height:1.5}
.all-tile strong{font-size:21px}
.catalog-sidebar{padding:22px;border-radius:var(--ui-radius)}
.catalog-sidebar>.eyebrow{font-size:10px;letter-spacing:.08em}
.catalog-sidebar label{font-size:12px;line-height:1.5}
.catalog-sidebar select{min-height:44px;border-radius:7px;font-size:13px}
.catalog-sidebar .saved-filter{min-height:44px}
.reset{min-height:44px;font-size:12px}
.results-toolbar{margin-bottom:22px}
.results-toolbar h3{font-size:22px}
.results-toolbar #resultCount{font-size:12px}
.results-toolbar .search{min-width:230px}
.search{border:1px solid #485445;border-radius:var(--ui-radius);padding:0 14px;min-height:46px}
.search input{font-size:14px;min-width:0;width:200px}
.search kbd{font-size:11px}
.catalog-results .cards{gap:20px 16px}
.card{border-radius:var(--ui-radius);overflow:hidden}
.card .cover{height:175px}
.card .card-meta{font-size:10px;line-height:1.5;margin:16px 0 10px}
.card h3{font-size:17px;line-height:1.32}
.card p{font-size:12px;line-height:1.65}
.card-bottom{margin-top:12px}
.card-bottom small{font-size:10px;line-height:1.5}
.card-action{font-size:12px;min-height:38px;display:inline-flex;align-items:center;line-height:1.4}
.card .save{width:42px;height:42px;font-size:20px;right:10px;top:10px}
.install-banner,.tactics,.community{border-radius:var(--ui-radius)}
.install-links button{min-height:48px;font-size:12px;align-items:center}
.formation-buttons button{min-height:44px;font-size:12px}
.material-body p,.material-body li{line-height:1.8}
.material-actions{gap:12px}
.material-save,.material-share,.material-telegram{min-height:44px;border-radius:7px}
.material-aside{border-radius:var(--ui-radius)}
.community-cta,.button{min-height:44px;align-items:center}
.tool{min-height:200px}
.tool h3{font-size:19px}
.tool p{font-size:13px}
dialog{border-radius:12px}
.close{min-width:44px;min-height:44px}
:where(a,button,input,select):focus-visible{outline:2px solid var(--green);outline-offset:3px}

@media(max-width:1100px){
  .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .all-tile{grid-row:auto}
  .category-tile strong{font-size:13px}
  .catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:22px}
}
@media(max-width:900px){
  header{position:relative;min-height:82px;height:auto}
  .menu-toggle{display:grid;place-items:center;order:2;width:44px;height:44px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:19px}
  .quiet{order:1;margin-left:auto;min-height:44px}
  #mainNav{display:none;position:absolute;top:100%;left:var(--site-gutter);right:var(--site-gutter);z-index:15;background:#192017;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:6px 16px;box-shadow:0 20px 32px #0008}
  #mainNav.menu-open{display:flex;flex-direction:column;gap:0}
  #mainNav a{padding:12px 4px;min-height:48px;border-bottom:1px solid var(--line);font-size:14px}
  #mainNav a:last-child{border-bottom:0}
  .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .catalog-layout{grid-template-columns:175px minmax(0,1fr);gap:20px}
  .hero h1{font-size:clamp(38px,5vw,50px)}
}
@media(max-width:650px){
  :root{--site-gutter:clamp(16px,4.5vw,22px);--section-space:clamp(44px,9vw,60px)}
  header{min-height:70px}
  .topline{margin:20px 0}
  .hero-copy{padding:28px 24px}
  .hero h1{font-size:clamp(36px,8.5vw,46px);letter-spacing:-.035em;margin:16px 0}
  .lede{font-size:14px;line-height:1.65}
  .hero-art{height:250px}
  .hero-art .scorecard{left:24px;bottom:24px}
  .scorecard strong{font-size:clamp(22px,5.3vw,28px)}
  .hero-bottom{font-size:9px;line-height:1.4}
  .ticker{flex-wrap:wrap;gap:12px 18px;font-size:12px}
  .ticker b{font-size:10px}
  h2{font-size:clamp(26px,6.7vw,32px)}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 28px}
  .category-tile{min-height:110px;padding:16px}
  .category-tile strong{font-size:13px}
  .category-tile small{font-size:11px;margin-top:5px}
  .all-tile{grid-row:auto;grid-column:1/-1;min-height:90px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;justify-content:initial;column-gap:12px}
  .all-tile>span{grid-row:1/3;margin:0;font-size:28px}
  .all-tile strong{font-size:18px;align-self:end}
  .all-tile small{align-self:start;font-size:11px}
  .catalog-sidebar{padding:16px;gap:14px}
  .catalog-sidebar label{font-size:12px}
  .catalog-sidebar select{font-size:13px}
  .results-toolbar .search{width:100%;min-width:0}
  .results-toolbar .search input{width:100%}
  .catalog-results .cards,.guide-cards{gap:16px 12px}
  .card{padding:0 13px 13px}
  .card .cover{margin-inline:-13px;height:154px}
  .card .card-meta{font-size:9px}
  .card h3{font-size:15px}
  .card p{font-size:12px}
  .card-bottom small{font-size:10px}
  .card .save{height:44px;width:44px}
  .tool{min-height:0}
  .community{padding:28px 24px}
  .material-heading h1{font-size:clamp(32px,8vw,40px)}
  .material-aside{padding:22px}
  .purchase-inner{gap:12px}
}
@media(min-width:540px) and (max-width:650px){
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:420px){
  .catalog-results .cards,.guide-cards,.related .cards{grid-template-columns:minmax(0,1fr)}
  .card .cover,.guide-cards .cover{height:190px;font-size:clamp(30px,9vw,44px)}
  .card h3,.guide-cards h3{font-size:18px}
  .card p{font-size:13px}
  .category-tile{padding:15px 13px}
  .category-tile strong{font-size:12px}
  .category-tile small{font-size:10px}
  .hero-bottom>span:last-child{display:none}
  .hero .hero-art{height:230px}
  .purchase-copy strong{font-size:13px}
  .purchase-inner{padding-block:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .category-tile{transition:none}
}

/* Removed top promo: start the homepage directly with the catalog. */
#mainContent > #catalog{margin-top:clamp(20px,2.5vw,36px)}
#catalog .section-head h1{font-size:clamp(28px,2.4vw,33px);letter-spacing:-1.3px;line-height:1.15;margin:10px 0 0;font-weight:700}
#catalog .section-head h1 span{color:var(--green)}

/* 2026-11-01: reference-inspired left catalogue navigation, ArenaFM palette retained. */
#catalog .section-head{margin-bottom:22px}
.catalog-layout{grid-template-columns:minmax(238px,266px) minmax(0,1fr);gap:26px;align-items:start}
.catalog-sidebar{position:sticky;top:16px;max-height:calc(100vh - 32px);height:auto;overflow-y:auto;padding:0 18px 22px;border-radius:10px;scrollbar-width:thin;scrollbar-color:#46553b transparent;background:#161b15}
.sidebar-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 3px 12px;border-bottom:1px solid var(--line)}
.sidebar-heading .eyebrow{color:var(--muted);font-size:10px;letter-spacing:.12em;margin:0}
.sidebar-heading h2{font-size:23px;letter-spacing:-.04em;margin:3px 0 0}
#catalogSidebarClose{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:6px;width:38px;height:38px;font-size:26px;line-height:1}
#catalogNav{display:block;font-size:14.5px;line-height:1.5;gap:0;padding-top:4px}
#catalogNav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 9px;font-size:14.5px;border-radius:6px;color:#ccd3c5;text-decoration:none;min-width:0;transition:background .12s,color .12s}
#catalogNav a:hover{background:#253023;color:var(--text)}
#catalogNav a.active{background:#304522;color:var(--green);font-weight:700}
#catalogNav .nav-mark{width:21px;min-width:21px;font-size:15px;text-align:center;color:var(--green);font-weight:700}
#catalogNav .nav-label{flex:1;min-width:0}
#catalogNav .nav-count{font-size:12px;color:#9aa792;min-width:14px;text-align:right;font-weight:500}
#catalogNav a.active .nav-count{color:var(--green)}
#catalogNav .nav-section-title{font-size:11px;color:#879483;letter-spacing:.13em;font-weight:800;margin:0 0 7px;padding:0 10px}
#catalogNav .catalog-nav-section{border-top:1px solid var(--line);margin-top:11px;padding-top:12px}
#catalogNav .catalog-nav-group{margin:1px 0}
#catalogNav .catalog-nav-group summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 9px;font-size:14.5px;border-radius:6px;cursor:pointer;color:var(--text);font-weight:700}
#catalogNav .catalog-nav-group summary::-webkit-details-marker{display:none}
#catalogNav .catalog-nav-group summary:hover{background:#253023}
#catalogNav .nav-chevron{font-size:18px;color:var(--muted);transition:transform .16s}
#catalogNav details:not([open]) .nav-chevron{transform:rotate(-90deg)}
#catalogNav .catalog-nav-children{margin-left:9px;border-left:1px solid #3b4936;padding-left:10px}
#catalogNav .catalog-nav-children a{min-height:40px;font-size:13.5px}
.sidebar-filter-title{margin:19px 0 15px!important;padding:18px 10px 0;border-top:1px solid var(--line);color:#9ea899!important;font-size:10px!important}
.catalog-sidebar label{font-size:12px}
.catalog-sidebar select{min-height:42px}
.catalog-sidebar .sidebar-note{margin-top:18px;padding-top:17px}
.catalog-mobile-toggle{display:none}
.catalog-sidebar-backdrop[hidden]{display:none!important}
.catalog-results{min-width:0}
@media(max-width:1050px) and (min-width:761px){
 .catalog-layout{grid-template-columns:205px minmax(0,1fr);gap:18px}
 .catalog-sidebar{padding-inline:12px}
 #catalogNav a{padding-inline:6px;font-size:14px;gap:7px}
}
@media(max-width:760px){
 .catalog-layout{display:block}
 .catalog-mobile-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 0 20px;padding:13px 15px;background:#1c2718;border:1px solid #587b34;border-radius:8px;color:var(--text);font-weight:700;font-size:13px;min-height:48px}
 .catalog-mobile-toggle span:last-child{color:var(--green);font-size:24px;line-height:1}
 .catalog-sidebar-backdrop{position:fixed;inset:0;z-index:60;background:#000b;backdrop-filter:blur(3px)}
 .catalog-sidebar{display:block;position:fixed;top:0;left:0;bottom:0;z-index:61;width:min(350px,calc(100vw - 44px));max-height:none;height:100dvh;min-height:100vh;overflow-y:auto;border-radius:0;border:0;border-right:1px solid #526943;background:#161d15;padding:0 18px 28px;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;box-shadow:16px 0 40px #0007}
 .catalog-sidebar.is-open{transform:translateX(0);visibility:visible}
 #catalogSidebarClose{display:inline-grid;place-items:center}
 body.catalog-sidebar-open{overflow:hidden}
 .sidebar-heading{padding-top:22px}
 #catalogNav a{font-size:15px;min-height:47px}
 #catalogNav .catalog-nav-children a{font-size:14px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.catalog-sidebar,#catalogNav a{transition:none}}

/* Primary download buttons point to verified Yandex Disk links, not details. */
.card .card-download{color:var(--green);font-weight:700}
.card .card-source-only{color:#a9b4a6;font-weight:500}

/* Screenshot gallery on download detail page. */
.skin-gallery{margin:26px 0 32px}
.skin-gallery h2{margin-bottom:16px}
.skin-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.skin-gallery-grid figure{margin:0;min-width:0}
.skin-gallery-grid a{display:block;overflow:hidden;border:1px solid #465140;border-radius:9px;background:#151b17}
.skin-gallery-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .18s ease}
.skin-gallery-grid a:hover img{transform:scale(1.035)}
.skin-gallery-grid figcaption{font-size:12px;color:var(--muted);margin-top:7px}
.skin-gallery .gallery-attribution{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:640px){.skin-gallery-grid{grid-template-columns:1fr}.skin-gallery-grid img{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.skin-gallery-grid img{transition:none}}

/* Distinguish files available on ArenaFM from editorial listings. */
.pending-download{padding:18px 14px;border:1px solid #454b3d;background:#1b211a;border-radius:8px;margin:15px 0}
.pending-download b{display:block;color:var(--text);font-size:13px;line-height:1.5}
.pending-download p{color:var(--muted);font-size:12px;line-height:1.6;margin:10px 0 0}
.card .card-source-only{color:#a5b1a3}
