*{box-sizing:border-box}html{font-family:system-ui,'Noto Sans KR',sans-serif;color:#152d49;background:#eaf1f8}body{margin:0}header,.tools,.hint,.student-picker{padding:10px max(12px,calc((100vw - 1400px)/2))}.student-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff4d6}.student-picker label{display:flex;align-items:center;gap:6px;font-weight:700}.student-picker select,.student-picker button{font:inherit;min-height:44px;padding:5px 10px;border:2px solid #235584;border-radius:8px;background:#fff;color:#173b5f}.student-picker button{cursor:pointer}.student-picker strong{padding:8px 12px;background:#164b80;color:#fff;border-radius:8px}.student-picker small{width:100%}.tools button:disabled{opacity:.5;cursor:not-allowed}header{background:#123c67;color:#fff}header a{display:inline-block;color:#fff;margin-right:20px;padding:7px 0}h1{font-size:clamp(1.2rem,2vw,1.8rem);margin:6px 0}header p{margin:5px 0 8px;line-height:1.5}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#d7e7f7}.tools button{font:inherit;font-weight:700;min-height:46px;border:2px solid #235584;border-radius:9px;background:#fff;color:#173b5f;padding:6px 12px;cursor:pointer}.tools button[aria-pressed=true]{background:#164b80;color:white}#status{font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e36e10;outline-offset:2px}#stage{overflow:auto;width:100%;padding:12px;background:#dce6ee;min-height:40vh}.paper{position:relative;width:min(100%,1600px);min-width:850px;margin:auto;box-shadow:0 2px 12px #2345;background:#fff}.paper img{display:block;width:100%;height:auto;user-select:none}#controls,#ink{position:absolute;inset:0;width:100%;height:100%}#ink{pointer-events:none;touch-action:none}.paper.drawing #ink{pointer-events:auto;cursor:crosshair}.paper.drawing #controls{pointer-events:none}.field,.mark{position:absolute}.field{border:0;border-radius:3px;background:transparent;color:#153d62;font:inherit;font-size:clamp(12px,1.3vw,23px);padding:1px 5px;min-width:0;resize:none}.mark{border:2px solid transparent;background:transparent;cursor:pointer;padding:0;color:transparent}.mark:hover,.mark:focus-visible{border-color:#164b80}.mark.on{border-color:#144f9e;background:#ffcc4355;color:#113b6e}.mark.cell.on{background:#30a36199;border-color:#146739}.mark.star.on{background:#ffda2780;border-color:#c88200;clip-path:polygon(50% 0%,63% 35%,100% 35%,70% 58%,80% 100%,50% 76%,20% 100%,30% 58%,0% 35%,37% 35%)}.mark.sign.on{border:4px solid #e95032;border-radius:50%;background:#ffffff10}.mark.car.on{background:#f2bd4780;border-color:#a55417;border-radius:35%}.mark.cell{font-size:clamp(12px,1.3vw,22px);font-weight:800}.hint{margin:0;line-height:1.6}#stage:fullscreen{display:flex;align-items:center}#stage:fullscreen .paper{flex:none}html:fullscreen{overflow:auto}html:fullscreen #stage{min-height:calc(100vh - 170px)}@media(max-width:900px){.paper{margin:0}.field{font-size:17px}}