*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#08090d;color:#eee9e1;font:14px/1.5 system-ui,sans-serif}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:100dvh}#stage{position:relative;display:flex;align-items:center;justify-content:center;height:100dvh;overflow:hidden;background:#030406}#canvas{position:relative;max-width:100%;max-height:100%;line-height:0}canvas{display:block;max-width:100%;max-height:100%}#controls{padding:30px 26px;background:linear-gradient(150deg,#171922,#0c0e14);border-left:1px solid #ffffff12;overflow:auto;max-height:100dvh}.heading{display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:17px;font-weight:800;letter-spacing:3px}.tag{font-size:8px;letter-spacing:1.3px;color:#c7b99f}h1{font-size:38px;line-height:1.08;font-weight:500;letter-spacing:-1.8px;margin:30px 0 15px}h1 em{font-family:Georgia,serif;color:#d5b990;font-weight:400}.intro{color:#a8a9b5;font-size:13px;margin-bottom:25px}fieldset{padding:0;border:0;margin:0}label{display:block;font-size:9px;letter-spacing:1.7px;color:#b3ad9f;margin:15px 0}select,button{font:inherit;color:inherit;background:#ffffff07;border:1px solid #ffffff19;border-radius:7px;cursor:pointer}select{width:100%;padding:11px;margin-top:6px;font-size:12px;letter-spacing:0;color:#f1ede8;background:#20232c}button{padding:11px;font-size:12px;transition:background .15s}button:hover{background:#ffffff16}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #e3c28e;outline-offset:3px}button:disabled{opacity:.4;cursor:wait}#rooms{display:grid;gap:5px;margin:19px 0}#rooms button{text-align:left;padding:9px 12px;display:flex;gap:12px;align-items:center}#rooms b{font-size:10px;color:#b9b1a4;font-weight:400}#rooms button[aria-pressed=true]{border-color:#d9bd84;background:#dcc39a17}#rooms i{height:7px;width:7px;border-radius:50%;margin-left:auto}.transport{display:flex;gap:7px}#play{flex:1}.primary{width:100%;margin-top:9px;background:#dac39c;color:#17151a;font-weight:600;border:0}.primary:hover{background:#ecd4ac}.tools{display:flex;gap:7px;margin-top:9px}.tools button{flex:1;font-size:10px}.progress{height:2px;background:#ffffff18;margin-top:24px}#progress-fill{height:100%;width:0;background:#dcc39a}.time{display:flex;justify-content:space-between;font-size:10px;margin-top:9px;color:#d9c49e}#status{font-size:11px;color:#b5b5c1;min-height:32px}.hint{font-size:10px;color:#81838f;line-height:1.8}#download{display:block;color:#edcf9e;margin-top:12px}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#08090d;z-index:3}#load-status{color:#bbb1a0}#countdown{position:absolute;inset:0;display:grid;place-content:center;font-size:100px;text-shadow:0 0 30px #000;pointer-events:none}body.clean main{display:block}body.clean #controls{display:none}#restore{position:fixed;right:12px;top:12px;opacity:0;font-size:10px}#restore:hover,#restore:focus{opacity:1}[hidden]{display:none!important}@media(max-width:750px){main{display:flex;flex-direction:column}#stage{height:54dvh}#controls{max-height:none;border:0;padding:22px}h1{margin:18px 0 10px;font-size:30px}#rooms{grid-template-columns:1fr 1fr}body.clean #stage{height:100dvh}.intro{margin-bottom:15px}#controls label{display:inline-block;width:100%}}