: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-mode{color:var(--accent);font-size:1.3rem;font-weight:900}.help-grid{grid-template-columns:repeat(4,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 figure>svg{width:100%;height:auto;max-height:22vh}.help-grid figcaption{text-align:center;word-break:keep-all;font-size:1.05rem;font-weight:800;line-height:1.25}@media (aspect-ratio<=1){.help-grid{grid-template-columns:repeat(2,1fr)}.help-grid figure>svg{max-height:12vh}.help-grid figcaption{font-size:.9rem}}@media (height<=480px){.help-card{gap:.4rem;padding:.7rem}.help-grid{gap:.4rem}.help-grid figure{gap:.2rem;padding:.3rem}.help-grid figcaption{font-size:.85rem}.help-card .btn.big{padding:.4em 1.2em;font-size:1rem}}.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;min-width:0;display:grid}.result-cols>div{min-width:0}.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);white-space:nowrap;margin-left:.3em}.result-cols li .who{overflow-wrap:anywhere}.result-sub.infect{color:var(--accent)}.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;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.t-head .logo{white-space:nowrap;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{flex-direction:column;gap:.7rem;max-width:120rem;margin:0 auto;padding:.8rem 1rem 1.2rem;display:flex}.t-card{background:#fff;border-radius:1rem;padding:.8rem 1rem}.t-control{grid-template-columns:minmax(0,1fr) 15rem;align-items:stretch;gap:1rem;display:grid}.t-control-body{flex-direction:column;gap:.6rem;min-width:0;display:flex}.t-state{flex-wrap:wrap;gap:.4rem;display:flex}.t-state .pill{box-shadow:none;background:var(--bg);font-size:1.05rem}.t-state .pill small{color:var(--sub);font-size:.75em}.pill.phase-play,.pill.phase-count{color:#fff;background:var(--accent)!important}.t-settings{flex-wrap:wrap;gap:.5rem 1.4rem;display:flex}.t-field{align-items:center;gap:.5rem;display:flex}.t-label{color:var(--sub);white-space:nowrap;font-weight:700}.seg{border:2px solid var(--line);background:#fff;border-radius:.7em;display:inline-flex;overflow:hidden}.seg button{color:var(--ink);white-space:nowrap;background:0 0;border:none;padding:.38em .8em;font-weight:700}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent);color:#fff}.chip{border:2px solid var(--line);background:#fff;border-radius:999px;padding:.35em .8em;font-weight:700}.t-note{color:var(--sub);word-break:keep-all;margin:0;font-size:.9em}.t-actions{flex-direction:column;gap:.4rem;display:flex}.t-actions .btn{width:100%}.t-actions .btn.big{flex:1;min-height:3.6rem;font-size:1.5rem}.t-tools{flex-wrap:wrap;align-items:center;gap:.5rem .6rem;padding:.6rem 1rem;display:flex}.t-sep{background:var(--line);align-self:stretch;width:1px;margin:0 .2rem}.toggle{border:2px solid var(--line);white-space:nowrap;background:#fff;border-radius:.7em;align-items:center;gap:.4em;padding:.4em .8em;font-weight:700;display:inline-flex}.toggle.on{border-color:var(--ok);color:var(--ok)}.toggle.warn{border-color:var(--warn);color:#b35c00;background:#fff4e6}.t-code,.t-bots{align-items:center;gap:.4rem;display:flex}.t-code b{font-size:1.1em}.t-code b.none{color:var(--tag)}.t-code input{width:10em;font:inherit;border:2px solid var(--line);border-radius:.5em;padding:.35em .6em}.t-where{margin-left:auto}.t-where summary{color:var(--sub);cursor:pointer;white-space:nowrap}.where{white-space:pre-wrap;font-size:.85em}.t-students{flex-direction:column;gap:.6rem;display:flex}.t-count{color:var(--sub);font-weight:700}.t-empty{border:2px dashed var(--line);color:var(--sub);border-radius:.8rem;align-items:center;gap:.8rem;padding:1.2rem;font-size:1.05rem;display:flex}.t-empty svg{font-size:2rem}.t-empty p{word-break:keep-all;margin:0}@media (width<=900px){.t-control{grid-template-columns:minmax(0,1fr)}.t-actions{flex-direction:row}.t-actions .btn{flex:1 1 0;width:auto}.t-actions .btn.big{flex:2 1 0}.t-where{margin-left:0}.t-sep{display:none}}@media (width<=760px){.t-main{padding:.5rem}.t-head{gap:.4rem;padding:.5rem .6rem}.t-head .grow{display:none}.t-code{width:100%}.t-code input{flex:1;width:auto;min-width:0}}.t-students-head{align-items:center;gap:.6rem;display:flex}.t-students-head h2{margin:0;font-size:1.15rem}.t-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,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% - 9rem);padding:.5rem .6rem;font-size:.8rem;display:flex;position:absolute;top:8rem;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:8rem;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-no{background:var(--accent);color:#fff;white-space:nowrap;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)}@media (width<=560px){.pill{font-size:1.15rem}.pill.timer{font-size:1.5rem}.pill.round-no{font-size:1rem}.hud.top-right{flex-wrap:wrap;justify-content:flex-end;max-width:30vw}.pill{white-space:nowrap}.hud.top-right .pill.ice{order:5}.hud.top-center{flex-wrap:wrap;justify-content:center;max-width:38vw}.round{width:2.5rem;height:2.5rem;font-size:1.3rem}.minimap{width:120px;height:120px;top:6.4rem}.center-note{white-space:nowrap;font-size:1.6rem}.center-big{font-size:6rem}.result-cols.three{grid-template-columns:1fr 1fr}.result-head{font-size:2rem}.animal-grid{grid-template-columns:repeat(3,1fr)}}