@import "https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Gothic+A1:wght@200;300;400;500;700&display=swap";.school-root{--sc-bg:#eef0f2;--sc-bg-2:#e2e5e7;--sc-text:#0b0d0f;--sc-text-2:#2f353a;--sc-text-dim:#4d545a;--sc-line:#c9ced2;--sc-line-strong:#0b0d0f;--sc-accent:#0b0d0f;--sc-accent-dim:#4d545a;--sc-danger:#7a2620;--sc-surface:#e2e5e7;--sc-font-title:"Nanum Myeongjo", serif;--sc-font-body:"Gothic A1", "Apple SD Gothic Neo", sans-serif;--team-a:#2c3e6b;--team-b:#7c3b3b;--team-c:#4f6b3f;--team-d:#5b4e66;background-color:var(--sc-bg);width:100%;height:100%;color:var(--sc-text);font-family:var(--sc-font-body);background-image:radial-gradient(circle at 12% 18%,#fff 0 1.6px,#0000 2.2px),radial-gradient(circle at 78% 9%,#fff 0 1.2px,#0000 1.8px),radial-gradient(circle at 46% 31%,#fff 0 1.4px,#0000 2px),radial-gradient(circle at 90% 44%,#fff 0 1.8px,#0000 2.4px),radial-gradient(circle at 22% 57%,#fff 0 1.2px,#0000 1.8px),radial-gradient(circle at 63% 66%,#fff 0 1.6px,#0000 2.2px),radial-gradient(circle at 8% 81%,#fff 0 1.4px,#0000 2px),radial-gradient(circle at 84% 88%,#fff 0 1.2px,#0000 1.8px),radial-gradient(circle at 38% 93%,#fff 0 1.8px,#0000 2.4px);font-size:14px;font-weight:300;position:relative}.school-root *{box-sizing:border-box}.school-root button{cursor:pointer;font-family:inherit}.school-root input,.school-root textarea{font-family:inherit;font-size:inherit;color:inherit}.school-root a{color:var(--sc-accent)}.school-root a:hover{color:var(--sc-text-dim)}.sc-cc{flex-direction:column;gap:10px;display:flex}.sc-cc__stage{border:1px solid var(--sc-line-strong);justify-content:center;align-items:center;gap:8px;min-height:200px;padding:10px;display:flex}.sc-cc__stage canvas{image-rendering:pixelated;display:block}.sc-cc__turn{border:1px solid var(--sc-line);color:var(--sc-text);cursor:pointer;background:0 0;width:34px;height:52px;font-size:22px;line-height:1}.sc-cc__turn:active{background:var(--sc-line)}.sc-cc__band{font-family:var(--sc-font-title);color:var(--sc-text);border:1px dashed var(--sc-line);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.sc-cc__bandNote{color:var(--sc-text-dim);font-size:10px}.sc-cc__rows{flex-direction:column;gap:2px;display:flex}.sc-cc__row{border:1px solid var(--sc-line);align-items:center;gap:4px;padding:2px 6px;display:flex}.sc-cc__rowLabel{color:var(--sc-text-dim);flex:0 0 42px;font-size:11px}.sc-cc__arrow{color:var(--sc-text);cursor:pointer;background:0 0;border:none;width:30px;height:30px;font-size:20px;line-height:1}.sc-cc__arrow:active{background:var(--sc-line)}.sc-cc__rowValue{text-align:center;font-family:var(--sc-font-title);color:var(--sc-text);flex:1;font-size:13px}.sc-cc__rowCount{text-align:right;color:var(--sc-text-dim);font-variant-numeric:tabular-nums;flex:0 0 40px;font-size:10px}.sc-cc__actions{gap:6px;display:flex}.sc-cc__random,.sc-cc__done{border:1px solid var(--sc-line-strong);color:var(--sc-text);font-family:var(--sc-font-title);cursor:pointer;background:0 0;flex:1;padding:12px 0;font-size:13px}.sc-cc__done{background:var(--sc-text);color:var(--sc-bg,#14151a);border-color:var(--sc-text)}