.prank{--paper:#fffaf0;--paper2:#fff1cf;--rule:#cfe1f3;--margin:#f4a7a3;--ink:#3a2b25;--ink2:#7a6658;--pencil:#2f6bd8;--red:#e4473b;--green:#2f9e6a;--mint:#9fdcc6;--pink:#ffbfcf;--butter:#ffe27a;--sky:#bfe3ff;--desk:#ffd25e;--gray:#a39b90;--hand:var(--font-gowun), "Nanum Myeongjo", serif;--pix:"Galmuri11", ui-monospace, monospace;--u:min(calc(100vw / 1920), calc(100vh / 1080));min-height:100vh;font-family:var(--hand);color:var(--ink);background:var(--desk);-webkit-font-smoothing:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body:has(.prank){background:#ffd25e;overflow-x:hidden}.prank *,.prank :before,.prank :after{box-sizing:border-box}.prank [hidden]{display:none!important}.prank .px,.prank img.px{image-rendering:pixelated}.prank button{font:inherit;color:inherit;cursor:pointer}.prank a{color:inherit}.prank h1,.prank h2,.prank h3{font-weight:700}.prank input{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}.prank .paper{background-color:var(--paper);background-image:linear-gradient(90deg, transparent 0 44px, var(--margin) 44px 46px, transparent 46px), repeating-linear-gradient(180deg, transparent 0 38px, var(--rule) 38px 40px);border:3px solid var(--ink);border-radius:8px 8px 18px;position:relative;box-shadow:0 6px #3a2b2538}.prank .paper.plain{background-image:none}.prank .paper.nomargin{background-image:repeating-linear-gradient(180deg, transparent 0 38px, var(--rule) 38px 40px)}.prank .tape{z-index:2;font:700 18px var(--hand);white-space:nowrap;color:var(--ink);background:#9fdcc6f0;padding:6px 18px;position:absolute;transform:rotate(-3deg)}.prank .tape.pink{background:#ffbfcff5}.prank .tape.butter{background:#ffe27af5}.prank .tape.sky{background:#bfe3fff5}.prank .btn{border:3px solid var(--ink);background:var(--paper);min-width:56px;min-height:56px;font:700 22px var(--hand);box-shadow:0 4px 0 var(--ink);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.prank .btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.prank .btn.primary{background:var(--butter)}.prank .btn.red{border-color:var(--red);color:var(--red);box-shadow:0 4px 0 var(--red);background:#ffd9d4}.prank .btn:disabled{opacity:.42;cursor:default}.prank .face{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:inline-block}.prank .stamp{border:.12em double var(--red);color:var(--red);font:700 1em var(--hand);background:#fffaf0e6;border-radius:.2em;padding:.08em .4em;display:inline-block;transform:rotate(-8deg)}.prank .credits{font:14px/1.5 var(--pix);color:var(--ink2);margin:0}.prank .shake{animation:.35s shake}@keyframes shake{0%,to{translate:0}20%{translate:-7px}40%{translate:7px}60%{translate:-4px}80%{translate:4px}}@keyframes slam{0%{opacity:0;transform:scale(2.6)rotate(-16deg)}60%{opacity:1;transform:scale(.92)rotate(-8deg)}to{transform:scale(1)rotate(-8deg)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes flash{0%{background-color:var(--butter)}to{background-color:#0000}}@keyframes wobble{0%,to{rotate:0deg}25%{rotate:-2.5deg}75%{rotate:2.5deg}}@keyframes blink{50%{border-color:var(--red);box-shadow:0 0 0 6px #e4473b59}}@keyframes spin{to{transform:rotate(1turn)}}.prank .sheet-wrap{place-items:center;min-height:100vh;padding:34px 16px;display:grid}.prank .sheet{width:min(1120px,100%);padding:40px 32px 28px 66px}.prank .sheet h1{margin:0 0 18px;font-size:clamp(26px,3.4vw,38px);line-height:1.25}.prank .lab{font:700 22px var(--hand);margin:0 0 10px;display:block}.prank .msg{min-height:30px;font:700 19px var(--hand);color:var(--ink2);margin:8px 0 0}.prank .msg.err{color:var(--red)}.prank .hint{font:700 20px var(--hand);color:var(--pencil);margin:8px 0 0}@media (max-width:560px){.prank .sheet{padding:34px 16px 22px 54px}}.prank .tv{height:100vh;padding:calc(28 * var(--u));gap:calc(20 * var(--u));font-size:calc(44 * var(--u));grid-template-columns:minmax(0,1fr);line-height:1.3;display:grid}.prank .tv .paper{border-width:max(3px, calc(4 * var(--u)));background-image:none}.prank .tv .tape{font-size:calc(44 * var(--u));padding:calc(6 * var(--u)) calc(22 * var(--u))}.prank .tvhead{justify-content:space-between;align-items:center;gap:calc(20 * var(--u));min-width:0;display:flex}.prank .tvhead h1{font-size:calc(52 * var(--u));white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}@media (max-width:1000px),(max-aspect-ratio:4/3){.prank{--u:.5px}.prank .tv{height:auto;min-height:100vh}.prank .tvhead{flex-wrap:wrap}}.prank .home h1{font-size:clamp(34px,5vw,56px)}.prank .home .credits{margin-top:28px}.prank .sheet.home .home-notice{font:700 20px var(--hand);color:var(--ink2);margin:16px 0 0}.prank .tv-home{place-items:center}.prank .tv-home .paper{padding:calc(72 * var(--u)) calc(96 * var(--u))}.prank .tv-home h1{font-size:max(32px, min(calc(120 * var(--u)), 10vw));white-space:normal;margin:0;line-height:1.2}.prank .tv-home .home-notice{margin:calc(24 * var(--u)) 0 0;font:700 max(20px, calc(32 * var(--u))) var(--hand);text-align:center;color:var(--ink2)}.prank .tv-home #createB{margin:calc(40 * var(--u)) auto 0;display:flex}.prank .tv-home .home-back{width:fit-content;min-height:64px;margin:calc(24 * var(--u)) auto 0;padding:0 calc(20 * var(--u));font:700 max(20px, calc(32 * var(--u))) var(--hand);color:var(--ink2);justify-content:center;align-items:center;display:flex}.prank .cast-sheet{width:min(1200px,100%)}.prank .cast-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.prank .cast-grid li{background:var(--paper);border:3px solid var(--ink);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.prank .cast-grid li.extra{border-style:dashed}.prank .cast-grid .face{background-color:var(--paper2);border-radius:8px}.prank .cast-grid code{font:700 14px var(--pix)}.prank .cast-grid small{font:12px/1.3 var(--pix);color:var(--ink2);text-align:center}.prank .measure{margin-top:28px;font-size:19px;line-height:1.6}.prank .measure table{border-collapse:collapse;font:15px var(--pix)}.prank .measure th,.prank .measure td{border-bottom:2px solid var(--rule);text-align:left;padding:4px 12px}.prank .measure .bad{color:var(--red);font-weight:700}.prank .measure .pair{align-items:center;gap:12px;display:inline-flex}.prank .lab.small{margin-top:18px;font-size:19px}.prank .dim{color:var(--ink2)}.prank .toast{z-index:80;width:max-content;max-width:calc(100vw - 32px);font:700 22px var(--hand);text-align:center;padding:14px 24px;animation:.25s rise;position:fixed;top:38%;left:50%;transform:translate(-50%)}.prank .enter .enter-notes{margin-top:18px}.prank .enter-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;display:grid}.prank .room-in{border:3px solid var(--ink);width:100%;max-width:360px;height:92px;font:700 58px var(--pix);letter-spacing:.32em;text-align:center;text-indent:.32em;background:#fff;border-radius:14px;padding:0 12px}.prank .room-in:disabled{color:var(--gray);background:#eee6d8}.prank .nick-in{border:3px solid var(--ink);width:100%;height:64px;font:700 26px var(--hand);background:#fff;border-radius:14px;padding:0 18px}.prank .room-in:focus,.prank .nick-in:focus{outline:4px solid var(--sky);outline-offset:2px}.prank .nick-pick{align-items:stretch;gap:12px;display:flex}.prank .nick-card{border:3px solid var(--ink);background:var(--paper);min-width:0;min-height:68px;font:700 26px var(--hand);box-shadow:0 4px 0 var(--ink);border-radius:14px;flex:1;justify-content:center;align-items:center;padding:0 14px;display:flex}.prank .nick-card.on{background:var(--butter);outline:4px solid var(--ink);outline-offset:-8px}.prank .nick-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;animation:.3s both pop;overflow:hidden}.prank .dice{border:3px solid var(--ink);background:var(--paper);width:68px;height:68px;box-shadow:0 4px 0 var(--ink);border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.prank .dice:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.prank .dice-word{font:700 16px var(--pix)}.prank .dice.rolling img{animation:.3s ease-out roll}@keyframes roll{0%{transform:rotate(0)scale(1)}50%{transform:rotate(200deg)scale(.8)}to{transform:rotate(360deg)scale(1)}}.prank .own-open{margin-top:16px}.prank .enter-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;display:flex}.prank .enter-foot .chosen{font:700 22px var(--hand);min-width:0}.prank .enter-foot .chosen b{background:linear-gradient(transparent 55%, var(--butter) 55%)}.prank .btn.big{min-height:68px;padding:0 36px;font-size:26px}.prank .sheet-wrap.enter{align-content:center}body:has(.prank .landing){background:linear-gradient(#ffd25ee6,#ffd25ee6),url(/prank/landing/school-map.webp) -240px -120px/2400px 864px,#ffd25e}.prank:has(.landing){background:0 0}.prank .landing{word-break:keep-all;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px 48px;max-width:1480px;min-height:100vh;margin:0 auto;padding:36px 48px 20px;display:grid}.prank .landing .tape{top:-17px;left:28px}.prank .show{padding-bottom:120px;position:relative}.prank .tablet{background:#2b2230;border-radius:30px;padding:18px;rotate:-1deg;box-shadow:0 10px #3a2b2547}.prank .tablet img{border-radius:10px;width:100%;height:auto;display:block}.prank .tablet img,.prank .steps img{image-rendering:auto}.prank .steps{justify-content:space-between;gap:18px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:0;left:4%;right:4%}.prank .steps li{background:var(--paper);border:3px solid var(--ink);text-align:center;border-radius:6px;flex:0 190px;padding:10px 10px 8px;position:relative;rotate:-4deg;box-shadow:0 5px #3a2b2540}.prank .steps li:nth-child(2){translate:0 -8px;rotate:2deg}.prank .steps li:nth-child(3){rotate:-2deg}.prank .steps img{aspect-ratio:16/9;object-fit:cover;object-position:top;border:2px solid var(--ink);border-radius:3px;width:100%;height:auto;display:block}.prank .steps b{font:700 21px var(--hand);margin-top:6px;display:block}.prank .steps b i{font:700 16px var(--pix);color:var(--red);margin-right:6px;font-style:normal}.prank .steps li:before{content:"";background:#ffbfcfe6;width:64px;height:22px;margin-left:-32px;position:absolute;top:-12px;left:50%;rotate:-4deg}.prank .steps li:nth-child(2):before{background:#bfe3ffeb}.prank .steps li:nth-child(3):before{background:#9fdcc6eb}.prank .side{gap:26px;display:grid}.prank .side h1{margin:0;font-size:clamp(36px,3.4vw,50px);line-height:1.12}.prank .side h1 em{color:var(--red);font-style:normal}.prank .side .title p{font:700 17px var(--pix);color:var(--ink2);margin:8px 0 0}.prank .student-card{padding:32px 26px 24px 62px}.prank .student-card .enter-grid{grid-template-columns:minmax(0,1fr);gap:20px}.prank .student-card .lab{margin-bottom:8px}.prank .student-card .room-in{max-width:none;height:84px}.prank .student-card .msg:empty{min-height:0;margin:0}.prank .student-card .enter-foot{flex-wrap:nowrap;gap:12px;margin-top:20px}.prank .student-card .chosen{display:none}.prank .student-card .own-open{margin:0}.prank .student-card #goBtn{flex:1}.prank .teacher-card{justify-content:space-between;align-items:center;gap:16px;padding:24px 22px 18px;display:flex}.prank .teacher-card img{flex:none;margin:-8px 0 -12px}.prank .teacher-card .btn{flex:1;text-decoration:none}.prank .practice-card{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.prank .practice-card p{font:700 19px/1.35 var(--hand);margin:0}.prank .practice-card .btn{flex:none}.prank .landing .enter-notes{grid-column:1/-1}.prank .landing .enter-notes .credits{font:11px/1.4 var(--pix);color:var(--ink2);margin:0}@media (max-width:900px),(max-aspect-ratio:1){.prank .landing{grid-template-columns:minmax(0,1fr);gap:26px;padding:22px 16px 18px}.prank .side{display:contents}.prank .side .title{order:-3}.prank .side h1{font-size:34px}.prank .student-card{order:-2;padding:30px 18px 22px 54px}.prank .teacher-card,.prank .practice-card{order:-1}.prank .show{padding-bottom:0}.prank .tablet{border-radius:18px;padding:10px}.prank .tablet img{border-radius:6px}.prank .steps{gap:10px;margin-top:22px;position:static}.prank .steps li{padding:6px 6px 4px}.prank .steps b{font-size:16px}.prank .steps b i{display:none}.prank .student-card .room-in{height:76px}.prank .teacher-card img{width:108px;height:72px}}@media (max-aspect-ratio:1){.prank .enter-grid{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:560px){.prank .room-in{height:80px;font-size:46px}.prank .sheet-wrap.enter{padding:18px 12px 10px}.prank .enter .sheet{padding-top:26px;padding-bottom:14px}.prank .enter .sheet h1{margin-bottom:10px;font-size:24px}.prank .enter .lab{margin-bottom:6px;font-size:20px}.prank .enter .room-in{height:64px;font-size:40px}.prank .enter .msg{min-height:26px;margin-top:4px;font-size:18px}.prank .enter .msg:empty{min-height:0;margin:0}.prank .enter .hint{margin-top:4px;font-size:18px}.prank .enter-grid{gap:14px}.prank .enter .nick-card{min-height:60px;font-size:24px}.prank .enter .dice{width:60px;height:60px}.prank .enter .own-open{margin-top:10px}.prank .enter-foot{gap:8px;margin-top:14px}.prank .enter-foot .chosen{font-size:19px}.prank .enter .btn.big{min-height:60px;font-size:24px}.prank .enter .enter-notes{margin-top:10px}.prank .enter .enter-notes .credits{font-size:12px;line-height:1.4}}.prank .lobby-grid{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:36px;display:grid}.prank .me-big{background:var(--paper2);border:3px dashed var(--ink2);border-radius:16px;place-items:center;width:200px;height:320px;display:grid}.prank .sheet h1.nick-big{margin:0 0 6px;font-size:clamp(40px,6vw,64px)}.prank .nick-big.changed{animation:1.2s flash}.prank .say{font:700 clamp(24px, 3vw, 32px) var(--hand);color:var(--pencil);margin:8px 0 14px}.prank .sub{color:var(--ink2);margin:6px 0;font-size:19px;line-height:38px}.prank .hello{flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.prank .hello li{border:2px solid var(--ink);background:#fff;border-radius:10px;padding:4px}@media (max-aspect-ratio:1){.prank .lobby-grid{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.prank .hello{justify-content:center}}.prank .role-wrap{text-align:center;justify-items:center;gap:18px;display:grid}.prank .role-title{margin:0;font-size:clamp(26px,3.6vw,40px);line-height:1.3}.prank .role-count{font:700 22px var(--hand);margin:0}.prank .role-count b{font:700 44px var(--pix);color:var(--red)}.prank .rolecard{aspect-ratio:3/4;touch-action:none;background:0 0;border:0;width:min(400px,82vw);max-height:64vh;padding:0;position:relative}.prank .rolecard>div{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:26px 22px 20px 54px;display:flex;position:absolute;inset:0}.prank .rolecard .back{border:3px solid var(--ink);color:#fff;background-color:#6f9ee8;background-image:repeating-linear-gradient(45deg,#ffffff1f 0 14px,#0000 14px 28px);border-radius:14px;padding-left:22px;box-shadow:0 8px #3a2b254d}.prank .rolecard .back h2{margin:0;font-size:40px}.prank .rolecard .back p{font:700 22px var(--hand);margin:0}.prank .rolecard .back .hold{width:132px;height:132px;font:700 22px var(--hand);border:4px dashed #fff;border-radius:50%;place-items:center;display:grid}.prank .rolecard .front,.prank .rolecard.show .back{display:none}.prank .rolecard.show .front{display:flex}.prank .rolecard .front h2{margin:4px 0 0;font-size:48px}.prank .rolecard .front ul{font:700 20px/1.6 var(--hand);margin:0;padding:0;list-style:none}.prank .rolecard .front .mates{font:700 20px var(--hand);margin:4px 0 0}.prank .rolecard .front .mates b{color:var(--red)}.prank .jbar{z-index:6;background:var(--butter);border-bottom:3px solid var(--ink);min-height:58px;font:700 clamp(16px, 4.4vw, 23px) var(--hand);text-align:center;justify-content:center;align-items:center;gap:10px;padding:4px 12px;display:flex;position:fixed;top:0;left:0;right:0}.prank .jbar img{flex:none;width:48px;height:48px}.prank .janitor .acts .row{visibility:hidden}.prank .mock-play{min-height:100vh}.prank .ov{z-index:20;background:#30243a6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.prank .note{text-align:left;width:min(640px,100%);padding:40px 30px 30px 66px;animation:.3s rise}.prank .note h2{margin:0 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.25}.prank .note p{font:700 21px/40px var(--hand);margin:0}.prank .note .big{font:700 clamp(72px, 12vw, 120px)/1 var(--pix);color:var(--pencil);margin:10px 0}.prank .note .big.hurry{color:var(--red);transform-origin:0;transform:scale(1.12)}.prank .note .count{font-family:var(--pix);color:var(--red)}.prank .note .acts2{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.prank .note .chips2{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.prank .note .chips2 span{border:2px solid var(--ink);font:700 18px var(--hand);background:#fff;border-radius:8px;padding:4px 12px}.prank .note .chips2 span i{font:14px var(--pix);color:var(--red);margin-left:6px;font-style:normal}.prank .call{justify-items:center;display:grid}.prank .note.late{animation-delay:.5s;animation-fill-mode:both}.prank .found-stamp{margin-bottom:18px;font-size:clamp(90px,15vw,170px);animation:.5s both slam}.prank .spinner{border:8px solid var(--rule);border-top-color:var(--pencil);border-radius:50%;width:72px;height:72px;margin:10px 0;animation:1s linear infinite spin}.prank .result{text-align:center;justify-items:center;gap:10px;width:min(860px,100%);padding:44px 30px 34px 66px;animation:.3s rise;display:grid}.prank .result .res-line{min-height:1.3em;font:700 clamp(28px, 4.6vw, 52px)/1.3 var(--hand);margin:4px 0}.prank .result .res-sub{font:700 21px/40px var(--hand);color:var(--ink2);margin:0}.prank .result .rs{margin-top:8px;font-size:30px}.prank .result .rs.no{color:var(--pencil);border-color:var(--pencil)}.prank .result .face{background-color:var(--paper2);border-radius:16px}.prank .vote-wrap{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;height:100dvh;padding:18px 22px 16px;display:grid}.prank .vote-head{align-items:center;gap:18px;padding:16px 20px 12px 60px;display:flex}.prank .vote-head h1{flex:1;min-width:0;margin:0;font-size:clamp(22px,3vw,32px)}.prank .vote-head .tape{top:-16px;left:50px}.prank .vtime{font:700 52px/1 var(--pix);color:var(--pencil);text-align:right;min-width:90px;transition:transform .2s}.prank .vtime.hurry{color:var(--red);transform:scale(1.35)}.prank .vote-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;margin:-6px;padding:6px;display:grid;overflow-y:auto}.prank .vbtn{border:3px solid var(--ink);background:var(--paper);min-height:112px;box-shadow:0 4px 0 var(--ink);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px;display:flex;position:relative}.prank .vbtn .nm{max-width:100%;font:700 20px/1.2 var(--hand);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.prank .vbtn .face{background-color:var(--paper2);border-radius:10px}.prank .vbtn.pick{background:var(--butter);outline:4px solid var(--pencil);outline-offset:2px}.prank .vbtn:disabled{opacity:.45;box-shadow:none;cursor:default}.prank .vbtn .jan{font:11px var(--pix);background:var(--mint);border-radius:4px;padding:2px 4px;position:absolute;top:4px;right:4px}.prank .vote-foot{flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex}.prank .vote-foot #vPick{min-width:0;font:700 21px var(--hand);flex:1}.prank .vote-foot .btn.skip{background:#fff}.prank .voted{z-index:30;background:#ffd25eb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@media (orientation:portrait){.prank .vote-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:600px){.prank .vote-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prank .vote-head{padding:30px 20px 12px}.prank .vote-head .tape{left:14px}.prank .vtime{min-width:60px;font-size:40px}.prank .vbtn .nm{font-size:17px}}.prank .sheet h1.end-title{font-size:clamp(32px,5vw,56px)}.prank .end-list{flex-wrap:wrap;gap:12px;margin:10px 0;padding:0;list-style:none;display:flex}.prank .end-list li{border:2px solid var(--ink);font:700 22px var(--hand);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:flex}.prank .end-list li b{color:var(--red)}.prank .claps{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.prank .end-leave{text-align:right;margin:8px 0 0}body:has(.prank .play){height:100%;overflow:hidden}.prank .play{position:fixed;inset:0;overflow:hidden}.prank .view{touch-action:none;width:100vw;height:100vh;image-rendering:pixelated;display:block;position:fixed;inset:0}.prank .tags{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.prank .tag{font:700 13px var(--pix);background:var(--paper);border:2px solid var(--ink);white-space:nowrap;will-change:transform;border-radius:6px;padding:2px 7px;position:absolute;top:0;left:0}.prank .tag.self{background:var(--butter)}.prank .tag.mate{color:var(--red)}.prank .act-pop{font:700 15px var(--pix);color:var(--ink);background:var(--paper);border:2px solid var(--ink);white-space:nowrap;opacity:0;border-radius:8px;margin-bottom:6px;padding:4px 10px;animation:2s ease-out forwards act-pop;position:absolute;bottom:100%;left:50%}@keyframes act-pop{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}75%{opacity:1;transform:translate(-50%,-10px)}to{opacity:0;transform:translate(-50%,-18px)}}.prank .joy{z-index:4;pointer-events:none;background:#fffaf033;border:3px solid #fffaf0d9;border-radius:50%;width:140px;height:140px;margin:-70px 0 0 -70px;display:none;position:fixed}.prank .joy i{border:3px solid var(--ink);background:#fffaf0e6;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%}.prank .hud{z-index:5;pointer-events:none;position:fixed;inset:0}.prank .hud>*{pointer-events:auto}.prank .tasks{background-image:linear-gradient(90deg, transparent 0 30px, var(--margin) 30px 32px, transparent 32px);width:min(320px,100vw - 32px);padding:0 0 8px;position:absolute;top:16px;left:16px}.prank .thead{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:56px;padding:4px 12px 0 38px;display:flex}.prank .thead .tape{padding:5px 14px;font-size:20px;position:static}.prank .thead .cnt{font:700 18px var(--pix);margin-left:auto}.prank .thead .more{font:700 15px var(--hand);color:var(--pencil);display:none}.prank .tasks ol{margin:0;padding:0 12px 0 38px;list-style:none}.prank .tasks li{height:40px;font:20px var(--hand);border-bottom:2px solid var(--rule);align-items:center;gap:10px;min-width:0;display:flex}.prank .tasks li .box{border:2.5px solid var(--ink);background:#fff;border-radius:4px;flex:none;width:24px;height:24px;position:relative}.prank .tasks li.done .box:after{content:"✓";font:700 34px var(--hand);color:var(--red);position:absolute;top:-17px;left:-1px}.prank .tasks li .txt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prank .tasks li b{font-weight:700}.prank .tasks li.done .txt{color:var(--ink2);-webkit-text-decoration:line-through 2.5px var(--red);text-decoration:line-through 2.5px var(--red)}.prank .tasks li.cur .txt{background:linear-gradient(#0000 60%,#ffe27ae6 60%)}.prank .tasks li.flash{animation:.4s 2 flash}.prank .tasks li.pop{animation:.35s both pop}.prank .team{font:13px var(--pix);color:var(--ink2);align-items:center;gap:8px;padding:8px 12px 0 38px;display:flex}.prank .team .bar{border:2px solid var(--ink);background:#fff;border-radius:9px;flex:1;min-width:0;height:16px;overflow:hidden}.prank .team .bar i{background:var(--pencil);height:100%;transition:width .8s;display:block}.prank .team b{font:700 13px var(--pix);color:var(--ink)}.prank .team b.drop{animation:.5s 3 bar-drop}@keyframes bar-drop{50%{color:var(--red);transform:scale(1.25)}}.prank .messy{font:13px var(--pix);color:var(--ink2);align-items:center;gap:8px;padding:6px 12px 0 38px;display:flex}.prank .messy .slots{gap:4px;display:flex}.prank .messy .slots i{border:2px solid var(--ink);background:#fff;border-radius:3px;width:14px;height:14px}.prank .messy .slots i.on{background:var(--red)}.prank .messy b{font:700 13px var(--pix);color:var(--ink)}.prank .messy.warn b{color:var(--red);animation:1s infinite blink}.prank .me{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:16px;right:16px}.prank .badge{border:3px solid var(--ink);background:var(--paper);height:56px;font:700 21px var(--hand);touch-action:none;border-radius:28px;align-items:center;gap:8px;max-width:46vw;padding:0 16px 0 6px;display:flex;box-shadow:0 4px #3a2b2559}.prank .badge span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prank .badge .face{background-color:var(--sky);border-radius:50%}.prank .clock{border:3px solid var(--ink);background:var(--paper);border-radius:14px;align-items:center;gap:4px;height:56px;padding:0 14px 0 4px;display:flex}.prank .clock small{font:11px var(--pix);color:var(--ink2);display:block}.prank .clock b{min-width:76px;font:700 26px/1 var(--pix);display:block}.prank .place{font:700 18px var(--hand);background:#bfe3fff5;padding:5px 14px;position:relative;transform:rotate(2deg)}.prank .acts{flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:22px;right:22px}.prank .acts .row{gap:14px;display:flex}.prank .round{border:3px solid var(--ink);background:var(--paper);width:96px;height:96px;box-shadow:0 5px 0 var(--ink);font:700 18px/1 var(--hand);touch-action:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.prank .round img{width:48px;height:48px;margin-top:-6px}.prank .round.found{border-color:var(--red);color:var(--red);box-shadow:0 5px 0 var(--red);background:#ffe1dc}.prank .round.off{filter:grayscale();opacity:.48}.prank .do{touch-action:none;background:conic-gradient(var(--rc,var(--pencil)) calc(var(--p,0) * 1turn), #fffaf0cc 0);width:160px;height:160px;box-shadow:0 0 0 3px var(--ink), 0 7px 0 3px #3a2b2566;border:0;border-radius:50%;padding:0;position:relative}.prank .do .disc{background:var(--butter);border:3px solid var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .2s;display:flex;position:absolute;inset:12px}.prank .do .lbl{font:700 38px/1 var(--hand)}.prank .do .sub{font:12px var(--pix);color:var(--ink2);margin:0}.prank .do.off .disc{background:#f1e7d2}.prank .do.off .lbl{color:var(--ink2)}.prank .do.cool{--rc:var(--gray)}.prank .do.holding .disc{background:#fff3b0}.prank .do .pointer{pointer-events:none;opacity:0;width:48px;height:48px;margin:-24px 0 0 -24px;transition:opacity .2s;position:absolute;top:50%;left:50%}.prank .do .pointer.on{opacity:1}.prank .play.janitor .tasks,.prank .play.janitor .me{top:74px}.prank .newbar{z-index:6;background:var(--butter);border:3px solid var(--ink);font:700 26px var(--hand);border-top:0;border-radius:0 0 16px 16px;align-items:center;gap:8px;padding:10px 26px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-120%)}.prank .newbar.go{animation:2.6s both drop}@keyframes drop{0%{transform:translate(-50%,-120%)}14%,82%{transform:translate(-50%)}to{transform:translate(-50%,-120%)}}.prank .peek{z-index:30;width:260px;max-width:calc(100vw - 32px);font:700 20px var(--hand);padding:14px 18px 12px 54px;animation:.15s rise;position:fixed;top:84px;right:16px}.prank .loading{z-index:50;background:var(--desk);place-items:center;display:grid;position:fixed;inset:0}.prank .loading .ld{width:min(420px,100vw - 40px);font:700 22px var(--hand);gap:12px;padding:26px 26px 22px 60px;display:grid}.prank .loading .bar{border:2px solid var(--ink);background:#fff;border-radius:9px;height:16px;overflow:hidden}.prank .loading .bar i{background:var(--pencil);width:0;height:100%;display:block}.prank .loading .ltext{font:13px var(--pix);color:var(--ink2)}@media (orientation:portrait){.prank .me{flex-direction:row;justify-content:space-between;align-items:center;top:12px;left:12px;right:12px}.prank .tasks{width:auto;top:80px;left:12px;right:12px}.prank .play.janitor .me{top:70px}.prank .play.janitor .tasks{top:138px}.prank .thead .more{display:inline}.prank .tasks:not(.open) li:nth-child(n+3){display:none}.prank .acts{flex-direction:row;justify-content:center;align-items:flex-end;gap:12px;bottom:16px;left:0;right:0}.prank .acts .row{display:contents}.prank .do{width:152px;height:152px}.prank .do .disc{inset:11px}.prank .peek{top:140px}}@media (max-width:500px){.prank .place{display:none}.prank .round{width:88px;height:88px}.prank .do{width:148px;height:148px}.prank .do .disc{inset:10px}.prank .acts{gap:8px}.prank .clock small{display:none}}.prank .tvhead h1 small{font:calc(44 * var(--u)) var(--pix);color:var(--ink2);margin-left:calc(14 * var(--u))}.prank .tvctl{gap:calc(14 * var(--u));flex-wrap:wrap;justify-content:flex-end;display:flex}.prank .tvbtn{min-height:max(64px, calc(76 * var(--u)));padding:0 calc(26 * var(--u));font:700 calc(44 * var(--u)) var(--hand);border-radius:calc(16 * var(--u));border:max(3px, calc(4 * var(--u))) solid var(--ink);background:var(--paper);box-shadow:0 calc(5 * var(--u)) 0 var(--ink);white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.prank .tvbtn.primary{background:var(--butter)}.prank .tvbtn.red{color:var(--red);border-color:var(--red);box-shadow:0 calc(5 * var(--u)) 0 var(--red);background:#ffd9d4}.prank .tvbtn:disabled{opacity:.38;cursor:default}.prank .tvbtn:active:not(:disabled){translate:0 3px}.prank .tvlabel{font:700 calc(44 * var(--u)) var(--hand);margin:0}.prank .tvl{grid-template-rows:auto minmax(0,1fr) auto;position:relative}.prank .tvl-top{gap:calc(20 * var(--u));grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);min-height:0;display:grid}.prank .roomcard{padding:calc(44 * var(--u)) calc(30 * var(--u)) calc(4 * var(--u));align-content:center;display:grid}.prank .roomcard .tape{left:calc(30 * var(--u));top:calc(-22 * var(--u))}.prank .roomno{font:700 calc(224 * var(--u)) / .92 var(--pix);color:var(--ink)}.prank .rules{padding:calc(54 * var(--u)) calc(26 * var(--u)) calc(14 * var(--u)) calc(30 * var(--u))}.prank .rules .tape{left:calc(24 * var(--u));top:calc(-18 * var(--u))}.prank .rules ol{margin:calc(10 * var(--u)) 0 0;padding:0 0 0 1.1em;font-weight:700;list-style:decimal}.prank .rules li{white-space:nowrap;line-height:1.3}.prank .rules li::marker{font-family:var(--pix);color:var(--red)}.prank .settings{padding:calc(54 * var(--u)) calc(26 * var(--u)) calc(14 * var(--u));align-content:center;gap:calc(6 * var(--u));display:grid}.prank .settings .tvbtn{min-height:max(64px, calc(64 * var(--u)));line-height:1}.prank .settings .tape{left:calc(24 * var(--u));top:calc(-18 * var(--u))}.prank .set{justify-content:space-between;align-items:center;gap:calc(14 * var(--u));min-height:calc(64 * var(--u));display:flex}.prank .set>span{white-space:nowrap;font-weight:700}.prank .stepper,.prank .seg{align-items:center;gap:calc(10 * var(--u));display:flex}.prank .stepper b{font:700 calc(48 * var(--u)) var(--pix);min-width:calc(84 * var(--u));text-align:center}.prank .stepper .tvbtn{width:max(64px, calc(64 * var(--u)));padding:0}.prank .seg .tvbtn{padding:0 calc(12 * var(--u));min-width:max(64px, calc(76 * var(--u)))}.prank .seg .tvbtn.on{background:var(--butter);outline:max(3px, calc(4 * var(--u))) solid var(--pencil)}.prank .names{gap:calc(12 * var(--u));grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));min-height:0;display:grid}.prank .ncell{min-width:0;min-height:0;padding:calc(2 * var(--u));background:var(--paper);border:max(3px, calc(4 * var(--u))) solid var(--ink);border-radius:calc(16 * var(--u));place-items:center;display:grid;position:relative;container:ncell/size}.prank .nbtn{width:100%;height:100%;padding:0 calc(6 * var(--u));border-radius:calc(12 * var(--u));background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.prank .nbtn:focus-visible{outline:max(3px, calc(4 * var(--u))) solid var(--pencil)}.prank .ncell .nm{--fh:0px;--fw:0px;white-space:nowrap;max-width:100%;font-family:var(--hand);letter-spacing:-.02em;font-weight:700;line-height:1.25;font-size:min(calc(44 * var(--u)), calc((100cqw - 12 * var(--u) - var(--fw)) / var(--len) / 1.04), calc((100cqh - var(--fh)) / 1.35));padding-bottom:.1em;display:block}.prank .ncell .face{background-color:var(--paper2);border-radius:10px;flex:none}.prank .ncell .face+.nm{--fh:48px}@container ncell (max-height:85px){.prank .ncell .nbtn{align-items:flex-end;gap:calc(6 * var(--u));flex-direction:row}.prank .ncell .face+.nm{--fh:0px;--fw:calc(48px + 6 * var(--u))}}@container ncell (min-height:150px){.prank .ncell .face{zoom:2}.prank .ncell .face+.nm{--fh:96px}}@container ncell (min-height:225px){.prank .ncell .face{zoom:3}.prank .ncell .face+.nm{--fh:144px}}@container ncell (min-height:300px){.prank .ncell .face{zoom:4}.prank .ncell .face+.nm{--fh:192px}}.prank .ncell .own{top:calc(6 * var(--u));right:calc(8 * var(--u));font:700 calc(24 * var(--u)) var(--pix);background:var(--butter);padding:0 calc(6 * var(--u));border-radius:4px;position:absolute}.prank .ncell.empty{color:var(--ink2);background:#fffaf073;border-style:dashed}.prank .ncell.sel{outline:max(4px, calc(6 * var(--u))) solid var(--pencil);outline-offset:2px;z-index:4}.prank .ncell.flashy{animation:1s flash}.prank .pop{z-index:6;gap:calc(10 * var(--u));padding:calc(12 * var(--u));background:var(--ink);border-radius:calc(16 * var(--u));flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.prank .pop.up{top:auto;bottom:calc(100% + 10px)}.prank .pop-type{gap:calc(10 * var(--u));flex-direction:column;display:flex}.prank .pop-type input{width:calc(380 * var(--u));min-width:220px;min-height:max(64px, calc(76 * var(--u)));padding:0 calc(16 * var(--u));font:700 max(26px, calc(44 * var(--u))) var(--hand);text-align:center;background:var(--paper);border:max(3px, calc(4 * var(--u))) solid var(--butter);border-radius:calc(16 * var(--u))}.prank .pop-msg{font:700 max(18px, calc(30 * var(--u))) var(--hand);color:#ffd9d4;text-align:center;margin:0}.prank .pop-msg:empty{display:none}.prank .tvl-foot{justify-content:space-between;align-items:center;gap:calc(20 * var(--u));padding:calc(4 * var(--u)) calc(24 * var(--u)) calc(4 * var(--u)) calc(8 * var(--u));display:flex}.prank .tvl-foot p{min-width:0;margin:0 auto 0 0;font-weight:700}.prank .qrbtn{width:max(64px, calc(160 * var(--u)));height:max(64px, calc(160 * var(--u)));border-radius:calc(6 * var(--u));box-shadow:0 0 0 max(2px, calc(3 * var(--u))) var(--ink);cursor:zoom-in;background:#fff;border:0;flex:none;padding:0}.prank .qrbtn svg,.prank .qrbig svg{width:100%;height:100%;display:block}.prank .qrbtn:focus-visible,.prank .qrbig:focus-visible{outline:max(3px, calc(4 * var(--u))) solid var(--pencil);outline-offset:max(3px, calc(5 * var(--u)))}.prank .qrover{z-index:60;background:#ffd25ef7;justify-content:center;align-items:center;gap:4vmin;padding:4vmin;display:flex;position:fixed;inset:0}.prank .qrbig{border-radius:calc(10 * var(--u));width:80vmin;height:80vmin;box-shadow:0 0 0 max(3px, calc(5 * var(--u))) var(--ink), 0 calc(10 * var(--u)) 0 #3a2b2538;cursor:zoom-out;background:#fff;border:0;flex:none;padding:0}.prank .qrinfo{justify-items:start;gap:calc(16 * var(--u));min-width:0;padding:calc(60 * var(--u)) calc(34 * var(--u)) calc(28 * var(--u));display:grid}.prank .qrinfo .tape{left:calc(24 * var(--u));top:calc(-22 * var(--u))}.prank .qr-room{font:700 calc(200 * var(--u)) / .92 var(--pix)}.prank .qr-url{max-width:100%;font:700 calc(36 * var(--u)) / 1.3 var(--pix);color:var(--pencil);overflow-wrap:anywhere;margin:0}@media (max-aspect-ratio:4/3){.prank .qrover{flex-direction:column}.prank .qrbig{width:min(80vmin,100vh - 320px);height:min(80vmin,100vh - 320px)}}.prank .tvl-foot p b{font-family:var(--pix);color:var(--pencil)}.prank .tvbtn.start{min-height:max(72px, calc(84 * var(--u)));font-size:calc(56 * var(--u));padding:0 calc(60 * var(--u))}.prank .tv-credits{left:calc(28 * var(--u));font-size:max(10px, calc(16 * var(--u)));line-height:1.5;position:absolute;bottom:0}.prank .tvover{z-index:40;text-align:center;font-size:calc(56 * var(--u));background:#ffd25ef5;place-items:center;display:grid;position:fixed;inset:0}.prank .tvover p{font-weight:700}.prank .tvover .tvover-say{margin:0}.prank .tvover .huge{font:700 calc(260 * var(--u)) / 1 var(--pix);color:var(--red)}.prank .tvpause{background:#ffe27aeb}.prank .tvover .close-sub{margin:calc(16 * var(--u)) 0 0;font-size:max(20px, calc(36 * var(--u)));color:var(--ink2)}.prank .tvover .close-btns{justify-content:center;gap:calc(28 * var(--u));margin-top:calc(40 * var(--u));display:flex}.prank .tvpause-stamp{font-size:calc(160 * var(--u))}.prank .tvp{grid-template-rows:auto auto auto minmax(0,1fr)}.prank .tvp-main{grid-template-columns:minmax(0, 1fr) calc(560 * var(--u));gap:calc(20 * var(--u));display:grid}.prank .mapcard{padding:calc(16 * var(--u));display:grid}.prank .mapbox{height:calc(440 * var(--u));place-items:center;display:grid;position:relative;overflow:hidden}.prank .mapwrap{position:relative}.prank .mmcanvas{image-rendering:pixelated;border-radius:6px;display:block}.prank .mapwrap .ring{border:max(4px, calc(7 * var(--u))) solid var(--red);pointer-events:none;border-radius:50%;animation:.4s rise;position:absolute}.prank .mapwrap .ring span{padding:0 calc(10 * var(--u));background:var(--paper);border:3px solid var(--red);font:700 calc(44 * var(--u)) var(--hand);color:var(--red);white-space:nowrap;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prank .mapwrap .ring.go{border-color:var(--pencil);border-style:dashed}.prank .mapwrap .ring.go span{border-color:var(--pencil);color:var(--pencil)}.prank .mm-me{z-index:1;pointer-events:none;justify-items:center;display:grid;position:absolute;translate:-50% -70%}.prank .mm-me .face{border:3px solid var(--ink);background-color:var(--butter);border-radius:50%}.prank .mm-me b{background:var(--ink);color:var(--paper);font:700 16px var(--hand);border-radius:8px;margin-top:-6px;padding:0 8px}.prank .mapbtn{gap:6px;min-height:56px;padding:0 14px 0 10px;font-size:20px}.prank .kidmap{z-index:30;background:#3a2b25b8;place-content:center;justify-items:center;gap:14px;padding:16px;display:grid;position:fixed;inset:0}.prank .kidmap .mapbox{width:calc(100vw - 32px);height:calc(100vh - 120px)}.prank .kidmap .mapwrap{border:4px solid var(--paper);border-radius:10px}.prank .kidmap .ring{border-width:4px}.prank .kidmap .ring span{padding:0 8px;font-size:18px;top:0}@media (max-width:560px){.prank .mapbtn{padding:0 8px;font-size:0}.prank .clock{flex:none;padding-left:12px}.prank .clock img{display:none}}.prank .kidmap .mloading{padding:10px 20px;font-size:20px}.prank .kidmap .mloading .bar{width:min(320px,70vw)}.prank .mloading{justify-items:center;gap:calc(12 * var(--u));padding:calc(12 * var(--u)) calc(24 * var(--u));background:var(--paper);font:700 calc(36 * var(--u)) var(--hand);display:grid;position:absolute}.prank .mloading .bar{width:calc(480 * var(--u));border:2px solid var(--ink);background:#fff;border-radius:9px;height:16px;overflow:hidden}.prank .mloading .bar i{background:var(--pencil);height:100%;display:block}.prank .timecard{padding:calc(30 * var(--u)) calc(30 * var(--u)) calc(20 * var(--u));align-content:center;justify-items:center;display:grid}.prank .timecard .tape{left:calc(26 * var(--u));top:calc(-18 * var(--u))}.prank .timecard .t{font:700 calc(210 * var(--u)) / 1 var(--pix);color:var(--pencil)}.prank .timecard p{margin:calc(8 * var(--u)) 0 0;color:var(--ink2);font-weight:700}.prank .teamrow{align-items:center;gap:calc(24 * var(--u));padding:calc(14 * var(--u)) calc(28 * var(--u));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.prank .teamrow .bar{height:calc(80 * var(--u));border:max(3px, calc(4 * var(--u))) solid var(--ink);border-radius:calc(40 * var(--u));background:#fff;min-height:64px;overflow:hidden}.prank .teamrow .bar i{background:var(--pencil);background-image:repeating-linear-gradient(90deg, transparent 0 calc(118 * var(--u)), #ffffff59 calc(118 * var(--u)) calc(122 * var(--u)));height:100%;transition:width 1s;display:block}.prank .teamrow b{font:700 calc(64 * var(--u)) var(--pix)}.prank .slotwrap{gap:calc(14 * var(--u));grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.prank .slots{gap:calc(18 * var(--u));grid-template-columns:repeat(5,minmax(0,1fr));min-height:0;display:grid}.prank .slot{align-content:center;justify-items:start;gap:calc(6 * var(--u));padding:calc(52 * var(--u)) calc(24 * var(--u)) calc(14 * var(--u));min-width:0;display:grid;position:relative}.prank .slot .tape{left:calc(18 * var(--u));top:calc(-18 * var(--u));font-family:var(--pix)}.prank .slot .pl{font:700 calc(58 * var(--u)) / 1.15 var(--hand);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.prank .slot .tm{font:700 calc(44 * var(--u)) var(--pix);color:var(--red)}.prank .slot .tm small{font:700 calc(44 * var(--u)) var(--hand);color:var(--ink2)}.prank .slot.empty{box-shadow:none;background:#fffaf080;border-style:dashed}.prank .slot.empty .pl{color:var(--gray);font-size:calc(44 * var(--u))}.prank .slot.new{animation:.25s 4 wobble}.prank .slots.warn .slot:not(.empty){animation:.8s infinite blink}.prank .warnbar{padding:calc(6 * var(--u)) calc(30 * var(--u));background:var(--red);color:#fff;font:700 calc(48 * var(--u)) var(--hand);border-radius:calc(14 * var(--u));justify-self:center}.prank .tvm{grid-template-rows:auto minmax(0,1fr) auto}.prank .tvm-main{gap:calc(22 * var(--u));grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.9fr);min-height:0;display:grid}.prank .caller{padding:calc(40 * var(--u)) calc(30 * var(--u)) calc(24 * var(--u));align-content:center;justify-items:center;gap:calc(12 * var(--u));text-align:center;display:grid}.prank .caller .tape,.prank .countcard .tape{left:calc(26 * var(--u));top:calc(-18 * var(--u))}.prank .caller .who{font:700 calc(76 * var(--u)) var(--hand)}.prank .caller .why{padding:calc(4 * var(--u)) calc(22 * var(--u));border:3px solid var(--red);color:var(--red);border-radius:calc(12 * var(--u));background:#ffe1dc;font-weight:700}.prank .countcard{padding:calc(30 * var(--u));text-align:center;align-content:center;justify-items:center;display:grid}.prank .countcard .sec{font:700 calc(380 * var(--u)) / 1 var(--pix);color:var(--pencil);transition:transform .2s}.prank .countcard .sec.vote{font-size:calc(200 * var(--u))}.prank .countcard .sec small{font:700 calc(80 * var(--u)) var(--hand)}.prank .countcard .sec.hurry{color:var(--red);transform:scale(1.12)}.prank .countcard .nn{font:700 calc(190 * var(--u)) / 1 var(--pix);color:var(--ink)}.prank .countcard p{margin:calc(8 * var(--u)) 0 calc(14 * var(--u));font-weight:700}.prank .messlist{padding:calc(64 * var(--u)) calc(26 * var(--u)) calc(20 * var(--u));align-content:start;gap:calc(10 * var(--u));display:grid}.prank .messlist .tape{left:calc(24 * var(--u));top:calc(-18 * var(--u))}.prank .messlist div{justify-content:space-between;gap:calc(16 * var(--u));border-bottom:3px solid var(--rule);padding:calc(6 * var(--u)) 0;min-width:0;font-weight:700;display:flex}.prank .messlist div span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prank .messlist div span:last-child{font-family:var(--pix);color:var(--red);flex:none}.prank .messlist div.none span{color:var(--gray)}.prank .rulebar{padding:calc(10 * var(--u)) calc(40 * var(--u));background:var(--mint);border:max(3px, calc(4 * var(--u))) solid var(--ink);border-radius:calc(16 * var(--u));text-align:center;justify-self:center;font-weight:700}.prank .tvr{grid-template-rows:auto minmax(0,1fr)}.prank .tvr-main{align-content:center;justify-items:center;gap:calc(26 * var(--u));text-align:center;grid-template-columns:minmax(0,1fr);display:grid}.prank .tvr-main .face{background-color:var(--paper2);border-radius:12px}.prank .tvr-line{overflow-wrap:anywhere;min-height:1.25em;font:700 calc(108 * var(--u)) / 1.25 var(--hand);margin:0}.prank .tvr-sub{overflow-wrap:anywhere;color:var(--ink2);margin:0;font-weight:700}.prank .tvr .stamp{font-size:calc(80 * var(--u));margin-bottom:calc(24 * var(--u))}.prank .tvr .stamp.no{color:var(--pencil);border-color:var(--pencil)}.prank .tve{grid-template-rows:auto minmax(0,1fr) auto}.prank .tve-main{gap:calc(24 * var(--u));grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:0;display:grid}.prank .winner{padding:calc(64 * var(--u)) calc(40 * var(--u)) calc(24 * var(--u));align-content:start;gap:calc(14 * var(--u));display:grid}.prank .winner .tape,.prank .reveal .tape{left:calc(30 * var(--u));top:calc(-18 * var(--u))}.prank .winner h2{font-size:calc(112 * var(--u));margin:0;line-height:1.15}.prank .winner .why{color:var(--ink2);margin:0;font-weight:700}.prank .checks{margin:calc(10 * var(--u)) 0 0;gap:calc(10 * var(--u)) calc(30 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.prank .checks li{align-items:center;gap:calc(14 * var(--u));min-width:0;font-weight:700;animation:.35s both pop;display:flex}.prank .checks li i{width:calc(54 * var(--u));height:calc(54 * var(--u));border:max(3px, calc(4 * var(--u))) solid var(--ink);background:#fff;border-radius:6px;flex:none;font-style:normal;position:relative}.prank .checks li.ok i:after{content:"✓";left:0;top:calc(-34 * var(--u));font:700 calc(76 * var(--u)) var(--hand);color:var(--red);position:absolute}.prank .checks li.bad i{border-color:var(--red);background:#ffe1dc}.prank .reveal{padding:calc(64 * var(--u)) calc(30 * var(--u)) calc(24 * var(--u));align-content:center;justify-items:center;gap:calc(18 * var(--u));text-align:center;display:grid}.prank .reveal .rv-say{margin:0;font-weight:700}.prank .reveal .who{gap:calc(30 * var(--u));flex-wrap:wrap;justify-content:center;display:flex}.prank .reveal .who div{justify-items:center;gap:calc(6 * var(--u));font:700 calc(56 * var(--u)) var(--hand);color:var(--red);display:grid}.prank .reveal .who .face{background-color:var(--paper2);border-radius:12px}.prank .tvbtn.again{min-height:max(80px, calc(130 * var(--u)));font-size:calc(72 * var(--u));padding:0 calc(80 * var(--u))}.prank .tve-foot{justify-content:center;align-items:flex-end;gap:calc(16 * var(--u));flex-wrap:wrap;min-height:0;display:flex}@media (max-width:1000px),(max-aspect-ratio:4/3){.prank .tvl-top,.prank .tvp-main,.prank .tvm-main,.prank .tve-main{grid-template-columns:minmax(0,1fr)}.prank .names{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:96px}.prank .slots{grid-template-columns:repeat(2,minmax(0,1fr))}.prank .rules li{white-space:normal}.prank .checks{grid-template-columns:minmax(0,1fr)}.prank .tvl-foot{flex-wrap:wrap}.prank .tv-credits{position:static}}@media (max-width:500px){.prank .names{grid-template-columns:repeat(3,minmax(0,1fr))}.prank .slots{grid-template-columns:minmax(0,1fr)}.prank .roomno{font-size:96px}.prank .tvbtn.again{padding:0 24px}}.prank .cover{z-index:15;background:var(--desk);position:fixed;inset:0;overflow:auto}.prank .note.rejoin .msg{margin-top:4px}.prank .away-list{flex-wrap:wrap;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.prank .away-list .btn{align-items:center;gap:8px;min-height:64px;padding:6px 16px 6px 8px;font-size:22px;display:inline-flex}.prank .note .rejoin-me{font:700 32px/1.2 var(--hand);align-items:center;gap:14px;margin-top:12px;display:flex}.prank .tvrejoins{bottom:calc(28 * var(--u));z-index:45;gap:calc(12 * var(--u));width:max-content;max-width:calc(100vw - 32px);margin:0;padding:0;list-style:none;display:grid;position:fixed;left:50%;translate:-50%}.prank .tvrejoins li{align-items:center;gap:calc(20 * var(--u));padding:calc(14 * var(--u)) calc(22 * var(--u));border:max(3px, calc(4 * var(--u))) solid var(--ink);border-radius:calc(18 * var(--u));box-shadow:0 calc(8 * var(--u)) 0 #30243a59;animation:.3s rise;display:flex}.prank .tvrejoins p{font:700 max(20px, calc(40 * var(--u))) var(--hand);margin:0}.prank .mm-name{color:var(--ink);font:700 clamp(10px, .9vw, 16px) var(--pix);white-space:nowrap;pointer-events:none;background:#fffaf0e0;border-radius:6px;padding:1px 6px;position:absolute;translate:-50% -50%}.prank .mm-name.tall{writing-mode:vertical-rl;text-orientation:upright;padding:6px 1px}.prank .mm-bell{z-index:1;pointer-events:none;justify-items:center;display:grid;position:absolute;translate:-50% -60%}.prank .mm-bell img{width:clamp(24px,2.4vw,48px);height:auto}.prank .mm-bell b{background:var(--red);color:#fff;font:700 clamp(10px, .9vw, 16px) var(--pix);white-space:nowrap;border-radius:6px;margin-top:-4px;padding:0 6px}@media (max-width:560px){.prank .mm-name{display:none}}.prank .mm-dot{background:var(--red);width:12px;height:12px;box-shadow:0 0 0 1px var(--ink);pointer-events:none;border:2px solid #fff;border-radius:50%;margin:-6px 0 0 -6px;position:absolute}@media (max-width:560px){.prank .mm-dot{border-width:1px;width:6px;height:6px;margin:-3px 0 0 -3px}}.prank .practice-bar{z-index:6;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed;bottom:22px;left:16px}.prank .practice-bar #roleSwap{flex-direction:column;gap:0;padding:6px 16px;font-size:20px;line-height:1.2}.prank .practice-bar #roleSwap small{font:12px var(--pix);color:var(--ink2)}.prank .practice-bar #roleSwap[data-role=prank] small{color:var(--red)}.prank .practice-tip{z-index:21;width:min(560px,100vw - 32px);font:700 18px/1.4 var(--hand);text-align:center;margin:0;padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.prank .practice-end{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}@media (orientation:portrait){.prank .practice-bar{flex-direction:row;align-items:stretch;bottom:184px;left:12px}}@media (max-width:560px){.prank .practice-card{flex-direction:column;align-items:stretch}.prank .practice-bar #roleSwap{padding:4px 10px;font-size:17px}}