:root{font-family:system-ui,sans-serif;color:#172033;background:#f7f8fb}main{max-width:42rem;margin:2rem auto;padding:0 1rem}button{padding:.55rem .8rem;margin:.2rem;font:inherit}textarea{display:block;width:100%;min-height:5rem;margin:.4rem 0}#qr{margin:.8rem 0}#qr svg{display:block;width:min(90vw,32rem);height:auto;background:#fff}#scanner-video{display:block;width:min(100%,24rem);margin:.8rem 0;background:#172033;border-radius:.4rem}#qr-overlay{position:fixed;z-index:1;inset:0;margin:0;padding:1rem;background:#172033;color:#fff;border-radius:0;box-shadow:none;overflow:auto}.qr-overlay-content{min-height:calc(100vh - 2rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.qr-overlay-content h2{margin:0}.qr-overlay-content p{max-width:28rem}.qr-overlay-content button{margin-top:1rem}#qr-full svg{display:block;width:min(90vw,90vh);height:auto;background:#fff}.spinner{width:3rem;height:3rem;margin:2rem;border:.35rem solid #fff4;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.board{display:grid;grid-template-columns:repeat(3,5rem);gap:.35rem}.square{height:5rem;font-size:2rem;font-weight:700}.muted{color:#596579}.error{color:#a00}section{margin:1.5rem 0;padding:1rem;background:white;border-radius:.5rem;box-shadow:0 1px 3px #0001}