@import url('/fonts.css?v=20261101-local');
:root{--bg:#101310;--panel:#191e19;--line:#2e352e;--text:#f2f5ec;--muted:#9ba697;--green:#bce381}*{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:#d6eeb1}.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:#bce381;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:#bce381;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:#bce381;color:#14200c;text-decoration:none;border-bottom:1px solid #d6eeb1}.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:#def1c4;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}


/* Download cards: readable archive size with no redundant source metadata. */
.material-aside .archive-size{padding:15px 0 22px;margin:8px 0 3px;border-bottom:1px solid var(--line)}
.material-aside .archive-size span{display:block;margin-bottom:9px;color:var(--green);font-size:10px;line-height:1.4;letter-spacing:.08em;font-weight:750}
.material-aside .archive-size strong{display:block;color:var(--text);font-size:clamp(23px,2.2vw,32px);line-height:1.22;letter-spacing:-.03em;font-weight:750;overflow-wrap:anywhere}
.material-aside .archive-size+.file-facts{margin-top:0}
.card-bottom .card-size{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;line-height:1.35}
.card-bottom .card-size span{font-size:10px;color:var(--muted)}
.card-bottom .card-size strong{font-size:15px;line-height:1.35;color:var(--text);font-weight:700;overflow-wrap:anywhere}
.card-bottom .card-size+.card-action{padding-top:2px}


/* Dense ArenaFM add-on tiles (responsive). */
.catalog-results .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 11px}
.catalog-results .card{padding:0 10px 10px;min-width:0}
.catalog-results .card .cover{height:116px;margin:0 -10px}
.catalog-results .card .cover small{font-size:7px;left:11px;bottom:9px;letter-spacing:.6px}
.catalog-results .card .card-meta{margin:10px 0 5px;font-size:9px;gap:5px}
.catalog-results .card h3{font-size:14px;line-height:1.28;letter-spacing:-.01em}
.catalog-results .card p{font-size:11px;line-height:1.43;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalog-results .card .card-bottom{padding-top:8px;margin-top:8px}
.catalog-results .card .card-size{gap:5px;align-items:center}
.catalog-results .card .card-size span{font-size:9px}
.catalog-results .card .card-size strong{font-size:12px}
.catalog-results .card .card-action{min-height:28px;padding-top:7px;font-size:11px;line-height:1.3}
.catalog-results .card .save{width:32px;height:32px;font-size:16px;top:6px;right:6px}
@media (min-width:1650px){
 .catalog-results .cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 13px}
 .catalog-results .card .cover{height:130px}
}
@media (min-width:900px) and (max-width:1199px){
 .catalog-results .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:560px) and (max-width:899px){
 .catalog-results .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:559px){
 .catalog-results .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px}
 .catalog-results .card{padding:0 9px 10px}
 .catalog-results .card .cover{height:100px;margin:0 -9px}
 .catalog-results .card h3{font-size:12px}
 .catalog-results .card .card-meta{font-size:8px}
 .catalog-results .card p{font-size:10px}
 .catalog-results .card .card-size{gap:4px}
 .catalog-results .card .card-size strong{font-size:11px}
 .catalog-results .card .card-action{font-size:10px}
}
@media (max-width:380px){
 .catalog-results .cards{grid-template-columns:1fr}
 .catalog-results .card .cover{height:145px}
}

