:root{font-family:Trebuchet MS,Arial,sans-serif;color:#f4f1e8;background:#101214;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.shell{max-width:1120px;margin:auto;padding:30px 28px;min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303438;padding-bottom:22px}.wordmark{font:700 18px Arial Narrow,Arial,sans-serif;letter-spacing:.12em;color:#f0b84c}.connection{font:700 11px Trebuchet MS,Arial,sans-serif;letter-spacing:.12em;color:#78d1b0;display:flex;gap:9px;align-items:center}.connection span{width:8px;height:8px;background:#78d1b0;border-radius:50%}.connection.down{color:#ec7670}.connection.down span{background:#ec7670}.panel{margin:58px 0 40px}.eyebrow{color:#82909a;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 11px}h1{font:600 clamp(42px,7vw,82px)/.95 "Arial Narrow",Arial,sans-serif;letter-spacing:-.025em;margin:0;color:#faf8f0}.panel-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.timer{font:600 clamp(58px,9vw,108px)/.75 "Arial Narrow",Arial,sans-serif;letter-spacing:-.03em;color:#f0b84c;text-align:right}.timer small{display:block;font:700 10px Trebuchet MS,Arial,sans-serif;letter-spacing:.16em;color:#82909a;margin-top:13px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.option{min-height:142px;border:1px solid #3b4145;background:#1a1e20;color:#f4f1e8;padding:22px;text-align:left;display:grid;grid-template-columns:45px 1fr;grid-template-rows:1fr auto;column-gap:14px;cursor:pointer;transition:border-color .15s,background .15s}.option:hover:not(:disabled),.option:focus-visible{border-color:#f0b84c;background:#22282a;outline:none}.option:focus-visible{box-shadow:0 0 0 3px #101214,0 0 0 5px #f0b84c}.option:disabled{cursor:default;opacity:.7}.option.chosen{border-color:#78d1b0;background:#172623;opacity:1}.key{grid-row:1/3;border:1px solid #566066;width:38px;height:38px;display:grid;place-items:center;font:600 24px Arial Narrow,Arial,sans-serif;color:#f0b84c}.label{font:600 clamp(21px,3vw,30px)/1 "Arial Narrow",Arial,sans-serif;align-self:center}.count{font-size:12px;color:#aeb7b8;align-self:end}.empty{border-top:1px solid #303438;border-bottom:1px solid #303438;padding:45px 0;display:flex;flex-direction:column;gap:10px}.empty strong{font:600 34px Arial Narrow,Arial,sans-serif}.empty span{color:#aeb7b8;font-size:14px}footer{margin-top:auto;border-top:1px solid #303438;padding-top:18px;display:flex;justify-content:space-between;color:#6e797e;font-size:10px;letter-spacing:.13em}.gate{max-width:440px;margin:0 auto;padding:18vh 28px}.gate h1{margin-top:72px}.gate .muted{color:#aeb7b8;margin:18px 0 42px;line-height:1.6}.gate form{display:grid;gap:10px}.gate label{font-size:13px;font-weight:700}.gate input{background:#1a1e20;border:1px solid #566066;color:#fff;padding:15px}.gate input:focus{outline:2px solid #f0b84c;outline-offset:2px}.gate button{border:0;background:#f0b84c;color:#151719;font-weight:700;padding:15px;cursor:pointer;margin-top:8px}.gate button:hover{background:#ffd477}.error{color:#ec7670;font-size:13px}@media(max-width:620px){.shell{padding:22px 18px}.panel{margin-top:44px}.panel-top{align-items:flex-start;gap:20px}.options{grid-template-columns:1fr;gap:10px}.option{min-height:104px;padding:16px}.empty{padding:38px 0}.empty strong{font-size:30px}footer{gap:15px;line-height:1.5}footer span:last-child{text-align:right}}