:root{--fit-font:clamp(16px, calc(8px + 1.3333dvh), 20px);--fit-px:clamp(1px, calc(.5px + .083333dvh), 1.25px)}html,body{overscroll-behavior-x:none}html.fit-height{font-size:var(--fit-font)}html.no-gesture{touch-action:pan-x pan-y}html.no-gesture,html.no-gesture body{overscroll-behavior:none}:root{--ink:#232838;--sub:#6b7388;--line:#dfe3ee;--bg:#eceff7;--card:#fff;--accent:#2f56d9;--accent-dark:#1f3ea8;--tag:#e03131;--ice:#2b86c5;--ice-soft:#d9f1ff;--ok:#2f9e44;--warn:#f08c00;color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}body{-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;cursor:pointer}svg{flex:none}.loading{place-items:center;display:grid;position:fixed;inset:0}.loading:after{content:"";border:.3rem solid var(--line);border-top-color:var(--accent);border-radius:50%;width:2.4rem;height:2.4rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{border:2px solid var(--line);background:var(--card);color:var(--ink);white-space:nowrap;border-radius:.7em;justify-content:center;align-items:center;gap:.4em;padding:.55em 1em;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:var(--tag);border-color:var(--tag);color:#fff}.btn.ghost{color:var(--sub);background:0 0;border-color:#0000}.btn.big{padding:.7em 1.4em;font-size:1.25rem}.err{color:var(--tag);text-align:center;background:#fff0f0;border-radius:.6rem;max-width:36rem;margin:.8rem auto;padding:.6rem 1rem;font-weight:700}.entry{flex-direction:column;align-items:center;gap:1rem;height:100%;padding:1.2rem 1rem;display:flex;overflow:auto}.logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo-dot{background:radial-gradient(circle at 35% 35%, #6d8cff, var(--accent));border-radius:50%;width:1.1em;height:1.1em}.code-form{gap:.6rem;width:min(30rem,100%);display:flex}.code-input{min-width:0;font:inherit;border:2px solid var(--line);background:#fff;border-radius:.7em;flex:1;padding:.6em .8em;font-size:1.4rem}.code-input:focus{border-color:var(--accent);outline:none}.names{flex-direction:column;align-items:center;gap:.6rem;width:min(60rem,100%);display:flex}.name-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;width:100%;display:grid}.name{border:2px solid var(--line);text-align:left;background:#fff;border-radius:.7rem;align-items:center;gap:.5rem;padding:.6rem .7rem;font-size:1.1rem;font-weight:700;display:flex}.name:active{border-color:var(--accent)}.name .no{background:var(--bg);min-width:1.6em;height:1.6em;color:var(--sub);border-radius:.5em;place-items:center;font-size:.85em;display:grid}.play{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;position:absolute;inset:0}.stage canvas{display:block}.hud{pointer-events:none;z-index:5;align-items:flex-start;gap:.5rem;display:flex;position:absolute}.hud>*{pointer-events:auto}.hud.top-center{top:.6rem;left:50%;transform:translate(-50%)}.hud.top-left{flex-direction:column;top:.6rem;left:.6rem}.hud.top-right{top:.6rem;right:.6rem}.hud.bottom-center{align-items:center;bottom:.8rem;left:50%;transform:translate(-50%)}.pill{color:var(--ink);background:#ffffffeb;border:none;border-radius:999px;align-items:center;gap:.35em;padding:.3em .75em;font-size:1.6rem;font-weight:800;line-height:1.25;display:inline-flex;box-shadow:0 .15rem .6rem #1e285024}.pill.small{font-size:1rem}.pill.timer{font-variant-numeric:tabular-nums;padding:.2em .8em;font-size:2.2rem}.pill.timer.hurry{color:var(--tag)}.pill.role.tagger{background:var(--tag);color:#fff}.pill.role.runner{background:var(--accent);color:#fff}.pill.role.frozen{background:var(--ice);color:#fff}.pill.ice{color:var(--ice)}.pill.ice .of{color:var(--sub);font-size:.75em}.btn-pill{cursor:pointer}.round{width:3rem;height:3rem;color:var(--ink);background:#ffffffeb;border:none;border-radius:50%;place-items:center;font-size:1.6rem;display:grid;box-shadow:0 .15rem .6rem #1e285024}.round.on{color:var(--accent)}.round:disabled{opacity:.4}.stick{z-index:4;pointer-events:none;opacity:0;background:#2f56d924;border:3px solid #2f56d980;border-radius:50%;place-items:center;transition:opacity .12s;display:grid;position:absolute;transform:translate(-50%,-50%)}.knob{background:var(--accent);border-radius:50%;width:42%;height:42%;box-shadow:0 .2rem .6rem #1e28504d}.edge-arrow{z-index:4;background:var(--ice);color:#fff;opacity:0;pointer-events:none;border-radius:50%;place-items:center;width:3.2rem;height:3.2rem;font-size:1.5rem;display:grid;position:absolute;top:0;left:0;box-shadow:0 .2rem .6rem #1e285040}.edge-arrow>svg:first-child{transform:none}.edge-arrow .arrow-tip{color:var(--ice);font-size:1.3rem;position:absolute;right:-1.4rem}.center-big{color:#fff;text-shadow:0 .3rem 1.2rem #141e4673;pointer-events:none;z-index:6;place-items:center;font-size:9rem;font-weight:900;display:grid;position:absolute;inset:0}.center-note{color:#fff;pointer-events:none;z-index:6;border-radius:999px;align-items:center;gap:.4em;padding:.3em .9em;font-size:2.4rem;font-weight:900;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.center-note.tagger{background:var(--tag)}.center-note.runner{background:var(--accent)}.center-note.frozen{background:var(--ice)}.cover{z-index:20;color:#fff;background:#141e3c59;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.3rem;font-weight:800;display:flex;position:absolute;inset:0}.cover.solid{background:#141e3cd1}.cover-icon{width:7rem;height:7rem;color:var(--accent);background:#fffffff2;border-radius:50%;place-items:center;font-size:3.6rem;display:grid}.net-lost{z-index:8;background:var(--warn);color:#fff;border-radius:999px;padding:.3rem .8rem;font-weight:800;position:absolute;bottom:.8rem;right:.8rem}.fps{z-index:9;color:#333;background:#ffffffb3;border-radius:4px;padding:2px 6px;font:12px monospace;position:absolute;bottom:.4rem;left:.5rem}.modal{z-index:30;background:#141e3c66;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.card{background:var(--card);border-radius:1.2rem;max-height:100%;padding:1.2rem;overflow:auto;box-shadow:0 .6rem 2rem #141e4640}.help-card{flex-direction:column;align-items:center;gap:.8rem;width:min(68rem,100%);display:flex}.help-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;width:100%;display:grid}.help-grid figure{background:#f4f6fb;border-radius:.9rem;flex-direction:column;align-items:center;gap:.4rem;margin:0;padding:.6rem;display:flex}.help-grid svg{width:100%;height:auto}.help-grid figcaption{text-align:center;font-size:1.05rem;font-weight:800}@media (aspect-ratio<=1){.help-grid{grid-template-columns:repeat(2,1fr)}}.result-card{text-align:center;width:min(36rem,100%)}.result-head{justify-content:center;align-items:center;gap:.4em;font-size:2.6rem;font-weight:900;display:flex}.result-card.runners .result-head{color:var(--accent)}.result-card.taggers .result-head{color:var(--tag)}.result-sub{color:var(--ice);justify-content:center;align-items:center;gap:.3em;margin:.3rem 0 .8rem;font-size:1.4rem;font-weight:800;display:flex}.result-cols{text-align:left;grid-template-columns:1fr 1fr;gap:1rem;display:grid}.result-cols h3{align-items:center;gap:.3em;margin:0 0 .3rem;font-size:1.2rem;display:flex}.result-cols ol{margin:0;padding-left:1.4rem;font-size:1.15rem;font-weight:700}.result-cols li b{color:var(--accent);margin-left:.3em}.result-cols li.none{color:var(--sub);list-style:none}.picker{width:min(46rem,100%)}.animal-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.animal{background:#f4f6fb;border:3px solid #0000;border-radius:.8rem;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;font-weight:800;display:flex}.animal.on{border-color:var(--accent);background:#e6ecff}.animal img{aspect-ratio:1;object-fit:contain;width:100%}.teacher{background:var(--bg);height:100%;font-size:15px;overflow:auto}.t-head{z-index:3;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:.6rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.t-head .logo{font-size:1.15rem}.t-head select{font:inherit;border:2px solid var(--line);border-radius:.5em;padding:.4em .6em}.grow{flex:1}.chk{color:var(--sub);align-items:center;gap:.3em;display:flex}.t-msg{margin:.6rem auto 0}.t-main{grid-template-columns:minmax(22rem,28rem) 1fr;align-items:start;gap:1rem;padding:1rem;display:grid}.t-game,.t-students{background:#fff;border-radius:1rem;flex-direction:column;gap:.7rem;padding:1rem;display:flex}.t-state{flex-wrap:wrap;gap:.4rem;display:flex}.t-state .pill{box-shadow:none;background:var(--bg);font-size:1.1rem}.pill.phase-play,.pill.phase-count{color:#fff;background:var(--accent)!important}.t-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.t-label{min-width:4.2em;color:var(--sub);font-weight:700}.chip{border:2px solid var(--line);background:#fff;border-radius:999px;padding:.4em .9em;font-weight:700}.chip.on{border-color:var(--accent);color:var(--accent-dark);background:#e6ecff}.t-actions .btn{width:100%}.t-toggles{gap:.4rem;display:grid}.toggle{border:2px solid var(--line);background:#fff;border-radius:.7em;align-items:center;gap:.5em;padding:.55em .9em;font-size:1.05em;font-weight:700;display:flex}.toggle.on{border-color:var(--ok);color:var(--ok)}.toggle.warn{border-color:var(--warn);color:#b35c00;background:#fff4e6}.t-code{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.t-code b{font-size:1.15em}.t-code input{min-width:8em;font:inherit;border:2px solid var(--line);border-radius:.5em;flex:1;padding:.4em .6em}.t-where summary{color:var(--sub);cursor:pointer}.where{white-space:pre-wrap;font-size:.85em}.t-students-head{justify-content:space-between;align-items:center;display:flex}.t-students-head h2{margin:0;font-size:1.15rem}.t-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.35rem;display:grid}.s-card{border:2px solid var(--line);background:#fafbfe;border-radius:.6em;grid-template-columns:2em 1fr auto 1.4em 5.5em;align-items:center;gap:.4em;padding:.35em .6em;display:grid}.s-card.live{background:#f1fbf3;border-color:#b2f2bb}.s-card.idle{background:#fffaeb;border-color:#ffe8a3}.s-card.off{opacity:.6}.s-no{color:var(--sub);font-weight:700}.s-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.s-name em{color:var(--sub);font-size:.8em;font-style:normal}.s-edit{font:inherit;min-width:0}.s-animal{color:var(--sub);font-size:.85em}.s-role{color:var(--accent);place-items:center;display:grid}.s-seen{color:var(--sub);text-align:right;font-size:.85em}.roster-card{flex-direction:column;gap:.6rem;width:min(32rem,100%);display:flex}.roster-card h2{margin:0}.roster-card textarea{font:inherit;border:2px solid var(--line);resize:vertical;border-radius:.6em;padding:.6em}.hint{color:var(--sub);margin:0}.row-end{justify-content:flex-end;gap:.5rem;display:flex}.big-address{z-index:40;cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4vh;display:flex;position:fixed;inset:0}.big-url{color:var(--ink);font-size:9vh;font-weight:800}.big-code{color:var(--accent);letter-spacing:.05em;font-size:18vh;font-weight:900}.dev-panel{z-index:35;color:#fff;touch-action:auto;background:#141a2ce0;border-radius:.8rem;flex-direction:column;gap:.35rem;width:min(23rem,46vw);max-height:calc(100% - 5rem);padding:.5rem .6rem;font-size:.8rem;display:flex;position:absolute;top:4.4rem;left:.6rem;overflow:auto}.dev-head{align-items:center;gap:.5rem;display:flex}.dev-phase{color:#a9b4d6;font-variant-numeric:tabular-nums;flex:1}.dev-x,.dev-toggle{color:#fff;background:#3b4466;border:none;border-radius:.5rem;padding:.2rem .6rem;font-weight:700}.dev-toggle{z-index:35;position:absolute;top:4.4rem;left:.6rem}.dev-note{background:#f08c00;border-radius:.4rem;padding:.2rem .4rem;font-weight:700}.dev-group{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.dev-group>span{color:#a9b4d6;width:2.6em;font-weight:700}.dev-btn{color:#fff;background:#2a3252;border:1px solid #4b557a;border-radius:.45rem;padding:.25rem .5rem;font-weight:700}.dev-btn.on{background:#2f56d9;border-color:#6d8cff}.hud.bottom-right{align-items:flex-end;gap:.7rem;bottom:.7rem;right:.7rem}.cam-btns{grid-template-columns:repeat(2,2.6rem);gap:.35rem;display:grid}.cam-btns .round{width:2.6rem;height:2.6rem;font-size:1.3rem}.dash{color:#fff;background:conic-gradient(var(--accent) calc(var(--k) * 360deg), #9aa6c8 0);opacity:.75;border:none;border-radius:50%;place-items:center;width:5.2rem;height:5.2rem;font-size:2.4rem;display:grid;box-shadow:0 .2rem .8rem #1e28504d}.dash.ready{opacity:1;background:var(--accent)}.minimap{z-index:5;width:calc(150 * var(--fit-px));height:calc(150 * var(--fit-px));cursor:pointer;background:#eceff7d9;border-radius:50%;position:absolute;top:4.2rem;right:.6rem;box-shadow:0 .2rem .8rem #1e285040}.minimap-big canvas{background:#eceff7;border-radius:1rem;width:min(86vh,90vw);height:min(86vh,90vw)}.center-note.save{background:#2f9e44}.edge-arrow{flex-direction:column;width:3.8rem;height:3.8rem;font-size:1.4rem}.edge-arrow .arrow-d{font-size:.8rem;font-weight:800;line-height:1}.edge-arrow .arrow-tip{color:var(--ice);font-size:1.3rem;position:absolute;top:calc(50% - .65rem);left:calc(50% - .65rem);right:auto}.pill.round{background:var(--accent);color:#fff;font-size:1.4rem}.result-round{color:var(--sub);font-size:1.1rem;font-weight:800}.result-next{color:var(--accent);margin-top:.8rem;font-size:1.3rem;font-weight:800}.result-card.series{width:min(44rem,100%)}.series-table{border-collapse:collapse;width:100%;margin:.5rem 0;font-size:1.1rem;font-weight:700}.series-table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:.3rem .5rem}.series-table td svg{vertical-align:-.15em}.series-table tr.runners .win{color:var(--accent)}.series-table tr.taggers .win{color:var(--tag)}.result-cols.three{grid-template-columns:repeat(3,1fr)}.t-two{grid-template-columns:2fr 1fr;gap:.4rem;display:grid}