:root{color-scheme:dark;--ink:#101421;--panel:#191f30;--line:#59617a;--paper:#f5f0dc;--muted:#b4b8c6;--gold:#f4d477;--mint:#bedcb3}
*{box-sizing:border-box}body{margin:0;color:var(--paper);background:var(--ink);font:15px/1.5 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}a{color:inherit}button,input,select{font:inherit}
button,.button{border:2px solid var(--line);border-radius:0;background:#242b40;color:var(--paper);padding:10px 14px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}
button:hover,.button:hover{background:#343d54;border-color:var(--paper)}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--gold)!important;color:var(--ink)!important;border-color:#fff0b9!important;box-shadow:0 3px 0 #8b713b}.quiet{background:transparent}.eyebrow{color:var(--mint);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
input,select{min-height:44px;border:2px solid var(--line);border-radius:0;color:var(--paper);background:var(--ink);padding:8px 10px;max-width:100%}label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.brand img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.shell{max-width:1000px;margin:auto;padding:28px 20px 48px}.page-title{font-size:clamp(22px,5vw,32px);margin:32px 0 14px}
.list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.list article,.list .card{padding:18px;background:var(--panel);border:2px solid var(--line);overflow-wrap:anywhere}.list h2{font-size:18px}.list p{color:var(--muted);font-size:12px}.list a{display:inline-flex;align-items:center;min-height:44px;margin-right:20px;color:var(--gold)}.preview-banner{position:relative;z-index:10020;padding:5px 12px;background:#332d20;color:var(--gold);font-size:11px;line-height:1.4;text-align:center}.quick{display:flex;gap:18px;flex-wrap:wrap}.quick a{color:var(--gold);font-size:13px;min-height:32px;display:inline-flex;align-items:center}
.title-screen{min-height:100svh;display:flex;flex-direction:column}.title-menu{width:min(100%,380px);padding:32px 24px;margin:auto;text-align:center}.title-menu h1{font-size:clamp(34px,9vw,46px);letter-spacing:.02em;line-height:1.15;text-shadow:3px 3px 0 #000;margin:20px 0 30px}.title-menu h1 span{color:var(--gold)}.title-buttons{display:grid;gap:12px}.title-buttons .button{min-height:48px}.title-credit{color:var(--muted);font-size:12px;margin:28px 0 14px}.title-menu .quick{justify-content:center;gap:16px}.title-sprite{width:64px;height:64px;margin:0 auto;background:url('images/smallJalil.png') left top/auto 64px;image-rendering:pixelated}
@media(max-width:680px){.brand{font-size:14px}.shell{padding:20px 16px 36px}}

.leaderboard{max-width:760px}.leaderboard table{width:100%;border-collapse:collapse;table-layout:fixed}.leaderboard th,.leaderboard td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.leaderboard th:first-child{width:65px}.leaderboard th:last-child{width:120px}.leaderboard th:last-child,.leaderboard td:last-child{text-align:right;color:var(--gold)}