@font-face{font-family:Kanit;src:url(/fonts/Kanit-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/Kanit-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Lilita;src:url(/fonts/LilitaOne.ttf)format("truetype");font-display:swap}:root{--pink:#ff3b7a;--cyan:#2fd3ff;--yellow:#ffd23b;--green:#48f07a;--purple:#8a4bff;--orange:#ff8a2f;--ink:#1d0b33;--panel:#1d0b33d1;--panel2:#ffffff14;--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#12062a;height:100%;margin:0;font-family:Kanit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:500;overflow:hidden}canvas#game{outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#ui .pass{pointer-events:none}#labels{pointer-events:none;z-index:4;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.tag{white-space:nowrap;text-shadow:0 1px #000;will-change:transform;background:#1408288c;border-radius:10px;padding:1px 8px 2px;font-size:13px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.tag.me{color:var(--ink);text-shadow:none;background:#ffd23be6}.tag.bot{opacity:.85}.tag.out{opacity:.45;text-decoration:line-through}#boot{z-index:50;place-items:center;transition:opacity .6s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#boot.hide{opacity:0;pointer-events:none}.boot-bg{background:radial-gradient(circle at 50% 35%,#6a2bd8 0%,#2a0b5a 45%,#12062a 100%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.boot-bg:before,.boot-bg:after{content:"";background:repeating-conic-gradient(#ffffff0f 0deg 10deg,#0000 10deg 20deg);width:140vmax;height:140vmax;animation:40s linear infinite spin;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.boot-bg:after{background:radial-gradient(circle,#0000 40%,#12062a 75%);animation:none}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.boot-inner{text-align:center;width:min(560px,88vw);position:relative}.logo{filter:drop-shadow(0 8px #00000059);flex-direction:column;align-items:center;margin-bottom:34px;line-height:.82;display:flex}.logo span{font-family:Lilita,Kanit,sans-serif}.logo .l1{color:var(--yellow);-webkit-text-stroke:4px #4a1580;paint-order:stroke fill;font-size:clamp(64px,15vw,128px);animation:2.4s ease-in-out infinite bob;transform:rotate(-4deg)}.logo .l2{color:#fff;-webkit-text-stroke:4px var(--pink);paint-order:stroke fill;font-size:clamp(56px,13vw,112px);animation:2.4s ease-in-out .3s infinite bob;transform:rotate(3deg)}.logo .l3{background:linear-gradient(90deg, var(--cyan), var(--green));color:var(--ink);border-radius:99px;margin-top:14px;padding:4px 16px;font-family:Kanit;font-size:clamp(18px,4.2vw,26px);font-weight:700;transform:rotate(-2deg);box-shadow:0 4px #0000004d}@keyframes bob{0%,to{translate:0}50%{translate:0 -8px}}.boot-bar{background:#00000073;border:3px solid #fff;border-radius:99px;height:26px;position:relative;overflow:visible;box-shadow:0 5px #00000059}.boot-fill{background:repeating-linear-gradient(-45deg, var(--pink) 0 14px, #ff6b9c 14px 28px);background-size:40px 40px;border-radius:99px;width:0%;transition:width .25s;animation:.8s linear infinite stripes;position:absolute;top:3px;bottom:3px;left:3px}@keyframes stripes{to{background-position:40px 0}}.boot-runner{transition:left .25s;position:absolute;top:-44px;left:0%;transform:translate(-50%)}.boot-runner i{image-rendering:auto;background:url(/ui/runner.png) 0 0/400% 100% no-repeat;width:46px;height:46px;animation:.5s steps(4,end) infinite run;display:block}@keyframes run{to{background-position:-184px 0}}.boot-msg{opacity:.9;margin-top:14px;font-size:16px}.boot-tip{opacity:.65;min-height:20px;margin-top:10px;font-size:14px}.btn{color:#fff;cursor:pointer;text-shadow:0 2px #00000040;background:linear-gradient(#ff5a92,#e8205f);border:0;border-radius:16px;padding:10px 20px;font-family:Kanit;font-size:18px;font-weight:700;transition:transform 80ms,filter .15s;position:relative;box-shadow:0 5px #8c0f3a,0 8px 14px #00000059}.btn:hover{filter:brightness(1.08)}.btn:active,.btn.press{transform:translateY(4px);box-shadow:0 1px #8c0f3a,0 3px 8px #00000059}.btn.y{color:var(--ink);text-shadow:none;background:linear-gradient(#ffe066,#ffb800);box-shadow:0 5px #a86c00,0 8px 14px #00000059}.btn.c{background:linear-gradient(#5ee0ff,#14a6e0);box-shadow:0 5px #0a5c86,0 8px 14px #00000059}.btn.g{color:#08321a;text-shadow:none;background:linear-gradient(#6dff9a,#19c75a);box-shadow:0 5px #0b7a33,0 8px 14px #00000059}.btn.p{background:linear-gradient(#a77bff,#6b35e8);box-shadow:0 5px #3a1491,0 8px 14px #00000059}.btn.ghost{background:#ffffff1f;box-shadow:0 4px #00000059}.btn.sm{border-radius:12px;padding:7px 14px;font-size:15px}.btn:disabled{filter:grayscale(.8)brightness(.8);cursor:default}.panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:3px solid #ffffff2e;border-radius:22px;box-shadow:0 10px 30px #00000073}.hidden{display:none!important}.coin{color:var(--yellow);text-shadow:0 2px #7a4a00;align-items:center;gap:6px;font-family:Lilita;font-size:22px;display:inline-flex}.coin:before{content:"";background:radial-gradient(circle at 35% 35%,#fff6b0,#ffd23b 45%,#e09a00);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 -2px #b06e00,0 2px #0000004d}.menu{padding:calc(14px + var(--safe-t)) calc(16px + var(--safe-r)) calc(14px + var(--safe-b)) calc(16px + var(--safe-l));grid-template-rows:auto 1fr;grid-template-columns:1fr minmax(320px,440px);gap:12px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.menu .top{grid-column:1/-1;align-items:center;gap:10px;display:flex}.menu .top .logo{flex-direction:row;align-items:baseline;gap:8px;margin:0}.menu .top .logo .l1{-webkit-text-stroke-width:3px;font-size:46px;animation:none}.menu .top .logo .l2{-webkit-text-stroke-width:3px;font-size:40px;animation:none}.menu .top .logo .l3{display:none}.menu .top .grow{flex:1}.chip{background:#0006;border:2px solid #fff3;border-radius:99px;align-items:center;gap:8px;padding:4px 14px;font-weight:700;display:inline-flex}.online-dot{background:var(--green);width:10px;height:10px;box-shadow:0 0 8px var(--green);border-radius:50%}.menu .left{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.namebox{align-items:center;gap:8px;display:flex}.namebox input{color:#fff;background:#00000073;border:3px solid #fff;border-radius:14px;outline:none;width:220px;padding:8px 14px;font-family:Kanit;font-size:20px;font-weight:700}.skinpick{align-items:center;gap:8px;display:flex}.skinpick .arrow{border-radius:50%;width:52px;height:52px;padding:0;font-size:26px}.skinpick .sname{text-align:center;background:#00000059;border-radius:12px;min-width:150px;padding:6px 12px;font-size:18px;font-weight:700}.skinpick .lock{color:var(--yellow)}.menu .right{flex-direction:column;gap:10px;padding:4px 4px 10px;display:flex;overflow-y:auto}.modecard{cursor:pointer;color:#fff;text-align:left;border:3px solid #ffffffd9;border-radius:18px;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding:12px 14px;font-family:Kanit;transition:transform .12s;display:grid;box-shadow:0 6px #00000059}.modecard:hover{transform:translateY(-2px)rotate(-.5deg)}.modecard:active{transform:translateY(3px);box-shadow:0 2px #00000059}.modecard .ic{background:#fff3;border-radius:16px;place-items:center;width:64px;height:64px;font-size:40px;display:grid}.modecard b{text-shadow:0 2px #0000004d;font-size:22px;line-height:1.1;display:block}.modecard small{opacity:.92;margin-top:2px;font-size:14px;line-height:1.25;display:block}.mc-random{background:linear-gradient(135deg,#ff3b7a,#8a4bff 55%,#2fd3ff)}.mc-disco{background:linear-gradient(135deg,#b02bd8,#ff3b7a)}.mc-bridge{background:linear-gradient(135deg,#1aa6e8,#19c7a0)}.mc-hell{background:linear-gradient(135deg,#e8380f,#8a1406)}.mc-panic{background:linear-gradient(135deg,#3a3f5c,#121428)}.menu .row{flex-wrap:wrap;gap:8px;display:flex}.suitcase{position:relative}.suitcase.ready:after{content:"!";background:var(--yellow);width:24px;height:24px;color:var(--ink);border-radius:50%;place-items:center;font-size:16px;animation:1s infinite pulse;display:grid;position:absolute;top:-8px;right:-6px;box-shadow:0 2px #00000059}@keyframes pulse{50%{transform:scale(1.25)}}.modal{z-index:20;background:#0a031899;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.modal .panel{width:min(640px,100%);max-height:92vh;padding:18px 20px 20px;position:relative;overflow-y:auto}.modal h2{text-align:center;margin:0 0 10px;font-size:26px}.modal .x{border-radius:50%;width:40px;height:40px;padding:0;font-size:20px;position:absolute;top:10px;right:10px}.shopgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.shopitem{background:var(--panel2);text-align:center;border:2px solid #ffffff1f;border-radius:16px;padding:10px}.shopitem .em{font-size:40px}.shopitem img{object-fit:contain;width:96px;height:96px}.shopitem b{font-size:16px;display:block}.shopitem small{opacity:.75;min-height:34px;font-size:13px;display:block}.shopitem.sel{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd23b59}.tabs{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.tabs .btn{padding:6px 14px;font-size:16px}.tabs .btn.on{outline:3px solid #fff}.join{justify-content:center;gap:8px;margin-top:10px;display:flex}.join input{letter-spacing:6px;text-align:center;text-transform:uppercase;color:#fff;background:#00000073;border:3px solid #fff;border-radius:14px;width:150px;padding:4px 8px;font-family:Lilita;font-size:26px}.daily{text-align:center}.case{cursor:pointer;filter:drop-shadow(0 10px #00000059);font-size:120px;animation:1.2s ease-in-out infinite wiggle;display:inline-block}@keyframes wiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)scale(1.05)}}.case.open{animation:.5s forwards pop}@keyframes pop{50%{transform:scale(1.4)rotate(10deg)}to{opacity:0;transform:scale(0)}}.wheelwrap{aspect-ratio:1;width:min(360px,78vw);margin:6px auto 14px;position:relative}.wheelwrap canvas{width:100%;height:100%}.wheelwrap .pin{border-left:18px solid #0000;border-right:18px solid #0000;border-top:34px solid var(--yellow);filter:drop-shadow(0 3px #0006);z-index:2;width:0;height:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.prize{min-height:36px;color:var(--yellow);font-size:24px;font-weight:700}.lobby{right:calc(12px + var(--safe-r));top:calc(12px + var(--safe-t));width:min(320px,46vw);padding:12px 14px;position:absolute}.lobby h3{margin:0 0 4px;font-size:20px}.lobby .count{color:var(--yellow);font-family:Lilita;font-size:34px}.lobby ul{gap:4px;max-height:40vh;margin:8px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.lobby li{background:var(--panel2);border-radius:10px;align-items:center;gap:8px;padding:4px 10px;font-size:15px;display:flex}.lobby li .dot{border-radius:50%;width:10px;height:10px}.lobby .code{letter-spacing:4px;color:var(--cyan);font-family:Lilita;font-size:30px}.lobby select{color:#fff;background:#2a1450;border:2px solid #ffffff4d;border-radius:10px;padding:4px 8px;font-family:Kanit;font-size:15px}#ui>.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:none}.hud .clickable{pointer-events:auto}.hud-top{top:calc(10px + var(--safe-t));align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-pill{white-space:nowrap;background:#140828b3;border:2px solid #ffffff40;border-radius:99px;padding:4px 14px;font-size:17px;font-weight:700}.hud-pill.time{text-align:center;min-width:84px;font-family:Lilita;font-size:24px}.hud-pill.time.low{color:#ff6b6b;animation:.6s infinite pulse}.hud-left{left:calc(10px + var(--safe-l));top:calc(10px + var(--safe-t));flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.feed{left:calc(10px + var(--safe-l));top:calc(64px + var(--safe-t));flex-direction:column;gap:4px;max-width:46vw;display:flex;position:absolute}.feed div{background:#14082899;border-radius:10px;padding:3px 10px;font-size:14px;animation:.25s feedin}@keyframes feedin{0%{opacity:0;transform:translate(-20px)}}.banner{text-align:center;pointer-events:none;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.banner .big{-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 6px #00000059;font-family:Lilita,Kanit;font-size:clamp(48px,11vw,110px);line-height:1;animation:.35s cubic-bezier(.2,1.6,.4,1) popin}.banner .th{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px #00000059;font-size:clamp(28px,6vw,56px);font-weight:700}.banner .sub{background:#140828b3;border-radius:99px;margin-top:6px;padding:4px 16px;font-size:clamp(16px,3.4vw,24px);font-weight:700;display:inline-block}@keyframes popin{0%{opacity:0;transform:scale(.3)}}.colorcall{left:50%;top:calc(64px + var(--safe-t));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.colorcall .sw{text-align:center;min-width:210px;color:var(--ink);border:4px solid #fff;border-radius:18px;padding:6px 22px;font-size:30px;font-weight:700;box-shadow:0 6px #00000059}.colorcall .bar{background:#00000073;border:2px solid #fff;border-radius:99px;width:240px;height:12px;overflow:hidden}.colorcall .bar i{transform-origin:0;background:#fff;height:100%;display:block}.progress{left:50%;bottom:calc(14px + var(--safe-b));background:#00000073;border:2px solid #fff9;border-radius:99px;width:min(520px,60vw);height:10px;position:absolute;transform:translate(-50%)}.progress .pdot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress .pdot.me{z-index:2;width:18px;height:18px;background:var(--yellow)!important}.progress .flag{font-size:22px;position:absolute;top:-14px;right:-14px}.boosters{right:calc(12px + var(--safe-r));top:calc(10px + var(--safe-t));gap:6px;display:flex;position:absolute}.boost{pointer-events:auto;cursor:pointer;background:#140828b8;border:3px solid #fff6;border-radius:16px;place-items:center;width:54px;height:54px;font-size:26px;display:grid;position:relative}.boost .k{opacity:.8;font-size:11px;font-weight:700;position:absolute;top:1px;left:3px}.boost .n{background:var(--pink);border:2px solid #fff;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:13px;font-weight:700;display:grid;position:absolute;bottom:-6px;right:-4px}.boost.empty{opacity:.4}.boost.active{border-color:var(--yellow);box-shadow:0 0 14px var(--yellow)}.boost .cd{background:conic-gradient(#ffd23b73 var(--p,0%), transparent 0);border-radius:13px;position:absolute;top:0;bottom:0;left:0;right:0}.interact{text-align:center;background:#140828cc;border:3px solid #fff;border-radius:16px;padding:8px 18px;font-size:18px;font-weight:700;position:absolute;bottom:26%;left:50%;transform:translate(-50%)}.interact .ring{background:#fff3;border-radius:99px;height:8px;margin-top:6px;overflow:hidden}.interact .ring i{background:var(--green);width:0;height:100%;display:block}.keybox{align-items:center;gap:6px;display:inline-flex}.lifeprompt{text-align:center;pointer-events:auto;position:absolute;top:58%;left:50%;transform:translate(-50%)}.spect{left:50%;bottom:calc(40px + var(--safe-b));pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.vignette{pointer-events:none;transition:box-shadow .3s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 160px 40px #b4000000}.vignette.on{box-shadow:inset 0 0 180px 60px #c800008c}.jumpscare{background:radial-gradient(circle,#7800004d,#000000eb);place-items:center;animation:80ms 6 shake;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.jumpscare .face{font-size:min(60vw,60vh);line-height:1;animation:.4s cubic-bezier(.2,1.8,.4,1) zoom}@keyframes zoom{0%{transform:scale(.2)}}@keyframes shake{25%{transform:translate(8px,-6px)}75%{transform:translate(-8px,6px)}}.results .panel{width:min(560px,100%)}.podium{justify-content:center;align-items:flex-end;gap:10px;margin:6px 0 14px;display:flex}.podium div{text-align:center;border-radius:14px 14px 0 0;width:120px;padding:8px 4px;font-weight:700}.podium .p1{height:120px;color:var(--ink);background:linear-gradient(#ffe066,#ffb800)}.podium .p2{height:92px;color:var(--ink);background:linear-gradient(#e8eef8,#9aa8c0)}.podium .p3{height:70px;color:var(--ink);background:linear-gradient(#ffb27a,#c86a2a)}.podium .pn{font-family:Lilita;font-size:34px;display:block}.rows{gap:4px;display:grid}.rows div{background:var(--panel2);border-radius:10px;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:5px 10px;font-size:15px;display:grid}.rows div.me{outline:2px solid var(--yellow);background:#ffd23b40}.rows .pl{text-align:center;font-family:Lilita;font-size:20px}.reward{text-align:center;margin:12px 0;font-size:20px;font-weight:700}#touch{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#touch>*{pointer-events:auto}#touch .zl{width:45%;height:65%;position:absolute;bottom:0;left:0}#touch .zr{width:55%;height:82%;position:absolute;top:18%;right:0}#touch .stick{pointer-events:none;background:#ffffff1f;border:3px solid #ffffff73;border-radius:50%;width:130px;height:130px;display:none;position:absolute}#touch .stick i{background:#fffc;border-radius:50%;width:58px;height:58px;margin:-29px;position:absolute;top:50%;left:50%;box-shadow:0 4px #0000004d}#touch .stickhint{left:calc(40px + var(--safe-l));bottom:calc(40px + var(--safe-b));pointer-events:none;border:3px dashed #ffffff4d;border-radius:50%;width:110px;height:110px;position:absolute}#touch .tb{color:#fff;text-shadow:0 2px #00000059;background:#ff3b7ad9;border:3px solid #fff;border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;box-shadow:0 5px #00000059}#touch .tb.on{transform:translateY(3px);box-shadow:0 2px #00000059}#touch .jump{right:calc(22px + var(--safe-r));bottom:calc(26px + var(--safe-b));width:96px;height:96px;font-size:20px}#touch .use{right:calc(130px + var(--safe-r));bottom:calc(40px + var(--safe-b));color:#08321a;width:72px;height:72px;text-shadow:none;background:#48f07ae6;font-size:17px}#touch .use.hidden{display:none}@media (max-width:760px),(max-height:520px){.menu{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);overflow:hidden auto}.menu .top{flex-wrap:wrap;gap:6px}.menu .top .grow{flex-basis:100%;height:0}.menu .left{justify-content:flex-start}.namebox input{width:min(220px,60vw)}.menu .row .btn{flex:auto}.menu .top .logo .l1{font-size:34px}.menu .top .logo .l2{font-size:30px}.modecard{grid-template-columns:50px 1fr;padding:8px 10px}.modecard .ic{width:50px;height:50px;font-size:30px}.modecard b{font-size:18px}.modecard small{font-size:12px}.boost{width:46px;height:46px;font-size:22px}.lobby{width:min(260px,52vw);padding:8px 10px}.lobby ul{max-height:26vh}}@media (max-width:760px) and (orientation:portrait){.menu .left{align-items:center;padding-top:34vh}.menu .top .logo{justify-content:center;width:100%}}@media (max-height:520px) and (orientation:landscape){.menu{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.menu .top{flex-wrap:nowrap}.menu .top .grow{flex-basis:auto}.menu .right{max-height:calc(100vh - 80px)}}