*,*:before,*:after{box-sizing:border-box}:root{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#f8fafc;background:#020617;font-synthesis:none}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}#app{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr}.hud{z-index:2;padding:.8rem clamp(1rem,3vw,2rem);background:#07111f;border-bottom:1px solid #164e63;display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center}.hud h1,.hud p{margin:0}.hud h1{color:#67e8f9;letter-spacing:.16em;font-size:clamp(1.1rem,3vw,1.7rem)}.hud p{margin-top:.35rem;color:#94a3b8;font-size:.8rem}.score{display:flex;gap:.8rem;align-items:center;color:#94a3b8}.score b{color:#f8fafc;font-size:clamp(1.8rem,5vw,3rem)}.score i{color:#22d3ee;font-style:normal}.room-controls,.room-controls form{display:flex;gap:.45rem;align-items:end;justify-content:end;flex-wrap:wrap}.room-controls label{display:block;color:#94a3b8;font-size:.75rem}.room-controls input,.room-controls button{min-height:2.35rem;border:1px solid #155e75;border-radius:.2rem;padding:.35rem .65rem}.room-controls button{color:#ecfeff;background:#0e7490;cursor:pointer}.room-controls button:disabled{opacity:.5;cursor:wait}.room-controls input{width:min(15rem,50vw);color:#e2e8f0;background:#0f172a}kbd{margin-inline:.1rem;padding:.08rem .3rem;border:1px solid #475569;border-radius:.2rem}.canvas-host{min-height:20rem}.canvas-host canvas{display:block;width:100%;height:100%}.result{position:fixed;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;padding:1rem 2rem;color:#67e8f9;background:#020617dd;border:2px solid #22d3ee;font-size:clamp(2rem,8vw,5rem);letter-spacing:.12em}:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}@media(max-width:850px){.hud{grid-template-columns:1fr auto}.room-controls{grid-column:1 / -1;justify-content:start}}