:root{--size: 6;--lines: 3;--margin: 5;--lh: 1.3}html,body{margin:0;height:100%;background:#000;color:#fff;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:none}[hidden]{display:none!important}.screen{position:absolute;top:calc(var(--margin) * 1vh);right:calc(var(--margin) * 1vw);bottom:calc(var(--margin) * 1vh);left:calc(var(--margin) * 1vw)}#pair{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.label{margin:0;font-size:4vh;color:#bbb}.code{margin:1vh 0 3vh;font-size:22vh;font-weight:700;letter-spacing:.12em;line-height:1;font-variant-numeric:tabular-nums}.qr-box{background:#fff;padding:1.2vh;border-radius:1vh;line-height:0}#qr{width:22vh;height:22vh;image-rendering:pixelated;image-rendering:crisp-edges}.hint{margin:2.5vh 0 0;font-size:2.8vh;color:#bbb;max-width:70vw}.stage{position:absolute;left:0;right:0;bottom:0;height:calc(var(--size) * var(--lh) * var(--lines) * 1vh);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;font-size:calc(var(--size) * 1vh);line-height:var(--lh);font-weight:600}.cap{margin:0}.interim{color:#9a9a9a}.notice{position:absolute;left:0;right:0;bottom:0;margin:0;font-size:calc(var(--size) * .8vh);color:#ddd;text-align:center}.net{position:fixed;right:calc(var(--margin) * 1vw);top:calc(var(--margin) * 1vh);font-size:1.8vh;color:#666;display:flex;align-items:center}.net:before{content:"";width:1.2vh;height:1.2vh;border-radius:50%;margin-right:.8vh;background:#666}.net[data-state=teacher]:before{background:#2fbf4f}.net[data-state=online]:before{background:#d9a400}.net[data-state=offline]:before{background:#d33}@media(prefers-reduced-motion:no-preference){.net:before{transition:background-color .3s}}