:root{--fit-font:clamp(16px, min(8px + 1.3333dvh, 1.2308vw), 20px);--fit-px:clamp(1px, min(.5px + .083333dvh, .076923vw), 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}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-6SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}:root{--ink:#1d2340;--ink2:#4a5175;--muted:#7e85a3;--paper:#fff;--cream:#f1f3f9;--line:#dce0ee;--night:#141a33;--night2:#242d55;--accent:#ffb627;--accentD:#e09400;--pink:#ff4f86;--blue:#2f7df6;--green:#22a060;--red:#e5484d;--fillC:#262f55;--shadow:0 .15rem .6rem #141a3c1f;--r:.9rem}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--cream);-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:break-word;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;overflow-x:hidden}#app{min-height:100%}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-family:Paperlogy,Pretendard Variable,sans-serif;font-weight:600}h2{font-size:1.25rem}h3{font-size:1.05rem}small{color:var(--ink2);font-size:.8em;font-weight:500}p{text-wrap:pretty;margin:.4rem 0;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.ico{vertical-align:-.18em;flex:none}.muted{color:var(--muted)}.tiny{font-size:.8rem}.mono{font-family:ui-monospace,Consolas,monospace}.err{color:var(--red);font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.mid{justify-content:center}.between{justify-content:space-between}.grow{flex:1}.center{text-align:center;place-items:center;min-height:100vh;padding:1rem;display:grid}.card{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line);padding:1rem 1.1rem}.pane{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line);padding:1.2rem 1.4rem}.btn{border:1px solid var(--line);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;border-radius:.7rem;justify-content:center;align-items:center;gap:.35rem;min-height:2.6rem;padding:0 1rem;font-weight:700;transition:transform 60ms,background .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accentD);color:#3a2400}.btn.primary:hover:not(:disabled){background:#ffc34f}.btn.ghost{background:0 0}.btn.danger{color:var(--red)}.btn.big{min-height:3.2rem;padding:0 1.4rem;font-size:1.1rem}.btn.small{min-height:2rem;padding:0 .6rem;font-size:.85rem}.btn.on{background:var(--night);color:#fff;border-color:var(--night)}.btn small{color:inherit;opacity:.75}.seg{flex-wrap:wrap;gap:.2rem;display:inline-flex}.chip{background:var(--cream);border:1px solid var(--line);white-space:nowrap;border-radius:99rem;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.chip.good{color:var(--green);background:#e1f5e9;border-color:#a9dcbd}.chip.warn{color:#8a5300;background:#fff2d6;border-color:#f5d18a}.bar{background:var(--cream);border:1px solid var(--line);border-radius:99rem;height:.7rem;display:block;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--accent), var(--accentD));height:100%;transition:width .3s;display:block}.linkBtn{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.linkBtn:disabled{color:var(--ink2);cursor:default;text-decoration:none}.field{gap:.15rem;display:grid}.field label{color:var(--ink2);font-size:.8rem;font-weight:700}.brandDot{background:conic-gradient(from 0deg, var(--accent) 0 25%, var(--pink) 0 50%, var(--blue) 0 75%, #5fd068 0);vertical-align:-.15em;border-radius:.2em;width:1.05em;height:1.05em;display:inline-block;box-shadow:inset 0 0 0 .12em #00000026}.brandDot.big{width:3rem;height:3rem}.pieceTag{background:var(--night);min-width:2.6em;height:2.6em;color:var(--accent);border:0;border-radius:.5em;place-items:center;padding:0 .4em;font-family:Paperlogy,sans-serif;font-size:1.05rem;display:inline-grid}.pieceTag.sm{cursor:pointer;min-width:2.4em;height:1.9em;font-size:.8rem}.pieceTag.blue{background:var(--blue);color:#fff}.pieceTag.yellow{background:var(--accent);color:#3a2400}.reqTag{color:var(--pink);white-space:nowrap;font-size:.85rem;font-weight:800}.toasts{z-index:60;pointer-events:none;gap:.4rem;width:max-content;max-width:92vw;display:grid;position:fixed;top:4rem;left:50%;transform:translate(-50%)}.toast{background:var(--night);color:#fff;box-shadow:var(--shadow);text-align:center;border-radius:.7rem;padding:.6rem 1.1rem;font-weight:700}.toast.bad{background:var(--red)}.toast.good{background:var(--green)}.toast.info{background:var(--blue)}.modal{z-index:50;background:#0c102299;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modalBox{background:var(--paper);border-radius:var(--r);gap:.8rem;width:min(980px,96vw);max-height:94vh;padding:1rem;display:grid;overflow:auto}.mural{width:min(100%, calc(var(--mh,9999px) * var(--arn,1.2)));background:#0d1226;border-radius:.4rem;margin-inline:auto;position:relative;overflow:hidden}.muralCv{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.tiles{display:grid;position:absolute}.tile{color:#fff;border:1px solid #ffffff24;flex-direction:column;justify-content:flex-end;gap:.15em;min-width:0;padding:.25em;font-size:clamp(9px,.85em,18px);display:flex;position:relative;overflow:hidden}.tile.free{background:#090c1c73}.tile.done{border-color:#0000}.tile.done .tLab{opacity:0}.tile.pick{cursor:pointer}.tile.pick:hover{box-shadow:inset 0 0 0 2px #fff9}.tile.sel{box-shadow:inset 0 0 0 3px var(--accent);z-index:2}.tile.flash{animation:.8s ease-in-out 3 tileFlash}@keyframes tileFlash{50%{box-shadow:inset 0 0 0 .3em #fff,0 0 1em #fff}}.tLab{color:var(--accent);background:#090c1cb3;border-radius:.25em;padding:0 .3em;font-family:Paperlogy,sans-serif;font-size:.85em;position:absolute;top:.2em;left:.2em}.tWho{text-shadow:0 0 .25em #000,0 0 .5em #000;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.tBar{background:#fff3;border-radius:99rem;height:.35em;display:block;overflow:hidden}.tBar i{background:var(--accent);height:100%;display:block}.tTag{border-radius:.3em;padding:0 .35em;font-size:.8em;font-weight:800;position:absolute;top:.2em;right:.2em}.tTag.req{background:var(--pink);color:#fff;animation:1.2s ease-in-out infinite pulse}.tTag.help{background:var(--blue);color:#fff}@keyframes pulse{50%{transform:scale(1.12)}}.miniMap{background:#0d1226;border-radius:.3rem;position:relative;overflow:hidden}.miniMap .muralCv{width:100%}.miniMine{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 9999px #0000;animation:1.4s ease-in-out infinite mine;position:absolute}@keyframes mine{50%{box-shadow:inset 0 0 0 3px #fff}}@media (prefers-reduced-motion:reduce){.tile.flash,.tTag.req,.miniMine{animation:none}}.gridHost{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.ngrid{touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow);background:#fff;border-radius:.4rem;padding:3px;display:grid}.ngrid .corner{background:0 0}.ngrid .c{cursor:pointer;background:#fff;position:relative;box-shadow:inset 0 0 0 1px #c9cee2}.ngrid .c.b5{box-shadow:inset 0 0 0 1px #c9cee2,inset -2px 0 #6d7499}.ngrid .c.d5{box-shadow:inset 0 0 0 1px #c9cee2,inset 0 -2px #6d7499}.ngrid .c.b5.d5{box-shadow:inset 0 0 0 1px #c9cee2,inset -2px 0 #6d7499,inset 0 -2px #6d7499}.ngrid .c.hl{background:#fff2c2}.ngrid .c.f{background:var(--fillC)}.ngrid .c.f.hl{background:#3c4675}.ngrid .c.hp{background:var(--blue)}.ngrid .c.w{background:var(--pink);animation:.5s steps(2,end) 4 wrongBlink}@keyframes wrongBlink{50%{background:#ffc2d6}}.ngrid .c.x:before,.ngrid .c.x:after{content:"";background:#9aa1c0;height:2px;position:absolute;top:50%;left:22%;right:22%;transform:rotate(45deg)}.ngrid .c.x:after{transform:rotate(-45deg)}.ngrid .c.lk{background-image:radial-gradient(circle,#aab0cc 0 11%,#0000 12%)}.ngrid .c.f.lk{background-image:radial-gradient(circle,#8d97c9 0 11%,#0000 12%)}.ngrid .hc,.ngrid .hr{color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;background:#eef0f8;border:0;padding:0;font-family:inherit;font-weight:800;line-height:1.05;display:flex}.ngrid .hc{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:.2em;box-shadow:inset -1px 0 #fff}.ngrid .hr{justify-content:flex-end;align-items:center;gap:.35em;padding-right:.35em;box-shadow:inset 0 -1px #fff}.ngrid .hc.ok,.ngrid .hr.ok{color:#b3b8cf}.ngrid .hc.hl,.ngrid .hr.hl{background:var(--accent);color:#3a2400}.ngrid.role-view .c,.ngrid.role-view .hc,.ngrid.role-view .hr{cursor:default}.ngrid.role-helper .c.f:not(.hp){cursor:not-allowed}@media (prefers-reduced-motion:reduce){.ngrid .c.w{animation:none}}.entry{background:var(--night);grid-template-columns:1.2fr 1fr;height:100dvh;display:grid;overflow:hidden}.entryArt{background:radial-gradient(circle at 50% 60%, #263063, var(--night) 70%);place-items:center;display:grid;position:relative;overflow:hidden}.entryTitle{text-align:center;color:#fff;position:absolute;top:8%;left:0;right:0}.entryTitle span{letter-spacing:.15em;opacity:.85;font-weight:700}.entryTitle h1{color:var(--accent);margin:.2rem 0;font-size:3.6rem}.entryTitle p{opacity:.9;font-size:1.1rem}.logoArt{grid-template-columns:repeat(6,1fr);gap:.35rem;width:min(17rem,60%);margin-top:6rem;display:grid}.logoArt i{aspect-ratio:1;border-radius:.2rem}.entryPanel{background:var(--paper);flex-direction:column;justify-content:center;padding:1.5rem;display:flex;overflow:auto}.codeForm{gap:.8rem;width:100%;max-width:22rem;margin:0 auto;display:grid}.codeForm label{font-size:1.2rem;font-weight:800}.codeForm input,.boardLogin input{border:2px solid var(--line);background:#fff;border-radius:.7rem;width:100%;min-width:0;height:3.3rem;padding:0 1rem;font-size:1.4rem}.nameGrid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.4rem;margin-top:.6rem;display:grid}.nameBtn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.6rem;justify-content:center;align-items:center;gap:.3rem;min-height:2.7rem;font-size:1rem;font-weight:700;display:inline-flex}.nameBtn.bound{color:var(--muted);background:var(--cream)}@media (width<=760px){.entry{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100dvh}.entryArt{min-height:13rem}.logoArt{display:none}.entryTitle{padding:1.5rem 1rem;position:static}.entryTitle h1{font-size:2.6rem}}.stu{background:linear-gradient(#eef1fa,#e3e8f6);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.hud{background:var(--night);color:#fff;align-items:center;gap:.7rem;min-height:3rem;padding:.4rem .9rem;display:flex}.brand{color:var(--accent);white-space:nowrap;align-items:center;gap:.4rem;font-family:Paperlogy,sans-serif;font-size:1.1rem;display:inline-flex}.hudProg{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.hudProg b{color:var(--accent);font-size:1.15rem}.hudProg small{color:#c6cbe4}.hudBar{background:var(--night2);border-radius:99rem;width:7rem;height:.5rem;overflow:hidden}.hudBar i{background:var(--accent);height:100%;display:block}.hudName{white-space:nowrap;align-items:center;gap:.3rem;font-weight:700;display:inline-flex}.netState{color:var(--accent);font-size:.8rem}.hud .btn.ghost{color:#fff;border-color:#fff3;min-width:2.75rem;min-height:2.75rem}.helpBtn{min-width:2.2rem;font-weight:900}.stuMain{min-height:0;padding:.7rem;display:grid;position:relative}.readOnly .stuMain button,.readOnly .stuMain .ngrid{pointer-events:none}.lobby{text-align:center;place-self:center;justify-items:center;gap:.7rem;max-width:46rem;display:grid}.lobby h2{font-size:1.7rem}.lobbyArt .logoArt{width:8rem;margin:0}.lobbyRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.count b{color:var(--blue);font-size:1.3rem}.levelPick{grid-auto-flow:column;gap:.4rem;display:inline-grid}.lvBtn{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:.8rem;justify-items:center;gap:.1rem;min-width:7.5rem;padding:.55rem 1rem;display:grid}.lvBtn b{font-size:1.1rem}.lvBtn.on{border-color:var(--night);background:var(--night);color:#fff}.lvBtn.on small{color:#c6cbe4}.levelPick.compact .lvBtn{min-width:0;padding:.3rem .7rem}.pauseCover{z-index:20;background:#141a33b8;place-items:center;display:grid;position:absolute;inset:0}.pauseCover .pane{text-align:center;justify-items:center;gap:.5rem;max-width:30rem;display:grid}.work{grid-template-columns:minmax(0,1fr) 19rem;gap:.8rem;min-height:0;display:grid}.side{background:var(--paper);border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;gap:.6rem;min-height:0;padding:.8rem;display:flex;overflow:auto}.sideHead{grid-template-columns:auto 1fr 5.5rem;align-items:center;gap:.3rem .6rem;display:grid}.sideHead>div{min-width:0;display:grid}.sideHead b{font-size:1.1rem}@media (height>=760px) and (width>=761px){.sideHead{grid-template-columns:auto 1fr}.sideHead .miniMap{grid-column:1/-1;justify-self:center;width:min(100%,15rem)}}.toolSwitch{background:var(--cream);border-radius:.8rem;grid-template-columns:1fr 1fr;gap:.3rem;padding:.25rem;display:grid}.tool{cursor:pointer;background:0 0;border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.8rem;font-weight:800;display:inline-flex}.tool.on{box-shadow:var(--shadow);background:#fff}.swFill{background:var(--fillC);border-radius:.15rem;width:1.1rem;height:1.1rem}.swX{background:#fff;border:1px solid #c9cee2;border-radius:.15rem;width:1.1rem;height:1.1rem;position:relative}.swX:before,.swX:after{content:"";background:#7e85a3;height:2px;position:absolute;top:45%;left:15%;right:15%;transform:rotate(45deg)}.swX:after{transform:rotate(-45deg)}.fillCount{align-items:baseline;gap:.35rem;display:flex}.fillCount span{color:var(--ink2);flex:1;font-weight:700}.fillCount b{font-size:1.4rem}.banner{border-radius:.7rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;font-weight:700;display:flex}.banner.blue{color:#1a4fa8;background:#e4eeff}.banner.pink{color:#a01748;background:#ffe3ec}.msg{color:var(--ink2);margin:0;font-size:.92rem}.subTools{gap:.4rem;margin-top:auto;display:grid}.subTools .btn{justify-content:flex-start;min-height:2.75rem}.decor .gridHost{justify-self:center;max-width:34rem}.choose{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;min-height:0;display:grid}.chooseMain{grid-template-rows:auto auto auto minmax(0,1fr);gap:.7rem;display:grid;overflow:hidden}.chooseBtns{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.choice{text-align:left;border:2px solid var(--night);background:var(--night);color:#fff;cursor:pointer;border-radius:.9rem;justify-items:start;gap:.25rem;padding:.9rem 1rem;display:grid}.choice b{font-size:1.2rem}.choice small{color:#c6cbe4}.choice.yellow{background:var(--accent);border-color:var(--accentD);color:#3a2400}.choice.yellow small{color:#6b4500}.choice:disabled{opacity:.4;cursor:default}.chooseMap{justify-self:center;width:fit-content;max-width:100%;height:100%;min-height:0}.chooseMap .muralCv{width:auto;max-width:100%;height:100%}.friends{grid-template-rows:auto minmax(0,1fr);gap:.5rem;min-height:0;display:grid}.friendList{align-content:start;gap:.35rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.friendList li{background:var(--cream);border-radius:.6rem;grid-template-columns:auto 6rem 1fr auto auto;align-items:center;gap:.5rem;padding:.35rem .5rem;display:grid}.friendList li.req{background:#ffe3ec}.fName{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.fBar{background:#dfe3f1;border-radius:99rem;min-width:3rem;height:.5rem;display:block;overflow:hidden}.fBar i{background:var(--accent);height:100%;display:block}.doneScreen,.decorDone{text-align:center;place-self:center;justify-items:center;gap:.6rem;max-width:40rem;display:grid}.doneScreen h1{color:var(--accentD);font-size:2.2rem}.doneMap{width:min(100%,30rem,100dvh - 19rem)}.decorDone .spriteBig{grid-template-columns:repeat(5,3rem);gap:3px;display:grid}.spriteBig i{aspect-ratio:1;background:#e6e9f4;border-radius:.2rem}.howTo{width:min(46rem,96vw)}.howBody{grid-template-columns:auto 1fr;align-items:center;gap:1.4rem;display:grid}.howStep{color:var(--muted);font-weight:700}.howTo h2{margin:.3rem 0;font-size:1.5rem}.howTo p{font-size:1.1rem}.exGrid{grid-template-rows:3.2rem repeat(5,2.4rem);grid-template-columns:3.4rem repeat(5,2.4rem);gap:2px;font-weight:800;display:grid}.exGrid b{background:#eef0f8;border-radius:.2rem;flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.exGrid b.rh{flex-direction:row;justify-content:flex-end;align-items:center;gap:.3rem;padding-right:.3rem}.exGrid b.hl{background:var(--accent)}.exGrid em{background:#fff;position:relative;box-shadow:inset 0 0 0 1px #c9cee2}.exGrid em.hl{background:#fff2c2}.exGrid em.f{background:var(--fillC)}.exGrid em.x:before,.exGrid em.x:after{content:"";background:#9aa1c0;height:2px;position:absolute;top:50%;left:22%;right:22%;transform:rotate(45deg)}.exGrid em.x:after{transform:rotate(-45deg)}@media (width<=760px){.stu{height:auto;min-height:100dvh;overflow:visible}.work{grid-template-columns:1fr}.work .gridHost{height:min(100vw,70vh)}.choose,.chooseBtns{grid-template-columns:1fr}.hudBar,.brand{display:none}.howBody{grid-template-columns:1fr;justify-items:center}.friendList li{grid-template-columns:auto 1fr auto}.friendList .fBar,.friendList .reqTag{display:none}}html.route-board{font-size:clamp(14px,2.59434dvh,40px)}.boardBg,.board{color:#eef1ff;background:#0b1022}.board{height:100dvh;overflow:hidden}.board .muted{color:#9aa3c7}.boardLogin{color:#fff;background:#182044;border-color:#2a3466;gap:.8rem;width:min(26rem,92vw);display:grid}.bIdle{text-align:center;align-content:center;place-items:center;gap:1rem;height:100%;font-size:1.3rem;display:grid}.bLogo{align-items:center;gap:1rem;display:flex}.bLogo h1,.bLobbyHead h1{color:var(--accent);font-size:2.6rem}.bLobby{grid-template-rows:auto minmax(0,1fr);gap:.8rem;height:100%;padding:1rem 1.4rem;display:grid}.bLobbyHead{align-items:center;gap:1rem;display:flex}.bLobbyHead p{color:#c6cbe4;margin:0;font-size:1.15rem}.bLobbyBody,.bPlay,.bDone{grid-template-columns:minmax(0,1fr) 17rem;gap:1rem;min-height:0;display:grid}.bPlay,.bDone{height:100%;padding:.8rem 1rem}.bMain{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.bMural{--mh:calc(100dvh - 1.8rem)}.bLobby .bMural{--mh:calc(100dvh - 7rem)}.bMural .tile{font-size:.85rem}.bMural .tLab,.bMural .tTag{font-size:1em}.bMural.mystery .tile{background:#090c1c4d}.bSide{flex-direction:column;gap:.7rem;min-height:0;display:flex;overflow:hidden}.bStat{background:#151c3d;border-radius:.8rem;gap:.1rem;padding:.6rem .8rem;display:grid}.bStat small{color:#9aa3c7;font-size:.85rem}.bStat b{color:var(--accent);font-family:Paperlogy,sans-serif;font-size:2.2rem;line-height:1.1}.bStat b em{color:#c6cbe4;margin-left:.2em;font-size:.55em;font-style:normal}.bStat span{color:#c6cbe4;font-size:.9rem}.bStat.big b{font-size:2.8rem}.bBar{background:#273060;border-radius:99rem;height:.6rem;display:block;overflow:hidden}.bBar i{background:var(--accent);height:100%;display:block}.bClock{color:#fff;align-items:center;gap:.3rem;font-size:1.6rem;font-weight:800;display:inline-flex}.bCard{background:#151c3d;border-radius:.8rem;align-content:start;gap:.3rem;min-height:0;padding:.6rem .8rem;display:grid;overflow:hidden}.bCard h3{color:#fff;font-size:1.1rem}.bCard.req h3{color:var(--pink)}.bCard ul{gap:.3rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.bCard li{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.bCard li small{color:#9aa3c7}.bCard.log{flex:1}.bCard.log li{color:#dfe3f5}.bCard.log li.lg-done,.bCard.log li.lg-complete{color:var(--accent);font-weight:800}.bEmpty{color:#7e85a3;margin:0;font-size:.9rem}.bNames{flex-wrap:wrap;gap:.3rem;display:flex;overflow:auto}.bName{background:#222b58;border-radius:99rem;padding:.15rem .55rem;font-size:.9rem;font-weight:700}.bNote{color:#c6cbe4;font-size:1rem}.bPause{background:#0b102299;align-content:center;place-items:center;gap:.5rem;font-size:2rem;font-weight:800;display:grid;position:absolute;inset:0}.bDoneTitle{color:var(--accent);font-size:2rem}.bPicName{margin:0;font-size:1.3rem;font-weight:700}.bDone .btn{color:#fff;background:#222b58;border-color:#34407a;min-height:2.2rem;font-size:.85rem}.bCard.credits{flex:1;overflow:auto}.bCard.credits ul{grid-template-columns:1fr 1fr;gap:.2rem .6rem;font-size:.85rem}.bCard.credits li{white-space:nowrap;flex-wrap:nowrap;gap:.35rem;display:flex;overflow:hidden}.bCard.credits li span{color:#c6cbe4}.board .pieceTag.sm{cursor:default;font-size:.8rem}html.route-teacher{font-size:16px}.teacher{background:#eceff7;min-height:100vh;font-size:14px}html.fit-height .teacher{font-size:14px}.teacher .card{padding:.75rem .9rem}.teacher h2{font-size:1.15rem}.teacher *{scrollbar-width:thin;scrollbar-color:#b9c0dc transparent}.tHead{background:var(--night);color:#fff;z-index:25;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.4rem 1rem;display:flex;position:relative}.tHead.practice{background:#1f5148}.tHead select{height:2.1rem;color:var(--ink);border-radius:.5rem;padding:0 .5rem}.tHead .me{color:#c6cbe4;text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.8rem;overflow:hidden}.tHead .btn.ghost{color:#fff;border-color:#fff3}.classTag{border-radius:99rem;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.classTag.practice{color:#1d5a4c;background:#d7f0e6}.classTag.real{background:var(--night2);color:#ffe6b0}.editToggle{background:var(--night2);cursor:pointer;border-radius:.5rem;align-items:center;gap:.3rem;padding:.2rem .6rem;display:inline-flex}.editToggle.on{background:var(--red)}.otherBar{color:#8a5300;background:#fff2d6;padding:.4rem 1rem;font-weight:700}.otherBar.edit{background:var(--red);color:#fff}.tBody{gap:.6rem;padding:.6rem 1rem;display:grid}.tabs{align-items:center;gap:.2rem;margin-left:.4rem;display:flex}.tab{color:#e3e6f5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.3rem;padding:.3rem .8rem;font-weight:700;display:inline-flex}.tab:hover{background:#ffffff1a}.tab.on{background:var(--accent);color:#3a2400}.live{color:#c6cbe4;white-space:nowrap;font-size:.8rem}.live:before{content:"● ";color:#8a90ab}.live.st-live:before{color:#35c26b}.live.st-poll:before{color:var(--accent)}.run{gap:.6rem;display:grid}.control{gap:.4rem;display:grid}.ctlRow{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.ctlTools{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chkLine{cursor:pointer;align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.ctlStat{align-items:baseline;gap:.2rem;display:inline-flex}.ctlStat b{font-size:1.5rem}.ctlBar{width:10rem}.clock{font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;font-weight:800;display:inline-flex}.addrBig{cursor:pointer}.addrBox{text-align:center;background:#fff;border-radius:1rem;justify-items:center;gap:.3rem;padding:2rem 3rem;display:grid}.addrBox b{color:var(--night);font-size:clamp(2rem,5vw,5rem)}.addrBox small{font-size:1.2rem}.opts{grid-template-columns:minmax(0,1fr) 24rem;align-items:start;gap:1rem;display:grid}.optPics{gap:.6rem;display:grid}.picRow{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin-top:.3rem;display:grid}.picBtn{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:.6rem;gap:.25rem;padding:.3rem;font-size:.85rem;font-weight:700;display:grid}.picBtn .muralCv{border-radius:.3rem}.picBtn.on{border-color:var(--accentD);box-shadow:0 0 0 3px #ffe2a3}.optSide{align-content:start;gap:.5rem;display:grid}.sizeRow{flex-wrap:wrap;gap:.4rem;display:flex}.sizeBtn{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:.6rem;justify-items:center;gap:.1rem;padding:.4rem .8rem;display:grid}.sizeBtn.on{border-color:var(--night);background:var(--night);color:#fff}.sizeBtn.on small{color:#c6cbe4}.optPreview{gap:.3rem;display:grid}.optPreview .mural{--mh:16rem}@media (width<=1100px){.opts{grid-template-columns:1fr}}.attend .mates{flex-wrap:wrap;gap:.1rem;display:flex}.mate{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:99rem;margin:.12rem;padding:.15rem .55rem;font-size:.9rem;font-weight:600;display:inline-block}.mate.on{border-color:var(--green);background:#e9f8ef}.mate.absent{opacity:.45;text-decoration:line-through}.mate:disabled{cursor:default}.unbindPick{margin-top:.4rem}.playGrid2{grid-template-columns:minmax(0,1fr) 34rem;align-items:start;gap:.6rem;display:grid}@media (width<=1150px){.playGrid2{grid-template-columns:1fr}}.muralCard{gap:.4rem;display:grid}.tMural{--mh:calc(100vh - 15.5rem)}.tMural .tile{font-size:.82rem}.people{align-content:start;gap:.4rem;max-height:calc(100vh - 16rem);display:grid;overflow:auto}.pList,.logList,.credits{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.pList{grid-template-columns:1fr 1fr;column-gap:.6rem}.pList li{border-radius:.5rem;grid-template-columns:.55rem 3.6rem 2.6rem minmax(1.5rem,1fr) auto;align-items:center;gap:.35rem;min-width:0;padding:.1rem .35rem;display:grid}.pList li.need{background:#fff1f5}.pList li.calm{opacity:.8}.pDot{background:var(--green);border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.pDot.off{background:var(--red)}.pDot.bot{background:var(--blue)}.pName{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.pMode{color:var(--muted);white-space:nowrap;grid-column:span 2;font-size:.8rem}.pDone{color:var(--muted);white-space:nowrap;font-size:.75rem}.pLegend{flex-wrap:wrap;align-items:center;gap:.3rem;margin:0;display:flex}.teacher .pieceTag.sm{min-width:2.4rem;height:2rem;font-size:.8rem}.tab{min-height:2.3rem}.logList li{font-size:.85rem}.credits li{grid-template-columns:6rem 1fr;gap:.4rem;font-size:.9rem;display:grid}.piecePanel{align-content:start;gap:.4rem;display:grid}.ppBody{height:min(30rem,100vh - 22rem);min-height:18rem}.ppTools{flex-wrap:wrap;gap:.35rem;display:flex}.setup{align-items:start;gap:.8rem;display:grid}.setupSide{align-content:start;gap:.8rem;display:grid}@media (width>=1150px){.setup{grid-template-columns:minmax(0,1fr) 27rem}}.setupSide .row{flex-wrap:nowrap}.setupSide .row input{flex:1;min-width:0}.setup textarea{border:1px solid var(--line);resize:vertical;border-radius:.6rem;width:100%;min-height:22rem;margin:.2rem 0 .4rem;padding:.6rem;line-height:1.45}.setup textarea[readonly]{background:var(--cream);color:var(--ink2)}.setup input:not([type=checkbox]){border:1px solid var(--line);border-radius:.5rem;height:2.4rem;padding:0 .6rem}.setup .card{gap:.5rem;display:grid}.rules{gap:.25rem;margin:0;padding-left:1.1rem;line-height:1.45;display:grid}.rosterBody{grid-template-columns:minmax(13rem,18rem) minmax(0,1fr);align-items:start;gap:.9rem;display:grid}@media (width<=760px){.rosterBody{grid-template-columns:1fr}}.saveSum{color:var(--ink2);margin:0 0 .4rem;font-size:.85rem}.rosterPreview{align-content:start;gap:.5rem;min-width:0;display:grid}.issues{gap:.25rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.issues li{border-radius:.45rem;padding:.3rem .55rem;line-height:1.4}.issues li.err{color:#9b1c1f;background:#fde4e3;font-weight:600}.issues li.warn{color:#7a4a00;background:#fff2d6}.renames{background:#e8f0ff;border:1px solid #bfd2f5;border-radius:.6rem;gap:.25rem;padding:.45rem .6rem;font-size:.88rem;display:grid}.renameRow{align-items:center;gap:.35rem;font-weight:700;display:flex}.pvList{flex-wrap:wrap;gap:.25rem;display:flex}.pv{border:1px solid var(--line);background:var(--cream);border-radius:99rem;align-items:center;gap:.25rem;padding:.08rem .5rem;font-size:.85rem;font-weight:700;display:inline-flex}.pv small{color:var(--muted);font-size:.72rem}.pv.new{color:#156b3c;background:#e1f5e9;border-color:#8fd0aa}.pv.gone{color:#9b1c1f;background:#fde4e3;border-color:#f2b5b3;text-decoration:line-through}.removedLine{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;display:flex}.playground{grid-template-columns:minmax(0,1fr) 24rem;gap:.6rem;height:calc(100vh - 4.2rem);display:grid}@media (width<=1100px){.playground{grid-template-columns:1fr;height:auto}.deviceBox{height:70vh}}.playStu{grid-template-rows:auto minmax(0,1fr);gap:.4rem;min-height:0;display:grid}.playHead select{border-radius:.5rem;height:2rem}.deviceBox{background:#d9deee;border-radius:.6rem;min-height:0;position:relative;overflow:hidden}.deviceBox iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;box-shadow:0 .3rem 1rem #0003}.playSide{align-content:start;gap:.6rem;min-height:0;display:grid;overflow:auto}.cheatGrid{flex-wrap:wrap;gap:.35rem;display:flex}.boardPeek{padding:.4rem}.peekFrame{border-radius:.5rem;height:22rem;overflow:hidden}.peekFrame .board{height:100%;font-size:9px}.peekFrame .bMural{--mh:20rem}.records{grid-template-columns:18rem minmax(0,1fr);align-items:start;gap:.6rem;display:grid}.recList{gap:.4rem;max-height:calc(100vh - 6rem);display:grid;overflow:auto}.recItem{text-align:left;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:.7rem;grid-template-columns:5.5rem 1fr;align-items:center;gap:.5rem;padding:.4rem;display:grid}.recItem.on{border-color:var(--night)}.recItem span{display:grid}.recView{gap:.5rem;display:grid}.recView .mural{--mh:calc(100vh - 16rem)}