:root{font-family:system-ui,-apple-system,Hiragino Sans,sans-serif;color:#171717;background:#f4f4f1;--g:#174f3f;--line:#ddd}.app{width:min(100% - 32px,480px);margin:auto;padding:18px 0}.wide{max-width:820px}header{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:center;font-weight:800}header small{margin-left:auto}h1{font-size:30px}button,input,select{font:inherit}button{min-height:44px;border:1px solid #bbb;background:#fff;border-radius:7px;font-weight:700}.main{width:100%;background:var(--g);color:#fff;border-color:var(--g)}.small{width:auto;padding:6px 12px}.link{display:block;margin:12px auto;border:0;background:transparent}.danger{width:100%;color:#9d2525;border-color:#d4aaa6}.card,.number,.queue,.stats>div{background:#fff;border:1px solid var(--line);padding:18px;margin:12px 0}.step{display:grid;grid-template-columns:50px 1fr auto 50px;align-items:center;border:1px solid var(--line);background:#fff;margin:20px 0}.step button{border:0}.step b{font-size:28px;text-align:right}.step span{padding:0 12px}.queue{text-align:center}.queue b{display:block;font-size:80px}.number{display:flex;justify-content:space-between}.number b{font-size:28px}.card canvas{display:block;margin:auto;max-width:100%}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.stats b{display:block;font-size:32px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}form{display:grid;gap:8px}input,select{width:100%;padding:11px;box-sizing:border-box}video{width:100%;aspect-ratio:4/3;background:#111}.item{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:12px 0}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{min-height:35px}.issued{text-align:center;margin-top:15px}.issued b{display:block;font-size:64px}.item small,.item span{display:block;color:#666;font-size:12px}.item code{word-break:break-all}.board{margin:0;background:#111;color:#fff;text-align:center}.board main{padding:25px 5vw}.board header{border-color:#444}.board main>p{color:#aaa;font-size:24px;margin-top:8vh}.board #numbers{display:flex;justify-content:center;flex-wrap:wrap;gap:4vw}.board #numbers b{font-size:clamp(80px,15vw,190px);border-bottom:8px solid #fff}.board footer{font-size:24px;margin-top:10vh}@media(max-width:650px){.cols{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button:disabled{opacity:.45;cursor:not-allowed}#refresh{min-width:74px}