.community-shell{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:50px;padding:48px 64px 100px}.community-nav{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:25px}.community-nav a{font-size:14px;padding:14px 10px;border-left:2px solid transparent}.community-nav a:hover,.community-nav a.active{background:#26321e;border-color:var(--lime);color:var(--lime)}.nav-note{font-size:14px;line-height:1.7;color:#68785e;margin:45px 10px}.community-shell main{min-width:0}h1{font-size:46px;letter-spacing:-2px;line-height:1.1;margin:10px 0 18px}h2{font-size:24px;letter-spacing:-.5px}h3{font-size:17px}.page-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.page-title p{margin:0;line-height:1.6}.small-button,button{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:11px 16px;font-size:14px;cursor:pointer;display:inline-block}.small-button:hover,button:hover{border-color:var(--lime);color:var(--lime)}button:disabled{opacity:.45;cursor:default}.accent{background:var(--lime);color:#17200e;border-color:var(--lime)}.accent:hover{background:#d4ff89;color:#17200e}.toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}input,select{color:var(--ink);background:#151d12;border:1px solid var(--line);padding:12px;max-width:100%;font:inherit;font-size:14px}input[type=search]{flex:1;min-width:180px}label{display:block;color:var(--muted);font-size:14px;margin:18px 0 8px}input[type=checkbox]{margin-right:10px}.panel{border:1px solid var(--line);padding:25px;margin:20px 0;background:#171f14}.panel h2:first-child{margin-top:0}.panel p{font-size:14px;line-height:1.7}.panel form{max-width:600px}.empty{padding:55px 30px;text-align:center;border:1px dashed var(--line);color:var(--muted);line-height:1.8}.empty strong{display:block;font-size:20px;color:var(--ink)}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{text-align:left;font-size:14px;letter-spacing:1px;color:var(--muted);font-weight:normal;padding:18px;background:#1b2517}td{padding:19px 18px;border-top:1px solid var(--line)}tbody tr:hover{background:#202c19}td a{font-weight:bold}td a:hover{color:var(--lime)}.rank{color:var(--lime);font-variant-numeric:tabular-nums}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.stat{border:1px solid var(--line);background:var(--panel);padding:22px}.stat small{font-size:14px;letter-spacing:1px;color:var(--muted);display:block}.stat strong{font-size:30px;margin-top:12px;display:block;font-variant-numeric:tabular-nums}.tag{display:inline-block;border:1px solid #556444;color:var(--lime);font-size:14px;padding:4px 7px;margin:0 7px}.pill{font-size:14px;color:var(--muted);padding:5px 8px;background:#263020;display:inline-block}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.event-card{border:1px solid var(--line);padding:24px;background:var(--panel)}.event-card a:hover{color:var(--lime)}.event-card h2{margin:20px 0 12px}.event-card p{line-height:1.6;font-size:14px;color:var(--muted)}.achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.achievement{border:1px solid var(--line);padding:18px;opacity:.65}.achievement.unlocked{border-color:#647c3d;opacity:1;background:#24321b}.achievement p{font-size:14px;color:var(--muted);line-height:1.6}.bracket{display:flex;gap:22px;overflow:auto;align-items:center;padding:20px 0}.bracket-round{min-width:220px;display:flex;flex-direction:column;gap:25px;flex:1}.fixture{border:1px solid var(--line);padding:12px;background:var(--panel)}.fixture .side{padding:10px 8px;font-size:14px;border-bottom:1px solid var(--line)}.fixture .won{color:var(--lime);font-weight:bold}.fixture .pill{margin-top:8px}.fixture a{font-size:14px;color:var(--lime);display:block;margin-top:10px}.code{display:block;padding:15px;background:#0e140d;border:1px solid var(--line);color:var(--lime);overflow-wrap:anywhere;font-size:15px;margin:16px 0;user-select:all}.danger{color:#ffb09b;border-color:#855847}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.notice-error{color:#ffb09b}#notice{position:fixed;bottom:25px;right:25px;max-width:min(450px,90vw);padding:18px 24px;background:#2b3a22;border:1px solid var(--lime);z-index:10;font-size:14px;line-height:1.7}.privacy{line-height:1.8;font-size:14px}.privacy li{margin:15px 0}.tiny{font-size:14px;color:var(--muted)}.community-shell .button{margin:10px 0}.community-shell .muted{font-size:14px}.admin-community{max-width:1120px;margin:auto;padding:35px 24px}details{margin:20px 0}summary{cursor:pointer;font-size:14px}.pagination{display:flex;gap:15px;align-items:center;margin-top:20px}@media(max-width:1000px){.community-shell{padding:25px;gap:24px;grid-template-columns:170px 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:36px}}@media(max-width:700px){.community-shell{display:block;padding:20px 16px}.community-nav{position:static;display:flex;flex-direction:row;overflow:auto;margin-bottom:25px;white-space:nowrap;gap:5px}.community-nav p{display:none}.community-nav a{padding:10px;font-size:14px}.card-grid,.split,.achievements{grid-template-columns:1fr}.page-title{display:block}.page-title>.small-button{margin-top:15px}.site-header{padding:16px;gap:15px}.site-header>.muted{display:none}h1{font-size:34px}.stat{padding:16px}.panel{padding:18px}.stat strong{font-size:26px}td,th{padding:15px 12px}}

/* FAX community: paper scoreboards under the shared top navigation. */
.community-shell{display:block;max-width:1320px;padding:46px 0 60px;min-height:520px}.community-shell main{min-width:0}.community-page h1{font-family:"Arial Black",Arial,sans-serif;font-size:44px;letter-spacing:-1.8px;text-transform:uppercase}.community-page .eyebrow,.admin-community .eyebrow{color:#a04724}.community-page .page-title{padding-bottom:26px;border-bottom:3px solid var(--ink);margin-bottom:26px}.community-page .page-title p.muted{max-width:760px;font-size:14px;line-height:1.8}.community-page .small-button,.admin-community .small-button{background:var(--ink);color:var(--paper);border:2px solid var(--ink)}.community-page .small-button:hover,.admin-community .small-button:hover{background:var(--orange);color:var(--ink)}.community-page button,.admin-community button{border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:bold}.community-page button:hover,.admin-community button:hover{background:var(--orange);color:var(--ink);border-color:var(--ink)}.community-page .accent,.admin-community .accent{background:var(--orange);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.community-page input,.community-page select,.admin-community input,.admin-community select{color:var(--ink);background:#faf7ed;border:2px solid var(--ink);padding:13px}.community-page label,.admin-community label{color:#60584b}.community-page .panel,.community-page .event-card,.admin-community .panel{background:var(--panel);border:2px solid var(--ink);box-shadow:4px 4px 0 #d4cbbb}.community-page .panel h2,.admin-community .panel h2{font-size:23px}.community-page .empty{border:2px solid var(--ink);background:repeating-linear-gradient(-45deg,#e6e1d4 0 1px,#eee9dd 1px 12px);padding:44px 25px;color:#6b6355;box-shadow:5px 5px 0 #d4cbbb}.empty-emblem{display:block;color:#bb5028;font-size:44px;margin-bottom:13px}.community-page .empty strong{font-family:"Arial Black",Arial,sans-serif;font-size:23px;letter-spacing:-.6px}.community-page .empty p{font-size:14px;max-width:510px;margin:12px auto 0;line-height:1.8}.community-page .table-wrap{border:2px solid var(--ink);box-shadow:4px 4px 0 #d4cbbb;background:var(--panel)}.community-page th{background:var(--ink);color:#e8dfcb;font-size:14px;font-weight:700}.community-page td{border-color:#d7cfc0;padding:21px 18px}.community-page tbody tr:hover{background:#e4dfcb}.community-page .rank{color:#a34724;font-size:20px;font-weight:900}.community-page .stat{border:2px solid var(--ink);background:var(--panel);box-shadow:3px 3px 0 #d4cbbb}.community-page .stat strong{font:36px Impact,"Arial Black",sans-serif}.community-page .stat:first-child{background:#dfdfc7}.community-page .tag{color:#425128;border:1px solid #67733e;background:#e3e3cc}.community-page .pill,.admin-community .pill{color:#4f5740;background:#dcdfca;border:1px solid #c4cbb0}.community-page .fixture{border:2px solid var(--ink);background:var(--panel);box-shadow:3px 3px 0 #d4cbbb}.community-page .fixture .won{background:#dbe2c0;color:#445424}.community-page .fixture a{color:#a64b22}.community-page .code{background:var(--ink);color:#edb773;border:2px solid var(--ink)}.community-page .achievement{background:#e3dfd4;border:2px solid #b3ad9c}.community-page .achievement.unlocked{background:#dfe4c7;border-color:#63703e}.community-page .danger{color:#9d301e;border-color:#9d301e}.community-page .notice-error{color:#9d301e}.community-page #notice,.admin-community #notice{background:var(--ink);border:2px solid #f08b4e;color:var(--paper);box-shadow:4px 4px 0 #a7562a}.community-page .toolbar{gap:10px}.community-page .pagination button{font-size:14px}.community-page .privacy{max-width:900px}.community-page .event-card h2{font-size:24px}.admin-community{max-width:1200px;padding:32px 28px 60px}.admin-community h1{font-family:"Arial Black",Arial,sans-serif;font-size:40px}.admin-community>h2{margin-top:30px}
@media(max-width:1384px){.community-shell{margin:0 32px;padding:35px 0 60px}}@media(max-width:740px){.community-shell{margin:0 18px;padding:28px 0 40px}.community-page h1{font-size:30px;letter-spacing:-1px}.community-page .page-title{padding-bottom:20px}.community-page .stat strong{font-size:30px}.community-page .empty{padding:35px 18px}.community-page .empty strong{font-size:19px}.community-page th,.community-page td{padding:16px 12px}.admin-community{padding:20px 18px}.admin-community .community-admin-banner{padding:25px;min-height:220px;background-size:auto 100%;background-position:right center}.admin-community .community-admin-banner h1{font-size:27px;max-width:70%;text-shadow:2px 2px #111}.admin-community .community-admin-banner #health{background:#171713;max-width:80%;padding:8px}.community-page .top-tabs{margin:0 18px!important}}

.player-link{display:inline-flex;align-items:center;gap:10px}.steam-avatar{border:2px solid #171b14;object-fit:cover;border-radius:3px;flex-shrink:0}.profile-avatar{border:4px solid #171b14;margin-bottom:20px;object-fit:cover}.mode-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.mode-tabs button{flex:1;min-width:160px;font-size:1.1rem}.party-member{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #d1c9b9}.party-member .player-link{min-width:0;overflow-wrap:anywhere}.party-member button{flex-shrink:0}#arena-connect .panel{border:4px solid var(--orange,#f36b2b)}

/* Guest-client key: masked monospace field with reveal and copy controls. */
.guest-key-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 10px}
.guest-key-row input{flex:1;min-width:220px;font-family:ui-monospace,Consolas,monospace;letter-spacing:.4px}
.guest-key-row button{flex-shrink:0}

/* A single continuous Steam achievement reel with completion-dependent effects. */
.achievement-showcase{--award:#7a8451;--award-glow:#7a845144;position:relative;margin:20px 0 36px;padding:24px;background:#f7f3e8;border:3px solid #171713;box-shadow:6px 8px 0 #38201155,0 20px 32px -14px #38201170;overflow:hidden}
.achievement-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.achievement-summary p{margin:8px 0 0;font-variant-numeric:tabular-nums}
.achievement-summary p strong{font-size:30px}.achievement-summary p span{font-size:17px;color:#766c59}
.achievement-percent{display:flex;align-items:center;gap:14px}.achievement-percent>strong{font-size:40px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.achievement-tier{background:var(--award);color:#171713;border:2px solid #171713;padding:7px 9px;font-weight:800;font-size:14px;box-shadow:3px 3px 0 #171713;transform:rotate(-4deg)}
.achievement-meter{height:26px;border:3px solid #171713;background:#ded7c7;position:relative;margin-bottom:22px;box-shadow:inset 0 3px 0 #17171318}
.achievement-fill{display:block;height:100%;background:var(--award);position:relative;overflow:hidden;transition:width .8s ease}
.achievement-fill::after{content:"";position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(115deg,transparent 0 16px,#fff6 16px 25px,transparent 25px 40px);background-size:44px 100%}
.achievement-sparks{display:none;position:absolute;inset:-10px 8px;color:#fff4b2;font-size:21px;line-height:38px;word-spacing:34px;white-space:nowrap;overflow:hidden;pointer-events:none;text-shadow:1px 2px #7a491e}
.achievement-ribbon{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#bca67f transparent;padding:8px 0 12px;mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
.achievement-track{display:flex;width:max-content;animation:achievement-reel 120s linear infinite}
.achievement-group{display:flex;flex:none;gap:12px;padding-right:12px}
body.community-page .achievement-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;flex:0 0 116px;width:116px;padding:10px 8px 9px;background:#eae4d5;border:2px solid #bcb29c;color:#171713;box-shadow:3px 4px 0 #b9ab9144;white-space:normal;cursor:pointer}
body.community-page .achievement-tile:hover{background:#fff8e8;border-color:var(--award)}
.achievement-picture{display:block;position:relative;width:80px;height:80px;background:#171713;box-shadow:0 2px 7px #0004}
.achievement-picture img{display:block;width:80px;height:80px;object-fit:cover}
.achievement-picture img[data-icon]:not([data-loaded]){visibility:hidden}
.achievement-picture>b{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;display:grid;place-items:center;background:#ece6d5;border:2px solid #171713;font-size:14px;line-height:1}
.achievement-placeholder{display:grid;place-items:center;height:100%;font-size:40px;color:#8d866b}
.achievement-name{font-size:14px;line-height:1.4;height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700}
.is-locked .achievement-picture img{filter:grayscale(1);opacity:.48}.is-locked .achievement-name{color:#79705e}
body.community-page .achievement-tile.is-unlocked{border-color:var(--award);background:#fff9e9}
.is-unlocked .achievement-picture>b{background:var(--award)}
.achievement-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.achievement-toolbar p{margin:0;line-height:1.6}
.achievement-detail{padding:18px 0 0;margin-top:16px;border-top:2px solid #d4c8af;font-size:14px;line-height:1.7}.achievement-detail>.pill{margin-left:12px}.achievement-detail p{margin:9px 0}
.achievement-ribbon:hover .achievement-track,.achievement-ribbon:focus-within .achievement-track,.is-paused .achievement-track{animation-play-state:paused}
.achievement-showcase[data-tier="50"]{--award:#f18a3c;--award-glow:#f18a3c55}
.achievement-showcase[data-tier="75"]{--award:#edb63e;--award-glow:#edb63e66}
.achievement-showcase[data-tier="90"]{--award:#efcd58;--award-glow:#e9a62b88}
.achievement-showcase[data-tier="95"]{--award:#eea276;--award-glow:#f0805999}
.achievement-showcase[data-tier="99"]{--award:#92d8ce;--award-glow:#53c8bc88}
.achievement-showcase[data-tier="100"]{--award:#f5d77c;--award-glow:#f5c94aaa;background:linear-gradient(125deg,#fff4cd,#f7f3e8 48%,#f7e6b5);border-color:#806022}
.achievement-showcase:not([data-tier="base"]) .achievement-fill::after{opacity:.65;animation:achievement-stripes 3s linear infinite}
.achievement-showcase:is([data-tier="75"],[data-tier="90"],[data-tier="95"],[data-tier="99"],[data-tier="100"]) .achievement-meter{box-shadow:0 0 15px var(--award-glow)}
.achievement-showcase:is([data-tier="90"],[data-tier="95"],[data-tier="99"],[data-tier="100"]) .achievement-fill{background:linear-gradient(100deg,var(--award) 15%,#fff1bd 48%,var(--award) 75%);background-size:220% 100%;animation:achievement-shine 5s ease-in-out infinite alternate}
.achievement-showcase:is([data-tier="95"],[data-tier="99"],[data-tier="100"]) .achievement-tier{box-shadow:3px 3px 0 #171713,0 0 20px var(--award-glow)}
.achievement-showcase:is([data-tier="99"],[data-tier="100"]) .achievement-sparks{display:block;animation:achievement-sparkle 4s ease-in-out infinite alternate}
.achievement-showcase[data-tier="100"] .achievement-fill{background:linear-gradient(100deg,#e5ad31,#fff2ac,#b6e4da,#ffe08c,#e5ad31);background-size:250% 100%}
.achievement-showcase[data-tier="100"] .achievement-percent>strong{color:#8b5515;text-shadow:1px 2px #fff3bb}
@keyframes achievement-reel{to{transform:translateX(-50%)}}
@keyframes achievement-stripes{to{background-position:44px 0}}
@keyframes achievement-shine{to{background-position:100% 0}}
@keyframes achievement-sparkle{from{opacity:.5;transform:translateX(-5px)}to{opacity:1;transform:translateX(5px)}}
@media(max-width:740px){.achievement-showcase{padding:16px}.achievement-percent{gap:9px}.achievement-percent>strong{font-size:30px}.achievement-summary p strong{font-size:25px}.achievement-summary .eyebrow{font-size:14px;letter-spacing:.7px}.achievement-tier{font-size:14px;padding:5px}.achievement-toolbar{align-items:flex-start}.achievement-toolbar button{flex:none}.achievement-summary{gap:10px}}
@media(prefers-reduced-motion:reduce){.achievement-track,.achievement-fill,.achievement-fill::after,.achievement-sparks{animation:none!important}.achievement-copy{display:none}.achievement-fill{transition:none}.achievement-toolbar button{display:none}}

/* Section posters keep explanatory copy readable and the workspace compact. */
.community-page .page-title.illustrated-title{display:grid;grid-template-columns:minmax(0,1fr) 38%;min-height:0;align-items:stretch;gap:0;overflow:hidden;border:3px solid var(--ink);padding:0;margin-bottom:16px;background:var(--panel);box-shadow:5px 6px 0 #38201145}
.illustrated-title .page-title-copy{padding:10px 20px;align-self:center;min-width:0}
.community-page .illustrated-title h1{margin:5px 0 7px;font-size:28px}
.community-page .illustrated-title .muted{line-height:1.5;font-size:14px;max-width:740px}
/* Show 80% of the original height. Center crop (10% per side), then move the image down by 10% of its full height: final crop starts at the top. */
.section-header-art{width:100%;height:auto;aspect-ratio:15 / 8;align-self:start;min-height:0;max-height:none;object-fit:cover;object-position:50% 0%;border-left:3px solid var(--ink);image-rendering:auto;filter:blur(.3px);transform:translateZ(0);backface-visibility:hidden;will-change:filter;display:block}
@media(max-width:740px){.community-page .page-title.illustrated-title{grid-template-columns:1fr;min-height:0}.illustrated-title .page-title-copy{padding:14px}.community-page .illustrated-title h1{font-size:22px}.section-header-art{width:100%;height:auto;min-height:0;max-height:none;border-left:0;border-top:3px solid var(--ink)}.community-page .illustrated-title .muted{font-size:14px}}

#match-found{width:min(520px,calc(100vw - 32px));padding:28px;border:3px solid var(--ink);background:var(--panel);color:var(--ink);box-shadow:8px 10px 0 #17171355}#match-found::backdrop{background:#171713aa}#match-found h2{font-size:30px;margin:10px 0 18px}#match-found p{line-height:1.6}#match-found .actions{display:flex;gap:12px;flex-wrap:wrap}

.ranked-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ranked-setup,.ranked-rules{min-width:0}.ranked-rules{border-left:1px solid #d1c9b9;padding-left:28px}.ranked-panel h2{margin-top:0}@media(max-width:740px){.ranked-panel{grid-template-columns:1fr;gap:20px}.ranked-rules{border-left:0;border-top:1px solid #d1c9b9;padding:20px 0 0}}

.player-link{flex-wrap:nowrap;white-space:nowrap;vertical-align:middle;gap:8px}.player-clan-tag{display:inline-block;flex:0 0 auto;font-size:14px;line-height:1.2;padding:4px 6px;color:#425128;border:1px solid #67733e;background:#e3e3cc}.player-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.party-member .player-link{overflow:hidden;overflow-wrap:normal}

.elo-badge{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;white-space:nowrap}.elo-rank-sprite{display:block;flex:0 0 auto;width:52px;height:52px;background-image:url(/public/art/elo-ranks.png?v=2);background-size:500% 200%;background-repeat:no-repeat;image-rendering:auto}.elo-value{font-weight:700;font-size:17px;line-height:1.2}.elo-value small{display:block;font-size:14px;font-weight:400;margin-top:4px}.elo-stat .elo-badge{margin-top:12px}.elo-stat .elo-rank-sprite,.personal-rank .elo-rank-sprite{width:76px;height:76px}.elo-stat .elo-value,.personal-rank .elo-value{font-size:24px}
.elo-tier-0{background-position:0% 0%}
.elo-tier-1{background-position:25% 0%}
.elo-tier-2{background-position:50% 0%}
.elo-tier-3{background-position:75% 0%}
.elo-tier-4{background-position:100% 0%}
.elo-tier-5{background-position:0% 100%}
.elo-tier-6{background-position:25% 100%}
.elo-tier-7{background-position:50% 100%}
.elo-tier-8{background-position:75% 100%}
.elo-tier-9{background-position:100% 100%}

.draft-options{display:flex;flex-wrap:wrap;gap:10px}.draft-options button{min-width:130px;flex:1 0 130px}.draft-options button:disabled{opacity:.6;cursor:default}.draft-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.draft-slots>div{border:2px solid var(--ink);padding:14px}.draft-turn{background:#efd39b;padding:12px}.draft-panel details{margin-top:18px}.draft-panel li{font-size:15px;line-height:1.6}@media(max-width:740px){.draft-slots{grid-template-columns:1fr}}

body.community-page .draft-options .draft-banned:disabled {background:#454545!important;color:#aaa!important;border-color:#666!important;opacity:1;cursor:not-allowed;}
.draft-choice {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;}
.draft-ban-avatar {width:34px;height:34px;object-fit:cover;border:3px solid #ff3e3e;filter:grayscale(1) sepia(1) saturate(6) hue-rotate(315deg);box-shadow:0 0 0 2px #831c1c;}
.match-journal{color:#f5efda}.match-journal h2,.match-journal dt,.match-journal p{color:inherit}.match-journal select{background:#303e28;color:#f5efda;border:2px solid #667452;padding:10px;font:inherit}
/* Personal ranked result; mounted outside the periodically refreshed view. */
.ranked-result{box-sizing:border-box;color:#f5efda;background:#242d20;border:3px solid #f47732;box-shadow:12px 12px 0 #1119;width:min(480px,calc(100vw - 32px));max-height:90dvh;padding:32px;text-align:center;overflow:auto}
.ranked-result::backdrop{background:#090d09d9;backdrop-filter:blur(5px)}
.ranked-result h2{font-size:clamp(32px,7vw,56px);margin:12px 0;color:#ffd166}
.ranked-result.lost h2{color:#e8a18c}
.result-rank-window{height:96px;overflow:hidden;margin:18px auto;width:220px}
.result-rank-reel{display:flex;width:100%}
.result-rank-cell{flex:0 0 100%;height:96px;display:flex;align-items:center;justify-content:center}
.result-rank-cell .elo-rank-sprite{width:88px;height:88px;flex-shrink:0}
.result-number-window{height:72px;overflow:hidden;font-size:56px;font-weight:900;font-variant-numeric:tabular-nums;line-height:72px}
.result-number-reel>span{display:block;height:72px}
.result-elo-label{font-size:20px}.result-elo-label b{margin-left:12px;color:#ffd166}
.ranked-result button{margin-top:16px;min-width:180px;background:#b8441b;color:#fff4df;padding:12px 20px;border:2px solid #f47732;cursor:pointer}
.ranked-result .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.result-victory-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.result-victory-particle{position:absolute;left:50%;top:38%;box-shadow:1px 1px 0 #161c1690;will-change:transform,opacity}
.result-victory-flash{position:absolute;left:calc(50% - 110px);top:calc(38% - 110px);width:220px;height:220px;opacity:0;background:radial-gradient(circle,#ffe7a080 0, #ff8b2333 35%,transparent 70%);pointer-events:none}
.journal-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.journal-map{display:block;width:100%;max-width:380px;border:2px solid #667452}.journal-kills{padding:0;list-style:none;max-height:500px;overflow:auto}.journal-kill{width:100%;text-align:left;margin:4px 0;color:#fff0d7;background:#303e28;padding:12px;border:2px solid #60714b}.journal-kill.selected{border-color:#f47732}.journal-kill small{display:block}.match-journal dd{margin:4px 0 14px;font-variant-numeric:tabular-nums}.journal-round{max-width:100%}@media(max-width:650px){.journal-layout{grid-template-columns:1fr}}

.podium-art{overflow:hidden}.live-match-list{display:flex;flex-wrap:wrap;gap:12px}.live-match-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;background:var(--olive,#353c26);border:2px solid var(--ink);flex:1 1 260px}.live-match-list p{margin:4px 0}.live-matches h2{margin-bottom:12px}
.journal-navigation{display:flex;align-items:center;justify-content:center;gap:24px}.journal-navigation button{font-size:24px;min-width:48px}.journal-navigation strong{font-size:24px}.journal-map-title{text-align:center}.match-journal .journal-map{width:100%;max-width:620px;margin:auto;aspect-ratio:1}.journal-name{font:600 12px sans-serif;fill:#fff;stroke:#111;stroke-width:3px;paint-order:stroke}.match-journal .journal-kills{max-width:760px;margin:16px auto;max-height:280px}.match-journal .journal-kill{display:flex;justify-content:center;align-items:center;gap:16px;font-size:19px;text-align:center}.journal-kill img{width:72px;height:36px;object-fit:contain}.journal-kill span{flex:1;overflow-wrap:anywhere}.journal-kill span:first-child{text-align:right;color:#f6d779}.journal-kill span:last-child{text-align:left;color:#f3ac8c}

/* All recorded kills remain visible; selecting one updates only the map. */
.journal-all-events{grid-template-columns:minmax(280px,1fr) minmax(0,1.2fr);align-items:start;direction:ltr}
.journal-feed{min-width:0}.journal-round-group h3{font-size:18px;margin:16px 0 6px;color:#ffd166}
.match-journal .journal-all-events .journal-kills{max-height:none;overflow:visible;margin:0;max-width:none}
.match-journal .journal-all-events .journal-kill{gap:8px;font-size:16px;padding:10px 8px;justify-content:space-between}
.journal-all-events .journal-kill small{font-size:12px;font-variant-numeric:tabular-nums;color:#ddd5bf;flex:none}
.journal-all-events .journal-kill img{width:52px;height:30px;flex:none}
.journal-map-panel{position:sticky;top:16px;min-width:0}
.journal-all-events .journal-kill:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
@media(max-width:700px){.journal-all-events{grid-template-columns:1fr}.journal-map-panel{grid-row:1;position:static}.journal-all-events .journal-map{max-height:45vh}}

.journal-team-blue{color:#83caff;font-weight:800;white-space:nowrap}.journal-team-green{color:#a9df77;font-weight:800;white-space:nowrap}

/* Compact match summary and individual round cards. */
.match-summary-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px;align-items:start}
.match-summary-players{min-width:0;overflow-x:auto}.match-summary-players .panel{border:0;box-shadow:none;padding:0;margin:0}
.match-summary-elo{border-left:2px solid #667452;padding-left:20px}.match-summary-elo h2{font-size:20px;margin-top:0}
.journal-all-events .journal-round-group{background:#263321;border:1px solid #667452;padding:8px 10px;margin:0 0 8px}
.journal-all-events .journal-round-header{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.journal-all-events .journal-round-group h3{margin:0;font-size:16px;line-height:1.2}
.journal-round-score{font-size:14px;line-height:1.2;font-variant-numeric:tabular-nums}
.match-journal .journal-all-events .journal-kill{padding:5px 6px;margin:5px 0 0;gap:6px;font-size:15px}
.journal-all-events .journal-kill img{height:26px;width:48px}.journal-round-group>p{margin:6px 0;font-size:13px}
@media(max-width:700px){.match-summary-split{grid-template-columns:1fr}.match-summary-elo{border-left:0;border-top:2px solid #667452;padding:14px 0 0}}

/* Dense round cards: one header row, compact kill rows. */
.match-journal .journal-all-events .journal-round-group{padding:5px 8px;margin-bottom:5px}
.match-journal .journal-all-events .journal-round-header{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.match-journal .journal-all-events .journal-round-header h3{font-size:15px;line-height:18px;margin:0}
.match-journal .journal-all-events .journal-round-score{font-size:14px;line-height:18px;white-space:nowrap}
.match-journal .journal-all-events .journal-kills{padding:0;list-style:none;margin:0}
.match-journal .journal-all-events .journal-kills>li{margin:0;padding:0;list-style:none}
.match-journal .journal-all-events .journal-kill{min-height:30px;padding:2px 5px;margin:3px 0 0;line-height:20px;box-shadow:none}
.match-journal .journal-all-events .journal-kill img{height:22px;width:44px}
.match-journal .journal-all-events .journal-round-group>p{margin:3px 0 0;line-height:18px}

/* The round list scrolls independently alongside a stationary map. */
.match-journal .journal-all-events{height:clamp(280px,65vh,620px);grid-template-rows:minmax(0,1fr);align-items:stretch}
.match-journal .journal-all-events .journal-feed{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px}
.match-journal .journal-all-events .journal-map-panel{position:static;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.match-journal .journal-all-events .journal-map{height:100%;width:100%;max-height:100%;object-fit:contain;margin:0}
@media(max-width:700px){.match-journal .journal-all-events{height:min(75vh,760px);min-height:360px;grid-template-rows:minmax(0,1fr) minmax(120px,1fr);gap:12px}.match-journal .journal-all-events .journal-map-panel{grid-row:1}.match-journal .journal-all-events .journal-feed{grid-row:2}}

/* Match results use the available viewport; only event/player lists scroll. */
.match-summary-players tr.match-winner td{background:#46502b;color:#fff0b2}
.community-page .match-summary-split{padding:10px 12px;margin:0 0 10px;gap:14px}
.community-page .match-summary-split td,.community-page .match-summary-split th{padding:7px 10px}
.community-page .match-summary-elo h2{margin:0 0 6px;font-size:18px}
.community-page .match-summary-elo p{margin:5px 0}
@media(min-width:701px){
 body.community-page .community-shell:has(.match-journal){display:flex;overflow:hidden;min-height:0}
 #community-view:has(.match-journal){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 #community-view:has(.match-journal)>.page-title{flex:none;margin-bottom:8px;padding-bottom:0}
 #community-view:has(.match-journal)>.page-title h1{font-size:26px;margin:3px 0}
 #community-view:has(.match-journal)>.match-summary-split{flex:none;max-height:180px;overflow:auto}
 .community-page .match-journal{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 12px;margin:0}
 .community-page .match-journal>h2{flex:none;font-size:18px;margin:0 0 6px}
 .community-page .match-journal .journal-all-events{height:auto;min-height:0;flex:1;margin-top:0}
}

/* Nicknames follow recorded team identity, never killer/victim role. */
.community-page a.player-link.player-team-blue,.community-page a.player-link.player-team-blue .player-name,.community-page a.player-link.player-team-blue .player-clan-tag,.match-journal .journal-kill span.player-team-blue{color:#83caff}
.community-page a.player-link.player-team-green,.community-page a.player-link.player-team-green .player-name,.community-page a.player-link.player-team-green .player-clan-tag,.match-journal .journal-kill span.player-team-green{color:#a9df77}
.match-journal .journal-kill span.player-team-neutral{color:#e6dfcd}
.match-journal .journal-name.player-team-blue{fill:#83caff}.match-journal .journal-name.player-team-green{fill:#a9df77}.match-journal .journal-name.player-team-neutral{fill:#e6dfcd}

/* Original game silhouettes, tinted with the recorded team colour. */
.journal-score-icon{display:inline-block;flex:none;vertical-align:middle;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;width:26px;height:24px}
.score-head-blue{mask-image:url('/community/api/journal-asset?name=score-head-blue');-webkit-mask-image:url('/community/api/journal-asset?name=score-head-blue');color:#83caff}
.score-head-green{mask-image:url('/community/api/journal-asset?name=score-head-green');-webkit-mask-image:url('/community/api/journal-asset?name=score-head-green');color:#a9df77}
.score-crown{mask-image:url('/community/api/journal-asset?name=score-crown');-webkit-mask-image:url('/community/api/journal-asset?name=score-crown');width:24px;height:20px;margin-right:5px}
.score-crown.player-team-blue{color:#83caff}.score-crown.player-team-green{color:#a9df77}
.journal-round-score{display:flex;align-items:center;gap:5px}.journal-round-score>span{display:inline-flex;align-items:center;gap:4px}

/* Preserve original artwork; team colour fills the transparent background. */
.journal-score-icon{mask-image:none;-webkit-mask-image:none;background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:2px}
.journal-score-icon.score-head-blue{background-color:#83caff;background-image:url('/community/api/journal-asset?name=score-head-blue')}
.journal-score-icon.score-head-green{background-color:#a9df77;background-image:url('/community/api/journal-asset?name=score-head-green')}
.journal-score-icon.score-crown{background-image:url('/community/api/journal-asset?name=score-crown')}
.journal-score-icon.score-crown.player-team-blue{background-color:#83caff}
.journal-score-icon.score-crown.player-team-green{background-color:#a9df77}