:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f3f3ea;background:#090a08}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:20px 20px 36px}a{color:inherit}button,.tools>a{font:600 14px Arial;padding:10px 14px;min-height:44px;border:1px solid #ffe43055;border-radius:8px;color:#eeeedd;background:#171a10;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #fff3a8;outline-offset:3px}.tools{max-width:1160px;margin:0 auto 16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.tools>div{display:flex;gap:8px;flex-wrap:wrap}.tools .primary{background:#ffe430;color:#11140b;border-color:#ffe430}#poster{max-width:1160px;margin:auto;padding:28px;background:#10120e;border:1px solid #74682e;border-top:4px solid #ffe430;border-radius:14px;box-shadow:0 18px 60px #0005}header{position:relative}.brand{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b9bba9;font-size:12px;font-weight:bold;letter-spacing:.12em}.brand img{width:96px;height:46px;object-fit:contain}.eyebrow{font-size:12px;letter-spacing:.16em;color:#dacf78;margin:18px 0 8px}h1{font-size:clamp(30px,4.8vw,52px);line-height:1.05;letter-spacing:-.03em;margin:0 0 18px;font-weight:900}h1 em{font-style:normal;color:#ffe430}.meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 0;border-top:1px solid #ffe43033;color:#bcbfaf;font-size:12px;line-height:1.5}.meta>span{font-weight:700;color:#e4dfb8}.catalog-note{max-width:90ch;color:#b7bbab;font-size:14px;line-height:1.5;margin:0}.board-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:22px 0 16px}.board-toolbar label{display:flex;flex-direction:column;gap:7px;color:#d9ce81;font-size:12px;font-weight:700;letter-spacing:.1em}.board-toolbar select{min-height:44px;max-width:100%;width:270px;padding:10px 36px 10px 12px;border:1px solid #ffe43070;border-radius:8px;background:#171a10;color:#f5f5e9;font:16px Arial}.board-toolbar p{margin:0;padding-bottom:10px;color:#b7bbab;font-size:14px;line-height:1.4}.boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.board{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #ffe43033;border-radius:12px;background:#151810}.board-head{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px}.board-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080a07;border-radius:7px}.board h2{font-size:21px;line-height:1.15;margin:0 0 8px;letter-spacing:-.02em}.board-label{display:inline-block;color:#ffe430;font-size:14px;font-weight:700;line-height:1.35}.board .mode{font-size:13px;line-height:1.45;color:#aeb6a2;margin:12px 0 16px}.rank-labels{display:flex;justify-content:space-between;gap:12px;margin:0 0 7px;color:#aeb6a2;font-size:12px;line-height:1.3}.rank-labels span:last-child{text-align:right}.ranks{list-style:none;margin:0;padding:0}.rank{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 8px;border-bottom:1px solid #ffe43022;font-size:15px;line-height:1.35}.rank:first-child{padding:16px 10px;margin-bottom:4px;border:1px solid #c7ae3f;border-radius:8px;background:linear-gradient(110deg,#6d581d80,#242717);box-shadow:inset 3px 0 #ffe430}.rank:first-child .position{color:#ffe430}.rank:first-child .player{font-size:18px;font-weight:bold;color:#fff2a0}.rank:first-child .points{font-size:20px;color:#ffe430}.position{font:700 14px monospace;color:#aeb6a2}.player{overflow-wrap:anywhere;min-width:0}.points{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.score-link{align-self:flex-start;margin-top:auto;padding:11px 0 0;min-height:44px;border:0;background:none;border-radius:0;color:#ffe430;font-size:14px;text-decoration:underline;text-underline-offset:4px}.empty{color:#b9c1b0;font-size:15px;line-height:1.5;min-height:100px;margin:0;padding-top:12px}footer{margin-top:26px;border-top:1px solid #ffe43033;padding-top:20px;display:flex;gap:10px;flex-direction:column}footer strong{color:#ffe430;font-size:15px;letter-spacing:.03em}footer span,footer a{color:#aeb6a2;font-size:13px}#status{max-width:1160px;margin:14px auto;color:#c9cebe;font-size:14px;line-height:1.5}
.rank:nth-child(2),.rank:nth-child(3){padding:14px 10px;margin-bottom:4px;border:1px solid;border-radius:8px}
.rank:nth-child(2){border-color:#87939b;background:linear-gradient(110deg,#4a555d66,#1b211d);box-shadow:inset 3px 0 #bdc6ce}
.rank:nth-child(2) .player,.rank:nth-child(2) .position{color:#e2e9ed}.rank:nth-child(2) .points{color:#dde7ee}
.rank:nth-child(3){border-color:#aa784c;background:linear-gradient(110deg,#60402977,#221b12);box-shadow:inset 3px 0 #d79862}
.rank:nth-child(3) .player,.rank:nth-child(3) .position{color:#f0d1b1}.rank:nth-child(3) .points{color:#f0ba88}
/* Hall-only rankings skin: shared game dialogs retain their existing styles. */
.hall-page #arcade-leaderboard{width:min(600px,94vw);padding:22px;border:1px solid #d9bd42;border-radius:14px;background:#10130d;color:#f4f4e9}
.hall-page #arcade-leaderboard::backdrop{background:#030503df}
.hall-page #arcade-leaderboard h2{font-size:24px;line-height:1.15}
.hall-page #arcade-leaderboard .lb-heading span{font-size:12px;letter-spacing:.12em}
.hall-page #arcade-leaderboard .lb-result{font-size:14px;line-height:1.5;color:#cfc78b}
.hall-page #arcade-leaderboard button{min-height:44px;background:#ffe430;color:#10130d}
.hall-page #arcade-leaderboard .lb-close,.hall-page #arcade-leaderboard .lb-refresh{background:#222719;color:#f6f5e8;border:1px solid #ffe43055}
.hall-page #arcade-leaderboard select{background:#171d11!important;color:#ffe430!important;border-color:#ffe43070!important}
.hall-page #arcade-leaderboard table{table-layout:fixed;font-size:14px;line-height:1.4}
.hall-page #arcade-leaderboard th,.hall-page #arcade-leaderboard td{padding:12px 8px;border-color:#ffe43022;overflow-wrap:anywhere}
.hall-page #arcade-leaderboard th:first-child{width:56px;white-space:nowrap}
.hall-page #arcade-leaderboard th:last-child{width:120px}
.hall-page #arcade-leaderboard td:last-child{font-variant-numeric:tabular-nums;font-weight:700}
.hall-page #arcade-leaderboard tbody tr:first-child{background:#6d581d55;color:#fff0a5;box-shadow:inset 3px 0 #ffe430}
.hall-page #arcade-leaderboard tbody tr:first-child td:last-child{color:#ffe430}
.hall-page #arcade-leaderboard tbody tr:nth-child(2){background:#6d798442;color:#e2e9ed;box-shadow:inset 3px 0 #bdc6ce}
.hall-page #arcade-leaderboard tbody tr:nth-child(2) td:last-child{color:#dde7ee}
.hall-page #arcade-leaderboard tbody tr:nth-child(3){background:#70472555;color:#f0d1b1;box-shadow:inset 3px 0 #d79862}
.hall-page #arcade-leaderboard tbody tr:nth-child(3) td:last-child{color:#f0ba88}
.hall-page #arcade-leaderboard :focus-visible{outline:3px solid #fff3a8;outline-offset:3px}
@media(max-width:760px){body{padding:12px 10px 28px}#poster{padding:20px 16px}.boards{grid-template-columns:minmax(0,1fr)}.brand span{font-size:11px;max-width:160px;text-align:right}.board{padding:16px}.board-head{grid-template-columns:112px minmax(0,1fr);gap:12px}.tools>div{flex:1}.tools button{padding:10px 12px}.board-toolbar{align-items:stretch}.board-toolbar label{min-width:0;flex:1}.board-toolbar select{width:100%}.board-toolbar p{width:100%;padding:0}.rank:first-child .player{font-size:17px}.rank:first-child .points{font-size:18px}.hall-page #arcade-leaderboard{padding:16px}.hall-page #arcade-leaderboard th:last-child{width:105px}}
@media(max-width:379px){.board-head{grid-template-columns:88px minmax(0,1fr);gap:10px}.board h2{font-size:19px}.rank{grid-template-columns:22px minmax(0,1fr) auto;gap:6px;padding-left:4px;padding-right:4px}.rank:first-child,.rank:nth-child(2),.rank:nth-child(3){padding-left:6px;padding-right:6px}.rank:first-child .player{font-size:16px}.rank:first-child .points{font-size:16px}}
/* Futuristic trophy chamber: metallic planes, circuit light and a receding grid. */
:root{background:#050608;color:#f5f5f7}body{overflow-x:clip;isolation:isolate;background:radial-gradient(ellipse at 50% 0,#ffe43014,transparent 55%),repeating-linear-gradient(90deg,transparent 0 159px,#ffe43008 160px,#000 161px,#0d0f13 163px);min-height:100vh}body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 18%,#ffe43033 18.05%,transparent 18.15% 81%,#ffe43026 81.1%,transparent 81.2%),linear-gradient(60deg,transparent 0 18%,#ffe43022 18.05%,transparent 18.15% 81%,#ffe43033 81.1%,transparent 81.2%)}body::after{content:"";position:fixed;z-index:-1;pointer-events:none;left:-50%;right:-50%;bottom:-45vh;height:85vh;transform:perspective(420px) rotateX(58deg);transform-origin:center top;background:linear-gradient(#ffe43024 1px,transparent 1px),linear-gradient(90deg,#ffe43024 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#000 25%);opacity:.75}#poster{background:linear-gradient(135deg,#15171bd9,#090a0edb);border-color:#ffe43040;border-top-color:#ffe430;border-radius:4px;box-shadow:0 24px 100px #000b,inset 0 0 80px #ffffff03}.tools button,.tools>a,.board-toolbar select{background:#14161b;border-color:#ffe43055;color:#f5f5f7}.tools .primary{background:#ffe430;color:#090a0c}.brand,.meta,.catalog-note,.board-toolbar p,.board .mode,.rank-labels,footer span,footer a,#status{color:#bec1c8}.meta>span{color:#e5e6e9}.board{background:linear-gradient(140deg,#252830c7,#101217e8);border-color:#ffffff26;border-top-color:#ffe43070;box-shadow:inset 0 1px #ffffff0c,0 12px 32px #0005;backdrop-filter:blur(12px);border-radius:6px}.board-art{background:#08090b}.rank:first-child{background:linear-gradient(110deg,#ffe43020,#111318);border-color:#ffe43070}.rank:first-child .player{color:#fff}.rank:nth-child(2){background:linear-gradient(110deg,#ffffff0e,#111318);border-color:#ffffff35;box-shadow:inset 3px 0 #d4d5d8}.rank:nth-child(3){background:linear-gradient(110deg,#ffe43008,#111318);border-color:#ffe43030;box-shadow:inset 3px 0 #a3974b}.rank:nth-child(3) .player,.rank:nth-child(3) .position,.rank:nth-child(3) .points{color:#ececed}.top-legends{position:relative;isolation:isolate;overflow:hidden;margin:0 0 24px;padding:26px 30px;border:1px solid #ffe43080;border-radius:5px;background:#0a0b0e;box-shadow:0 0 32px #ffe4300d,inset 0 1px #ffe43066}.top-legends::before{content:"";position:absolute;z-index:-1;inset:0;background:conic-gradient(from 35deg at 77% 40%,#ffffff04 0 55deg,#0000 55deg 115deg,#ffe43015 115deg 175deg,#0000 175deg 245deg,#ffffff0a 245deg 300deg,#0000 300deg),conic-gradient(from 12deg at 24% 80%,#ffffff09 0 60deg,#0000 60deg 130deg,#ffe4300a 130deg 190deg,#0000 190deg 290deg,#ffffff05 290deg);opacity:.9}.top-legends::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 30%,#ffe4300d 49%,#ffe43022 50%,transparent 51%);pointer-events:none}.legend-heading .eyebrow{margin:0 0 9px;color:#c8c9ce;font-size:12px;letter-spacing:.2em}.legend-heading h2{font-size:clamp(24px,4vw,36px);letter-spacing:.08em;margin:0 0 18px;color:#ffe430;font-weight:900}.legend-names{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px}.legend-names li{font-size:clamp(24px,4vw,38px);line-height:1.15;font-weight:800;color:white;overflow-wrap:anywhere;min-width:0;max-width:100%;text-shadow:0 2px 16px #000}.legend-detail{color:#ffe430;font-size:14px;font-weight:700;letter-spacing:.05em;line-height:1.6;margin:14px 0 0}.legend-rule{color:#bec1c8;font-size:13px;line-height:1.6;margin:18px 0 0;max-width:75ch}.top-legends[data-state=loading] .legend-detail,.top-legends[data-state=incomplete] .legend-detail,.top-legends[data-state=empty] .legend-detail{color:#e0e1e6;font-weight:400;letter-spacing:0}.hall-page #arcade-leaderboard{background:#101217;color:#f5f5f7}.hall-page #arcade-leaderboard .lb-close,.hall-page #arcade-leaderboard .lb-refresh{background:#202329}
@media(max-width:760px){.top-legends{padding:24px 20px;margin-bottom:20px}.legend-names{gap:12px 24px}.legend-rule{font-size:13px}.brand span{font-size:12px}.board-toolbar label{font-size:13px}}
@media(prefers-reduced-transparency:reduce){.board{background:#17191e;backdrop-filter:none}}

.hall-page #arcade-leaderboard tbody tr:first-child{background:#ffe4301c;color:#fff}.hall-page #arcade-leaderboard tbody tr:nth-child(3){background:#ffe43008;color:#ececed;box-shadow:inset 3px 0 #a3974b}.hall-page #arcade-leaderboard tbody tr:nth-child(3) td:last-child{color:#ececed}
@media(forced-colors:active){body::before,body::after,.top-legends::before,.top-legends::after{display:none}.top-legends,.board{border:1px solid CanvasText}}

/* Hall controls stay compact and the left-edge disclosure stays on-screen on phones. */
@media(max-width:760px){
 .hall-page>.tools{align-items:flex-start}
 .hall-page>.tools>.dacat-explore>.dacat-explore-links{left:0;right:auto;max-width:calc(100vw - 20px)}
}