:root{font-family:Georgia,Times New Roman,serif;color:#e8dcc6;background:#11100f;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -30%,#3d3022 0,transparent 65%),#11100f;min-height:100vh}main{max-width:1000px;margin:auto;padding:48px 36px 22px}header{text-align:center;margin-bottom:34px}h1{font-weight:400;font-size:clamp(36px,6vw,62px);letter-spacing:-2px;margin:12px 0 9px}.stage{position:relative;background:#000;border:1px solid #655035;box-shadow:0 0 0 5px #191610,0 22px 75px #0008;max-width:800px;margin:auto;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}canvas{width:100%;height:100%;object-fit:fill;image-rendering:pixelated;outline:none}.stage.square{aspect-ratio:8/5}#cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#2d2418,#13100b 75%);text-align:center}.ornament{font-size:55px;color:#b18c51}#loading{font:13px/1.8 system-ui,sans-serif;color:#aaa08e;margin:0 10px 26px}button{font:12px system-ui,sans-serif;border:1px solid #51432f;color:#dbcaac;background:#262015;padding:10px 16px;cursor:pointer;border-radius:2px}button:hover:enabled{background:#3b2e1a;border-color:#b39159}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #e9bf79;outline-offset:4px}#start{background:#c3a16a;color:#19140e;font-weight:600;padding:14px 24px;font-size:13px;min-width:206px}#start span{margin-left:28px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:19px auto 28px;max-width:800px;gap:15px}.toolbar>div{display:flex;gap:6px}#status{font:12px system-ui,sans-serif;color:#b3a58f}#status.error{color:#e69c83}.below{border-top:1px solid #352c20;padding-top:25px;display:flex;justify-content:space-between;gap:28px}h2{font-weight:400;font-size:19px;margin:0 0 17px}.below p{font:12px/1.9 system-ui,sans-serif;color:#b0a594;margin:8px 0}kbd{font:11px system-ui,sans-serif;padding:3px 5px;border:1px solid #504332;border-bottom-width:2px;border-radius:3px;background:#201c16;color:#e2ceb1}.below p span{margin:0 7px;color:#7b6546}.small{font:11px/1.8 system-ui,sans-serif!important;color:#897f70!important}.settings{display:flex;flex-direction:column;gap:14px;min-width:190px;padding-top:4px}.settings label{font:12px system-ui,sans-serif;color:#bdb09b;display:flex;align-items:center;gap:9px}input{accent-color:#c3a16a}.session-controls{margin-top:25px;border-top:1px solid #352c20;padding:20px 0 0}.actions{display:flex;gap:8px}output{font:11px monospace;color:#b59a6f}footer{display:flex;justify-content:space-between;gap:15px;padding-top:22px;font:10px/1.5 system-ui,sans-serif;color:#756c5e}a{color:#a38c66;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}:fullscreen.stage{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;background:#000}:fullscreen canvas{object-fit:contain;max-height:100vh;width:auto;aspect-ratio:4/3}:fullscreen.square canvas{aspect-ratio:8/5}@media(max-width:650px){main{padding:27px 15px}.below{flex-direction:column;gap:12px}.settings{flex-direction:row;flex-wrap:wrap}footer{flex-direction:column}.toolbar{align-items:flex-start}h1{letter-spacing:-1px}}.name-label{font:11px system-ui,sans-serif;color:#c0ad8e;margin:0 0 8px}.name-input{width:230px;padding:11px 14px;border:1px solid #76603e;border-radius:2px;background:#17130e;color:#f1dfbd;font:15px system-ui,sans-serif;text-align:center}.name-input:focus{outline:2px solid #c3a16a;outline-offset:2px}#capacity{max-width:800px;margin:-12px auto 22px}#start{margin-top:16px}.leaderboards{margin-top:30px;padding-top:24px;border-top:1px solid #352c20}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.board-heading h2{margin:0}.board-heading label{font:11px system-ui,sans-serif;color:#b3a58f}select{margin-left:8px;padding:8px;border:1px solid #51432f;background:#262015;color:#e8dcc6}table{border-collapse:collapse;width:100%;font:13px/1.6 system-ui,sans-serif;text-align:left}th,td{padding:12px 9px;border-bottom:1px solid #2b251c}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9d8a6c}td:nth-child(3){font-variant-numeric:tabular-nums}#board-message{font:13px system-ui,sans-serif;color:#aa9677}#run-status{max-width:800px;margin:-14px auto 25px}#run-status.unranked{color:#dea27a!important}.actions{flex-wrap:wrap}@media(max-width:650px){.board-heading{align-items:flex-start;flex-direction:column}td:last-child,th:last-child{display:none}.toolbar>div{flex-wrap:wrap;justify-content:flex-end}.ornament{font-size:30px}#loading{margin-bottom:12px}.name-input{padding:8px}#capacity{margin:-12px auto 22px}}.latest-runs{margin-top:30px;padding-top:24px;border-top:1px solid #352c20}.runs-scroll{overflow-x:auto}.latest-runs table{min-width:520px}.latest-runs th:last-child,.latest-runs td:last-child{display:table-cell}.latest-runs td:first-child{overflow-wrap:anywhere}#runs-message{font:13px system-ui,sans-serif;color:#aa9677}.pause-warning{max-width:800px;margin:-12px auto 25px;font:12px/1.7 system-ui,sans-serif;color:#d9b77d}
