:root{--paper: #f7f5f0;--ink: #111111;--muted: #8a8478}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;cursor:none}#app{position:absolute;inset:2.5%;display:flex;align-items:center;justify-content:center}#stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#stage svg{width:100%;height:100%}body.student #app{inset:0;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}body.student #status{bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:clamp(11px,3.2vw,18px);white-space:nowrap}#status{position:absolute;left:2.5%;bottom:1.6%;font-size:clamp(11px,1.1vw,22px);letter-spacing:.02em;color:var(--muted);-webkit-user-select:none;user-select:none}#error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:70%;padding:1.2em 1.6em;text-align:center;font-size:clamp(18px,2.4vw,54px);line-height:1.35;color:var(--ink);background:var(--paper);border:2px solid var(--muted);border-radius:8px}#error[hidden]{display:none}#calibration{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:76%;padding:1.4em 1.8em;text-align:center;font-size:clamp(18px,2.2vw,48px);line-height:1.4;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:8px}#calibration[hidden]{display:none}#calibration p+p{margin-top:.7em}#calibration .hint{font-size:.5em;color:var(--muted)}