/*
Theme Name: 5756789 Arena Collage
Description: Leaderboard table, rotated sticker collage, graffiti tag categories. Loud brutalist.
*/
:root{--ar-bg:#ffe8c9;--ar-ink:#171212;--ar-hot:#ff4d17;--ar-pop:#ffc400;--ar-cyan:#00b8a9;--ar-card:#fffdf7}
*{margin:0;padding:0;box-sizing:border-box}
body.ar-body{background:var(--ar-bg);color:var(--ar-ink);font:15px/1.55 "Arial Black",Arial,sans-serif}
a{color:inherit;text-decoration:none}
.ar-flash{background:var(--ar-ink);color:var(--ar-pop);font-size:12px;letter-spacing:.06em;padding:7px 16px}
.ar-flash b{background:var(--ar-hot);color:#fff;padding:1px 6px;margin-right:8px}
.ar-head{display:flex;align-items:center;gap:18px;padding:16px 22px;border-bottom:5px solid var(--ar-ink);flex-wrap:wrap;background:var(--ar-card)}
.ar-logo{display:flex;flex-direction:column;line-height:1}
.ar-logo__a{font-size:26px;font-weight:900;transform:rotate(-2deg);background:var(--ar-hot);color:#fff;padding:2px 8px;display:inline-block}
.ar-logo__b{font-size:15px;letter-spacing:.5em;margin-top:4px;color:var(--ar-cyan);font-weight:900}
.ar-tabs{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.ar-tabs a{font-weight:900;font-size:13px;padding:8px 14px;background:var(--ar-card);border:3px solid var(--ar-ink);box-shadow:4px 4px 0 var(--ar-ink)}
.ar-tabs a:hover{background:var(--ar-pop);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ar-ink)}
.ar-main{max-width:1060px;margin:0 auto;padding:26px 20px 50px}
.ar-hero h1{font-size:44px;font-weight:900;line-height:1.05;transform:rotate(-1deg);text-transform:uppercase}
.ar-hero h1 br+*{color:var(--ar-hot)}
.ar-h2{font-size:20px;font-weight:900;text-transform:uppercase;display:inline-block;background:var(--ar-ink);color:var(--ar-pop);padding:5px 14px;transform:rotate(-1deg);margin:26px 0 16px}
.ar-board{border:4px solid var(--ar-ink);background:var(--ar-card);box-shadow:8px 8px 0 rgba(23,18,18,.15)}
.ar-board__row{display:grid;grid-template-columns:52px 1fr 140px 190px;align-items:center;gap:10px;padding:9px 16px;border-bottom:2px solid var(--ar-ink)}
.ar-board__row:last-child{border-bottom:0}
.ar-board__row--head{background:var(--ar-ink);color:#fff;font-size:12px;letter-spacing:.2em}
.ar-board__row:hover{background:#fff3d6}
.ar-board__row--podium .ar-rank{background:var(--ar-hot);color:#fff}
.ar-rank{font-weight:900;font-size:18px;text-align:center;border:2px solid var(--ar-ink);width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.ar-name{font-weight:900;font-size:15px}
.ar-type{font-size:12px;color:#6b5f52}
.ar-score{display:flex;align-items:center;gap:8px}
.ar-score i{display:block;height:12px;background:repeating-linear-gradient(90deg,var(--ar-cyan) 0 8px,transparent 8px 12px);border:2px solid var(--ar-ink);width:110px}
.ar-score b{font-size:13px}
.ar-collage{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:10px 6px}
.sticker{background:var(--ar-card);border:3px solid var(--ar-ink);box-shadow:6px 6px 0 var(--ar-ink);transition:.12s}
.sticker:hover{box-shadow:9px 9px 0 var(--ar-hot)}
.sticker img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-bottom:3px solid var(--ar-ink)}
.sticker span{display:block;padding:9px 11px;font-weight:900;font-size:13px}
.ar-tags{display:flex;flex-wrap:wrap;gap:12px}
.tag{font-weight:900;font-size:14px;text-transform:uppercase;padding:8px 16px;background:var(--ar-pop);border:3px solid var(--ar-ink);transform:skewX(-8deg);box-shadow:4px 4px 0 var(--ar-ink)}
.tag:nth-child(2n){background:var(--ar-cyan);color:#fff}
.tag:nth-child(3n){background:var(--ar-hot);color:#fff}
.tag b{font-weight:400;font-size:11px;margin-left:6px}
.ar-news{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bulletin{background:var(--ar-card);border:3px solid var(--ar-ink);padding:14px;font-size:13px;color:#6b5f52;position:relative}
.bulletin:before{content:"NEWS";position:absolute;top:-12px;left:10px;background:var(--ar-hot);color:#fff;font-size:10px;font-weight:900;padding:2px 8px;letter-spacing:.2em}
.bulletin b{display:block;font-size:15px;color:var(--ar-ink);margin-bottom:5px}
.ar-card{max-width:820px;margin:6px auto 50px;background:var(--ar-card);border:4px solid var(--ar-ink);box-shadow:10px 10px 0 rgba(23,18,18,.15);padding:26px}
.ar-card__stamp{display:inline-block;background:var(--ar-cyan);color:#fff;font-weight:900;font-size:11px;letter-spacing:.3em;padding:4px 12px;transform:rotate(-2deg);margin-bottom:12px}
.ar-card h1{font-size:32px;font-weight:900;text-transform:uppercase}
.ar-card__meta{font-size:12px;color:#6b5f52;margin:8px 0 16px;letter-spacing:.08em}
.ar-card__img{width:100%;aspect-ratio:16/9;object-fit:cover;border:3px solid var(--ar-ink)}
.ar-prose{margin-top:18px;font-size:15px;font-family:Arial,sans-serif}
.ar-prose p{margin:0 0 14px}
.ar-prose h2,.ar-prose h3{font-family:"Arial Black",Arial;font-size:18px;text-transform:uppercase;margin:20px 0 8px}
.ar-prose table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}
.ar-prose td,.ar-prose th{border:2px solid var(--ar-ink);padding:7px 10px}
.ar-prose ul{margin:0 0 14px 20px}
.ar-solo{max-width:760px}
.ar-solo h1{font-size:26px;margin-bottom:14px}
.ar-pager{margin:24px 0;text-align:center}
.ar-pager a,.ar-pager span{padding:6px 12px;border:3px solid var(--ar-ink);margin:0 3px;font-size:12px;font-weight:900;background:var(--ar-card)}
.ar-foot{border-top:5px solid var(--ar-ink);padding:22px;text-align:center}
.ar-foot__big{display:block;font-size:34px;font-weight:900;letter-spacing:.1em;color:transparent;-webkit-text-stroke:2px var(--ar-ink)}
.ar-foot p{font-size:12px;color:#6b5f52;margin-top:6px;font-family:Arial,sans-serif}
.gz-lang{display:flex;gap:6px}
.gz-lang__opt{font-size:11px;font-weight:900;padding:3px 10px;border:3px solid var(--ar-ink);background:var(--ar-card)}
.gz-lang__opt.is-on{background:var(--ar-ink);color:var(--ar-pop)}
@media(max-width:900px){.ar-collage{grid-template-columns:repeat(2,1fr)}.ar-news{grid-template-columns:1fr}.ar-board__row{grid-template-columns:40px 1fr 90px}.ar-type,.ar-score i{display:none}.ar-hero h1{font-size:30px}}