/* Four compact tiles at common 1050–1649 px screen widths. */
@media (min-width:1050px) and (max-width:1649px){.catalog-results .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ArenaFM download ranking, compact enough for the tile grid. */
.card-bottom .download-count{margin-top:5px;font-size:10px;color:var(--muted);line-height:1.4}
.card-bottom .download-count strong{color:var(--text);font-weight:650}
.material-aside>.download-count{font-size:12px;color:var(--muted);padding:12px 0 4px}
.material-aside>.download-count strong{color:var(--text);font-size:15px;margin-left:5px}
.catalog-sidebar select#sort{font-size:12px}
@media(max-width:650px){.card-bottom .download-count{font-size:9px}}

/* Download choices for Comeback Skin */
.os-downloads{display:grid;gap:10px;margin:15px 0}.os-download{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;font-size:14px}.os-download span{font-size:12px;white-space:nowrap;opacity:.85;font-weight:700}@media(max-width:420px){.os-download{flex-wrap:wrap}}

/* ArenaFM 2026-11-01: keep FM27 purchase banner visible while scrolling. */
.purchase-banner{position:sticky;top:0;z-index:1000}

.popularity-stars{display:flex;align-items:center;gap:1px;margin:7px 0 2px;white-space:nowrap;line-height:1.25;font-size:17px;letter-spacing:1px;font-family:Arial,sans-serif}
.popularity-stars .stars-filled{color:#efb64f}
.popularity-stars .stars-empty{color:#87927e}
.popularity-stars .popularity-number{font:600 10px/1.3 Arial,sans-serif;color:#bec5b8;letter-spacing:0;margin-left:6px}
.card-bottom .popularity-stars{margin-top:8px}
.material-aside .popularity-stars{font-size:23px;margin:10px 0}
@media(max-width:650px){.card-bottom .popularity-stars{font-size:14px}.popularity-stars .popularity-number{font-size:9px}}

/* Internal navigation and files only */
button.purchase-banner{width:100%;border-left:0;border-right:0;border-top:0;text-align:inherit;cursor:pointer;font-family:inherit}
button.community-cta{font-family:inherit;font-size:inherit;cursor:pointer}
button.source-link{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.not-ready{padding:14px 15px;background:rgba(181,214,146,.06);border:1px solid var(--line);border-radius:8px;color:var(--text);font-weight:650;margin:12px 0}

/* Visible sorting controls, 2026-11-01 */
.sort-toolbar{display:flex;align-items:center;gap:15px;min-width:0;margin:-6px 0 18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sort-caption{flex:none;color:var(--muted);font-size:12px;font-weight:650}
.sort-options{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.sort-options button{border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-weight:600;font-size:12px;line-height:1.3;padding:10px 11px;white-space:nowrap;min-height:40px;transition:background-color .15s,color .15s}
.sort-options button:hover{color:var(--text);border-color:#526448}
.sort-options button[aria-pressed="true"]{background:var(--green);color:#1c2a11;border-color:var(--green)}
.sort-direction{font-size:13px;font-weight:800;margin-left:3px}
.view-count{margin-top:5px;font-size:10px;line-height:1.4;color:var(--muted)}
.view-count strong{color:var(--text);font-weight:650}
.material-aside .view-count{font-size:12px;padding:8px 0}
@media(max-width:760px){
 .sort-toolbar{display:block;padding:11px 0;margin-top:0}
 .sort-caption{display:block;margin-bottom:9px}
 .sort-options{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:3px}
 .sort-options::-webkit-scrollbar{display:none}
 .sort-options button{min-height:40px;font-size:12px;flex:none}
}


/* Full, uncropped media in material pages; card thumbnails remain 16:9 crops. */
.material-layout,.material-body{min-width:0}
.material-body>.cover.has-preview{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:#171c17;
}
.material-body>.cover.has-preview img{
  display:block;
  position:static;
  inset:auto;
  width:100%;
  height:auto;
  max-height:560px;
  object-fit:contain;
  object-position:center;
  z-index:auto;
}
.material-body>.cover.has-preview:after{display:none}
.material-body>.cover.has-preview small{
  position:absolute;
  bottom:9px;
  left:12px;
  font-size:9px;
  color:#fff;
  text-shadow:0 1px 4px #000;
  background:#0b150ebd;
  border-radius:3px;
  padding:3px 6px;
}
.skin-gallery-grid img{object-fit:contain;background:#161b16}
@media(max-width:650px){
 .material-body>.cover.has-preview img{max-height:370px}
}

/* Prevent long FM installation paths from expanding the mobile viewport. */
.material-body p,.material-body li,.material-body a,.material-body code{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Media in catalogue tiles: avoid zoomed and clipped logos, kits and previews. */
.card .cover.has-preview {
  background:#19221d;
}
.card .cover.has-preview img {
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:9px;
  object-fit:contain;
  object-position:center center;
  image-rendering:auto;
  filter:none;
}
.card .cover.has-preview:after { display:none; }
.card .cover.has-preview small {
  position:absolute;
  left:6px;
  bottom:5px;
  z-index:2;
  padding:3px 5px;
  border-radius:3px;
  background:rgba(7,13,9,.83);
  text-shadow:none;
  color:#e7f5e4;
}
@media(max-width:560px) {
  .card .cover.has-preview img {padding:6px}
  .card .cover.has-preview small{font-size:6px}
}

/* Display supplied original previews at or below their native dimensions.
   Tiny source thumbnails should never be enlarged into blurred full-width images. */
.material-body>.cover.has-preview {
  min-height:260px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:16px;
  background:radial-gradient(circle at center,#242d23 0%,#141a15 77%);
}
.material-body>.cover.has-preview img {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:560px;
  margin:0 auto;
  object-fit:contain;
}
.skin-gallery-grid figure {min-width:0}
.skin-gallery-grid a {
  display:flex;
  min-height:160px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#161b16;
}
.skin-gallery-grid img {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:430px;
  aspect-ratio:auto;
  object-fit:contain;
}
@media(max-width:650px){
 .material-body>.cover.has-preview {min-height:195px;padding:12px}
 .material-body>.cover.has-preview img {max-height:370px}
}

/* Catalog cards: no forced enlargement of small preview assets. */
.cards .cover.has-preview img {
  inset:auto;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

/* Independent large material visuals; no enlargement of thumbnails. */
.material-body>.cover.has-preview img{width:auto;max-width:100%;height:auto;max-height:560px;object-fit:contain}
.material-body>.cover.has-preview{overflow:hidden;min-height:0}
.skin-gallery-grid a{background:#15201d}
.skin-gallery-grid img{max-width:100%;height:auto;max-height:430px;object-fit:contain}

/* Compact, balanced buy button at the RIGHT of the original banner. */
.purchase-banner .purchase-cta{
  min-width:0;
  width:auto;
  height:44px;
  min-height:44px;
  padding:0 18px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:9px;
  font-size:14px;
  line-height:1;
}
.purchase-banner .purchase-cta > span{
  font-size:18px;
  line-height:1;
}
@media(max-width:650px){
  .purchase-banner .purchase-cta{
    width:auto;
    margin-left:auto;
    padding-inline:17px;
  }
}

/* Compact community promo, 2026-11-01. Maintain independent desktop/mobile layouts. */
#community.community{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,3.4vw,44px);
  padding:clamp(22px,2.3vw,32px) clamp(22px,3vw,38px);
  align-items:center;
}
#community .eyebrow{font-size:10px;letter-spacing:.13em;line-height:1.5;margin:0 0 10px}
#community h2{font-size:clamp(29px,3vw,39px);letter-spacing:-.047em;line-height:1.13;margin:0 0 10px}
#community>div:first-child>p:last-child{font-size:12px;line-height:1.55;margin:0;max-width:390px}
#community .community-links>div{position:relative;min-height:0;padding:12px 32px 13px 0;border-bottom:1px solid rgba(23,40,11,.20)}
#community .community-links>div:first-child{padding-top:0}
#community .community-links>div:last-child{padding-bottom:0;border-bottom:none}
#community .community-links>div>span{float:none;position:absolute;right:2px;top:9px;font-size:21px}
#community .community-links>div:first-child>span{top:0}
#community .community-links h3{font-size:17px;line-height:1.25;margin:0 0 4px}
#community .community-links p{font-size:11px;line-height:1.45;margin:0 0 9px}
#community .community-cta{
  display:inline-flex;align-items:center;min-height:38px;
  margin:0;padding:8px 13px;font-size:11px;line-height:1.35;
  border-radius:6px;white-space:nowrap;
  transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;
}
@media(max-width:650px){
 #community.community{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 20px}
 #community h2{font-size:clamp(29px,7.6vw,35px)}
 #community .community-links>div{padding:13px 30px 14px 0}
 #community .community-links>div:last-child{padding-bottom:0}
 #community .community-cta{min-height:44px}
}

/* Cursor-following light inspired by the existing BARTEXA control effect.
   Applied only to actual interactive controls, never to decorative content. */
.af-spotlight{
  --af-pointer-x:50%;
  --af-pointer-y:50%;
  --af-spot-color:255,255,255;
  --af-glow-color:194,244,91;
  position:relative;
  isolation:isolate;
  transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease,background-color .2s ease;
}
.af-spotlight::before,
.af-spotlight::after{content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity .22s ease}
.af-spotlight::before{
  z-index:1;inset:0;border-radius:inherit;
  background:radial-gradient(circle 115px at var(--af-pointer-x) var(--af-pointer-y),
  rgba(var(--af-spot-color),.30) 0%,rgba(var(--af-spot-color),.09) 40%,transparent 75%);
}
.af-spotlight::after{
  z-index:-1;top:calc(var(--af-pointer-y) - 72px);left:calc(var(--af-pointer-x) - 90px);
  width:180px;height:144px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(var(--af-glow-color),.40),rgba(var(--af-glow-color),.12) 45%,transparent 78%);
  filter:blur(14px);
}
.af-spotlight>*{position:relative;z-index:2}
.af-spotlight[data-af-glow-active]:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(var(--af-glow-color),.38),
             0 8px 23px rgba(var(--af-glow-color),.24),
             0 0 23px rgba(var(--af-glow-color),.20);
}
.af-spotlight[data-af-glow-active]::before,
.af-spotlight[data-af-glow-active]::after{opacity:1}
#community .community-cta.af-spotlight{
  --af-spot-color:255,255,255;
  --af-glow-color:38,77,16;
}
#community .community-cta.af-spotlight[data-af-glow-active]{
  background:#20361a;color:#def1c4;border-color:#20361a;
  box-shadow:0 0 0 1px rgba(12,47,10,.44),0 10px 25px rgba(21,53,7,.25);
}
.af-spotlight:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(hover:none),(pointer:coarse){
  .af-spotlight::before,.af-spotlight::after{display:none}
  .af-spotlight[data-af-glow-active]{transform:none;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
  .af-spotlight,.af-spotlight::before,.af-spotlight::after{transition:none!important}
  .af-spotlight[data-af-glow-active]{transform:none;box-shadow:none}
  .af-spotlight::before,.af-spotlight::after{display:none}
}

/* Prevent trailing cursor glow from widening the mobile page.
   Inner horizontally scrollable filters are not affected. */
html,body{overflow-x:clip}

/* Stable card rhythm: titles, descriptions, dividers and popularity in common rows. */
.cards .card > a:first-child{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.cards .card .card-meta{min-height:1.5em;align-items:center;flex-wrap:nowrap;min-width:0}
.cards .card .card-meta b,.cards .card .card-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cards .card h3{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;line-height:1.3;height:3.9em;min-height:3.9em;
}
.cards .card p{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;line-height:1.45;height:2.9em;min-height:2.9em;
  margin:7px 0 0;
}
.cards .card .card-bottom{
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(22px,auto) 27px 17px 17px;
  row-gap:3px;margin-top:auto;padding-top:8px;
}
.cards .card .card-bottom .card-size{
  display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;min-width:0;
  white-space:nowrap;min-height:22px;gap:5px;
}
.cards .card .card-bottom .card-size strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cards .card .card-bottom .popularity-stars{margin:0;min-height:27px;align-self:center}
.cards .card .card-bottom .view-count,
.cards .card .card-bottom .download-count{margin:0;min-height:17px;line-height:17px;align-self:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cards .card .card-bottom .card-action{margin:0;min-height:28px;padding:5px 0 0;align-self:end}
@media(max-width:559px){
  .cards .card h3{height:3.9em;min-height:3.9em}
  .cards .card .card-bottom{grid-template-rows:minmax(20px,auto) 24px 17px 17px}
  .cards .card .card-bottom .popularity-stars{min-height:24px}
}

/* ArenaFM luminous cover system — artwork fills its frame, without inset panels. */
.catalog-results .card, .guide-cards .card, .related .card{
  border-color:#354658;
  background:linear-gradient(160deg,#151e2b,#0e121d 82%);
  box-shadow:inset 0 1px 0 #ffffff13,0 6px 25px #05091436;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.catalog-results .card:hover,.guide-cards .card:hover,.related .card:hover{
  transform:translateY(-3px);
  border-color:#896efa;
  box-shadow:0 13px 35px #3f269c40,inset 0 1px 0 #e4efff25;
}
.card .cover.has-preview.luxury-cover{background:#0b0b24}
.card .cover.has-preview.luxury-cover img{
  width:100%;height:100%;max-height:none;max-width:none;
  inset:0;top:0;left:0;transform:none;padding:0;object-fit:cover;
}
.card .cover.luxury-cover:after{display:none}
.card .cover.luxury-cover small{display:none}
.material-body>.cover.has-preview.luxury-cover{
  display:block;aspect-ratio:16/9;min-height:0;padding:0;
  border:1px solid #5642a4;border-radius:16px;background:#0a0921;
  box-shadow:0 18px 42px #14104345;
}
.material-body>.cover.has-preview.luxury-cover img{
  display:block;width:100%;height:100%;max-height:none;
  max-width:100%;object-fit:cover;object-position:center;
}
.material-body>.cover.luxury-cover small{display:none}
@media(prefers-reduced-motion:reduce){
  .catalog-results .card,.guide-cards .card,.related .card{transition:none}
  .catalog-results .card:hover,.guide-cards .card:hover,.related .card:hover{transform:none}
}

/* Crisp, vivid artwork color grade. */
.card .cover.has-preview.luxury-cover img,
.material-body>.cover.has-preview.luxury-cover img{
  filter:saturate(1.28) brightness(1.12);
}

/* Rounded download highlights: keep the button glow consistent with rounded cards. */
.cards .card .card-action,
.cards .card a[data-download-track],
.material-aside .button,
.material-aside .os-download,
.material-aside .local-download {
  border-radius: 9px;
}
.cards .card .card-action.af-spotlight::before,
.cards .card a[data-download-track].af-spotlight::before,
.material-aside .button.af-spotlight::before,
.material-aside .os-download.af-spotlight::before,
.material-aside .local-download.af-spotlight::before {
  border-radius: inherit;
}

/* Russian-first names: translated headline and quieter searchable original. */
.cards .card h3 .ru-title,
.cards .card h3 .original-title{display:block;min-width:0;overflow:hidden}
.cards .card h3 .ru-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3;max-height:2.6em}
.cards .card h3 .original-title{
  color:#9dafba;font-size:.84em;line-height:1.55;
  white-space:nowrap;text-overflow:ellipsis;
  font-weight:450;margin-top:1px;
}
.material-heading h1 .ru-title{display:block}
.material-heading h1 .original-title{
  display:block;color:#b4bfc7;font-size:.40em;line-height:1.45;letter-spacing:0;
  font-weight:500;margin-top:11px;overflow-wrap:anywhere
}

/* Editorial footnotes: articles are links, not downloadable material tiles. */
.catalog-results .sort-toolbar[hidden],.catalog-results #cards[hidden],.catalog-article-notes[hidden]{display:none!important}
.catalog-article-notes{margin:26px 0 9px;padding-top:18px;border-top:1px solid var(--line)}
.article-notes-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:7px}
.article-notes-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--green)}
.article-notes-heading h4{font-size:16px;font-weight:800;letter-spacing:-.025em;margin:5px 0 0;color:var(--text)}
.article-notes-heading h4 span{font-weight:500;color:var(--muted)}
.article-notes-caption{font-size:11px;color:var(--muted);text-align:right}
.article-notes-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.article-note{display:flex;align-items:flex-start;gap:12px;padding:11px 2px;text-decoration:none;border-bottom:1px solid var(--line);min-width:0}
.article-note-symbol{font-size:13px;color:var(--green);background:#bce38112;border:1px solid #bce38130;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px}
.article-note-content{display:block;min-width:0}
.article-note-content strong{display:block;font-size:13px;color:var(--text);font-weight:650;line-height:1.4}
.article-note-content small{display:block;font-size:11px;color:var(--muted);line-height:1.45;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-note:hover .article-note-content strong{color:var(--green)}
.article-note:hover .article-note-symbol{background:#bce38124;border-color:#bce38180}
.article-notes-more{display:inline-flex;margin-top:13px;font-size:12px;font-weight:700;color:var(--green);padding:6px 0}
.article-notes-more:hover{text-decoration:underline;text-underline-offset:3px}
.guide-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.guide-notes .article-note{padding:14px 0}
.guide-notes .article-note-content strong{font-size:14px}
@media(max-width:760px){
  .article-notes-heading{display:block}
  .article-notes-caption{display:block;text-align:left;margin-top:4px}
  .guide-notes{grid-template-columns:minmax(0,1fr)}
  .article-note-content small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}


/* ArenaFM compact vertical rhythm — keep controls accessible and cards aligned. */
:root{--section-space:clamp(34px,4.3vw,56px)}
header{height:74px;min-height:74px}
.purchase-inner{min-height:68px;padding-block:9px;gap:18px}
.purchase-tag{font-size:26px;padding-right:18px}
.purchase-copy{gap:2px}
.purchase-copy strong{font-size:16px}
.purchase-cta{padding:11px 18px}
#mainContent > #catalog{margin-top:clamp(14px,1.6vw,23px)}
#catalog .section-head{margin-bottom:16px}
.section-head .eyebrow{margin:0 0 5px}
.section-head h2{margin-top:0}
#catalog .section-head h1{margin:8px 0 0}
.results-toolbar{margin-bottom:14px}
.sort-toolbar{margin:0 0 12px;padding:8px 0;gap:9px}
.sort-options button{min-height:36px;padding:8px 10px}
.catalog-layout{gap:20px}
.catalog-results .cards{gap:12px 10px}
.sidebar-heading{padding-block:12px 10px}
#catalogNav a{min-height:40px;padding-block:5px}
.sidebar-filter-title{margin:14px 0 10px!important;padding-top:14px}
.catalog-sidebar label{margin:12px 0}
.catalog-sidebar .sidebar-note{margin-top:14px;padding-top:12px}
.install-banner{padding:24px;gap:24px}
.install-links button{padding:10px 0;min-height:44px}
.guide-cards{margin-top:18px}
.tactics{margin-top:clamp(32px,3.6vw,48px)!important;padding:28px;gap:28px}
.tool-grid{margin-top:18px}
.tool{padding:20px;min-height:160px}
.tool-icon{margin-bottom:12px}
.tool>span:last-child{margin-top:15px}
.community{padding:30px;gap:28px}
.community-links>div{padding:12px 0}
footer{margin-top:36px;padding-block:22px;gap:14px 20px}
.site-footer-legal{margin-top:6px;padding-top:12px}
.breadcrumbs{margin:18px 0 23px}
.material-heading>.eyebrow{margin:0}
.material-heading h1{margin:11px 0}
.material-lede{margin:10px 0;line-height:1.65}
.material-actions{margin:16px 0 24px}
.material-layout{gap:28px}
.material-body h2{margin:25px 0 12px}
.material-body li{margin:10px 0}
#materialPage .material-body .skin-gallery{margin:22px 0 24px}
.skin-gallery h2{margin-bottom:12px}
.material-aside{padding:20px}
.material-aside .file-facts{margin:8px 0 18px}
.material-aside .file-facts>div{padding:10px 0}
.material-aside .archive-size{padding:10px 0 15px}
.file-facts{margin:16px 0}
.related .cards{margin-top:18px}
.install-paths{margin:16px 0;padding:16px}
@media(max-width:900px){header{height:auto;min-height:70px}.material-layout{gap:22px}}
@media(max-width:760px){.catalog-mobile-toggle{margin-bottom:14px}}
@media(max-width:650px){
 :root{--section-space:clamp(30px,6.4vw,44px)}
 .purchase-inner{padding:10px 16px;min-height:0;gap:9px}
 .purchase-tag{font-size:22px;padding-right:12px}
 .purchase-copy strong{font-size:13px}
 .purchase-cta{padding:10px 12px}
 header{min-height:64px}
 #mainContent > #catalog{margin-top:14px}
 #catalog .section-head{margin-bottom:12px}
 .catalog-results .cards{gap:11px 9px}
 .results-toolbar{margin-bottom:12px}
 .sort-toolbar{padding:7px 0;margin-bottom:10px}
 .sort-options button{min-height:40px}
 .install-banner{padding:19px;gap:12px}
 .tactics{padding:20px;gap:18px}
 .community{padding:22px;gap:18px}
 .material-actions{margin:13px 0 17px}
 .material-layout{gap:18px}
 .breadcrumbs{margin:14px 0 18px}
 .material-aside{padding:16px}
 .material-body h2{margin:22px 0 10px}
 footer{margin-top:28px;padding-block:18px}
}

/* DF11 new 16:9 cover: never crop the picture in catalog or detail. */
.card .cover.has-preview img[src*="df11-arenafm-20261101"],
.material-body>.cover.has-preview img[src*="df11-arenafm-20261101"]{object-fit:contain!important;object-position:center!important;filter:none!important;max-height:none;max-width:100%;width:100%;height:100%;}
.card .cover:has(img[src*="df11-arenafm-20261101"]) {background:#071532;}
.material-body>.cover.has-preview:has(img[src*="df11-arenafm-20261101"]){display:block;aspect-ratio:16/9;width:100%;height:auto;overflow:hidden;background:#071532;}
.material-body>.cover[href="/files/df11"]:hover{border-color:#00e7ef;box-shadow:0 0 0 1px #00e7ef,0 12px 35px #142d73a8;}


/* Always-visible return control for catalogue filters, files and articles. */
.site-back{
  position:fixed;left:clamp(12px,2.1vw,32px);top:98px;z-index:950;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:43px;padding:10px 17px;border-radius:13px;
  background:#1b2419f5;border:1px solid #647e4a;color:#eaffcd;
  font-size:13px;font-weight:750;line-height:1;box-shadow:0 8px 28px #0009;
  backdrop-filter:blur(12px);transition:background .18s,color .18s,transform .18s,border-color .18s;
}
.site-back[hidden]{display:none!important}
.site-back span{font-size:21px;line-height:.6}
.site-back:hover{background:#bce381;color:#132009;border-color:#bce381;transform:translateX(-2px)}
.site-back:focus-visible{outline:2px solid #bce381;outline-offset:3px}
@media(max-width:650px){
 .site-back{top:114px;left:12px;min-height:40px;padding:9px 13px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.site-back{transition:none}}

/* Primary one-click download on all file detail pages. */
.material-actions .material-download{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:158px;min-height:45px;padding:12px 20px;
  border-radius:10px;font-weight:800;font-size:13px;
  letter-spacing:.005em;line-height:1.25;gap:6px;
  transition:background .18s,transform .18s,box-shadow .18s;
}
.material-actions .material-download-primary{background:var(--green);color:#16200b;border:1px solid var(--green)}
.material-actions .material-download-primary:hover:not(:disabled){background:#d6eeb1;transform:translateY(-2px);box-shadow:0 7px 28px #bce3812b}
.material-actions .material-download-secondary{background:#202820;color:var(--green);border:1px solid #647d3a}
.material-actions .material-download-secondary:hover{background:#344128;transform:translateY(-2px)}
.material-actions .material-download-unavailable,.material-actions .material-download-unavailable:disabled{
  background:#252a25;color:#879285;border:1px solid #424b41;opacity:1;cursor:not-allowed;
}
.material-download-hint{font-size:11px;color:var(--muted);max-width:230px;line-height:1.5}
@media(max-width:650px){
 .material-actions .material-download{min-width:132px;min-height:43px;padding:11px 14px;font-size:12px}
 .material-download-hint{font-size:10px}
}

/* Unity 3D: keep the 1672px editorial cover crisp and fully visible. */
.card .cover.has-preview img[src*="unitykits-2027-02-arena.avif"],
.material-body>.cover.has-preview img[src*="unitykits-2027-02-arena.avif"] {
  object-fit:contain!important;object-position:center!important;filter:none!important;
}
.card .cover:has(img[src*="unitykits-2027-02-arena.avif"]),
.material-body>.cover:has(img[src*="unitykits-2027-02-arena.avif"]) {background:#041428;}
.material-body>.cover.has-preview:has(img[src*="unitykits-2027-02-arena.avif"]) {
  aspect-ratio:1672 / 941;min-height:0;height:auto;max-height:none;padding:0;overflow:hidden;
}


/* 2026-11-01: compact images and show complete text on every download card.
   Card footers still align to the bottom of their grid row. */
.cards .card .cover{
  height:96px;
}
.cards .card .cover.has-preview img,
.cards .card .cover.has-preview.luxury-cover img{
  object-fit:contain;
  object-position:center;
  padding:3px;
  filter:none;
}
.cards .card h3,
.cards .card h3 .ru-title,
.cards .card h3 .original-title{
  display:block;
  height:auto;
  min-height:0;
  max-height:none;
  overflow:visible;
  white-space:normal;
  text-overflow:clip;
  -webkit-line-clamp:unset;
  overflow-wrap:anywhere;
}
.cards .card h3 .original-title{margin-top:3px}
.cards .card p{
  display:block;
  height:auto;
  min-height:0;
  max-height:none;
  overflow:visible;
  white-space:normal;
  text-overflow:clip;
  -webkit-line-clamp:unset;
  margin:7px 0 10px;
}
.cards .card .card-bottom{margin-top:auto}
@media(max-width:650px){
  .cards .card .cover{height:78px}
}
@media(max-width:380px){
  .cards .card .cover{height:108px}
}


/* Authentic source-based materials: display the COMPLETE source composition, not invented illustrations. */
.material-body>.cover.has-preview:has(img[src*="/authentic/"]) {
  aspect-ratio:16/9!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  background:#0a1220!important;
  overflow:hidden;
}
.material-body>.cover.has-preview:has(img[src*="/authentic/"]) img {
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;
  filter:none!important;transform:none!important;
}
.material-body>.cover.has-preview:has(img[src*="/authentic/"]):after,
.material-body>.cover.has-preview:has(img[src*="/authentic/"]) small {display:none!important}
.cards .card .cover.has-preview img[src*="/authentic/"] {
  object-fit:contain!important;filter:none!important;
}

/* 2026-11-05 — Align complete text in add-on cards, keep every row in sync. */
.cards{align-items:stretch}
.cards .card{display:flex;flex-direction:column;height:100%}
.cards .card > a:first-child{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.cards .card h3{height:auto;min-height:var(--card-title-height,0px);overflow:visible}
.cards .card > a:first-child > p{height:auto;min-height:var(--card-desc-height,0px);overflow:visible}
.cards .card .card-bottom{margin-top:auto;flex-shrink:0}

/* Verified original-source popularity, separate from ArenaFM traffic */
.popularity-stars.editorial-popularity .popularity-number{font-size:10px;letter-spacing:0}
.metric-origin{font-size:.9em;color:var(--muted)}
@media(max-width:559px){.cards .card .metric-origin{display:none}}