*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#2b1d14;--ink:#fff6e0;--dim:#c9b48f;--accent:#ffcf4d}html,body,#app{height:100%;color:var(--ink);user-select:none;touch-action:manipulation;background:#000;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app{place-items:center;display:grid}#stage{aspect-ratio:2;background:var(--bg);width:min(100vw,200vh);height:min(100vh,50vw);position:relative;overflow:hidden;container-type:size}#stage canvas{display:block;width:100%!important;height:100%!important}.overlay{z-index:10;text-align:center;background:#2b1d14f0;flex-direction:column;justify-content:center;align-items:center;gap:min(2.2cqh,16px);padding:min(3cqh,24px) min(3cqw,24px);display:flex;position:absolute;inset:0}.overlay.peek{background:#2b1d14b8}.overlay.hidden{display:none}.overlay h1{font-size:min(7cqh,44px);font-weight:900;line-height:1.1}.overlay .logo{width:auto;max-width:46cqw;height:auto;max-height:26cqh;margin-bottom:-.5cqh}.overlay p{color:var(--dim);max-width:380px;font-size:min(2.9cqh,16px);line-height:1.5}.overlay p b{color:var(--ink)}.overlay .keys{font-size:min(2.4cqh,13px)}.overlay .keys.hidden{display:none}.overlay .big{color:var(--accent);font-size:min(3.6cqh,20px);font-weight:900}kbd{color:var(--ink);background:#5b4630;border-radius:5px;padding:2px 7px}.picker{flex-direction:column;align-items:center;gap:4px;display:flex}.picker .level{letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-size:min(5.4cqh,34px);font-weight:900;line-height:1.1}.picker .level-note{color:var(--dim);font-size:min(2.5cqh,13px)}.picker .level-best{letter-spacing:1px;text-transform:uppercase;color:var(--accent);min-height:min(2.6cqh,14px);font-size:min(2.3cqh,12px);font-weight:800}.picker .level-icon{width:auto;max-width:13cqw;height:auto;max-height:17cqh}.arrows{gap:min(4cqw,26px);margin-top:min(1.4cqh,10px);display:flex}.overlay .arrows button{font:inherit;width:min(8cqw,52px);height:min(7.5cqh,44px);color:var(--accent);cursor:pointer;background:0 0;border:2px solid #5b4630;border-radius:12px;place-items:center;padding:0;font-size:min(5cqh,30px);line-height:1;display:grid}.overlay .arrows button:disabled{opacity:.3;cursor:default}.overlay button{font:inherit;color:#2b1d14;background:var(--accent);cursor:pointer;border:0;border-radius:14px;padding:min(2.4cqh,14px) min(5cqw,34px);font-size:min(3.4cqh,18px);font-weight:800}.portrait-orientation-gate{z-index:20;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 24px;display:none;position:absolute;inset:0}.portrait-orientation-gate strong{font-size:26px;line-height:1.15}.portrait-orientation-gate span{max-width:31ch;color:var(--dim);font-size:15px;line-height:1.45}@media (orientation:portrait) and (pointer:coarse){.portrait-orientation-gate{display:flex}}.overlay.bottom{pointer-events:none;background:0 0;justify-content:flex-end;padding-bottom:6%}.overlay.bottom button{pointer-events:auto}.row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;display:flex}.overlay button.ghost{border:2px solid var(--accent);color:var(--accent);background:0 0;flex-direction:column;gap:2px;font-size:15px;display:flex}.overlay button.ghost span{letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:600}.overlay button.gavel-btn{letter-spacing:1px;align-items:center;gap:12px;padding:12px 30px;font-size:22px;font-weight:900;display:flex;box-shadow:0 6px #b8892b}.overlay button.gavel-btn img{object-fit:contain;width:46px;height:46px}.overlay.waiting button{opacity:.5;pointer-events:none}.audit-bar{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:12px}.audit-bar button{font:inherit;letter-spacing:1px;color:#2b1d14;background:var(--accent);cursor:pointer;border:2px solid #2b1d14;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:800}