*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#0d1530}body{font-family:Poppins,system-ui,sans-serif;color:#1d1a2e;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}#cv{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.scr{position:fixed;inset:0;display:none}.scr.on{display:block}input{font:inherit;-webkit-user-select:text;user-select:text;color-scheme:light}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:8px 18px;border-radius:16px;font-weight:900;color:#fff;background:linear-gradient(#4b6ad8,#2f47a8);box-shadow:0 5px #1c2a6a,0 10px 18px #0000004d}.btn:active{transform:translateY(4px);box-shadow:0 1px #1c2a6a}.btn.big{width:100%;min-height:54px;font-size:1.1rem}.btn.small{min-height:38px;padding:4px 12px;font-size:.85rem}.btn.gold{background:linear-gradient(#ffd25a,#e8a10a);color:#3a2205;box-shadow:0 5px #8a5a0a,0 10px 18px #0000004d}.btn.red{background:linear-gradient(#ff7a5c,#d23a2a);box-shadow:0 5px #7a1a10}.btn.ghost{background:#ffffff1a;border:2px solid rgba(255,255,255,.45);box-shadow:0 4px #00000059}.btn:disabled{filter:grayscale(.8);opacity:.5}.iconb{width:42px;height:42px;border-radius:14px;background:#ffffff24;color:#fff;font-weight:900;font-size:1.2rem}.link{color:#c8d4ff;font-weight:800;font-size:.85rem;padding:6px 8px}.small{font-size:.82rem;opacity:.8}#home{overflow-y:auto;touch-action:pan-y;background:radial-gradient(ellipse at 70% 0%,#2b3f86,#131c44 45%,#070b1e)}.sky{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 60% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 40%,#fff,transparent),radial-gradient(1px 1px at 35% 70%,#fff,transparent),radial-gradient(1px 1px at 10% 85%,#fff,transparent),radial-gradient(1.5px 1.5px at 75% 80%,#fff,transparent),radial-gradient(1px 1px at 48% 45%,#fff,transparent);opacity:.7}.moon{position:absolute;right:5%;top:1.5%;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbe6,#f2e3a8);box-shadow:0 0 40px 10px #fff0b459}.homebox{position:relative;max-width:460px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px 30px;color:#fff}.logo{text-align:center;margin:14px 0 12px}.logo small{display:block;font-weight:900;letter-spacing:.5em;color:#ffd25a;padding-left:.5em}.logo b{display:block;font-family:Lilita One,Poppins,sans-serif;font-weight:400;font-size:clamp(3.4rem,17vw,4.6rem);line-height:.95;color:#f2f5ff;text-shadow:0 5px 0 #2f47a8,0 0 30px rgba(130,160,255,.6)}.logo em{font-style:normal;font-weight:800;color:#ff8a7a}.cardx{display:flex;gap:10px;background:#ffffff14;border:2px solid rgba(255,255,255,.18);border-radius:22px;padding:10px;margin-bottom:14px}.avatar{width:116px;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,rgba(255,220,140,.35),transparent 70%);border-radius:16px}.avatar canvas{width:116px;height:126px}.custom{flex:1;min-width:0}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.field span{font-weight:800;font-size:.78rem;color:#c8d4ff}.field input,.codein,.msay input{font-weight:800;font-size:1rem;padding:8px 12px;border-radius:12px;border:2px solid #8fa2e8;background:#fff;color:#1d1a2e;-webkit-text-fill-color:#1d1a2e;outline:none;width:100%}.field input::placeholder,.codein::placeholder,.msay input::placeholder{color:#9aa3c4;-webkit-text-fill-color:#9aa3c4}.field input.bad{border-color:#ff6b5a;animation:shake .3s}@keyframes shake{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}.opt{display:flex;align-items:center;gap:4px;margin-bottom:4px}.opt>span{font-size:.72rem;font-weight:800;color:#c8d4ff;width:64px;flex:none}.opt button.a{width:28px;height:28px;border-radius:9px;background:#ffffff26;color:#fff;font-weight:900;flex:none}.opt b{flex:1;text-align:center;font-size:.8rem;background:#00000040;border-radius:9px;padding:4px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;gap:4px}.opt b i{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.6)}.hbtns{display:flex;flex-direction:column;gap:12px}.joinrow{display:flex;gap:8px}.joinrow .codein{width:42%;text-align:center;letter-spacing:.35em;text-transform:uppercase;font-size:1.3rem}.joinrow .btn{flex:1}.foot{display:flex;justify-content:center;gap:6px;margin-top:12px;flex-wrap:wrap}#lobby{background:radial-gradient(ellipse at 50% 0%,#22346e,#0b1130);overflow-y:auto;touch-action:pan-y}.lobbox{max-width:500px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px 24px;color:#fff}.lhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lhead>div{flex:1;text-align:center}.lhead small{display:block;color:#c8d4ff;font-weight:800;font-size:.8rem}.code{font-family:Lilita One,Poppins,sans-serif;font-weight:400;font-size:2.2rem;letter-spacing:.25em;color:#ffd25a;padding-left:.25em}.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-bottom:12px}.pcard{background:#ffffff17;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:6px 4px;text-align:center;position:relative}.pcard canvas{width:70px;height:76px;display:block;margin:0 auto}.pcard b{display:block;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard small{font-size:.65rem;color:#c8d4ff;font-weight:700}.pcard.me{border-color:#ffd25a}.pcard.bot{opacity:.8;border-style:dashed}.lset{background:#ffffff12;border-radius:16px;padding:8px 12px;margin-bottom:10px}.srow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.15);font-weight:800;font-size:.88rem}.srow:last-child{border:0}.seg{display:flex;gap:4px}.seg button{min-width:38px;height:34px;border-radius:10px;background:#ffffff1f;color:#fff;font-weight:900;font-size:.85rem;padding:0 8px}.seg button.on{background:#ffd25a;color:#3a2205}.lnote{text-align:center;color:#c8d4ff;font-weight:700;font-size:.85rem;margin:6px 0 12px}#game{pointer-events:none}.hud{position:absolute;inset:0;pointer-events:none;color:#fff}.hud>*{pointer-events:auto}.htop{position:absolute;left:max(10px,env(safe-area-inset-left));right:130px;top:max(10px,env(safe-area-inset-top));display:flex;gap:8px;align-items:stretch;pointer-events:none}.dawn{flex:1;max-width:360px;background:#080c24c7;border:2px solid rgba(255,255,255,.2);border-radius:14px;padding:5px 10px}.dlabel{display:flex;align-items:center;gap:6px;font-weight:900;font-size:.85rem}.dlabel small{flex:1;color:#c8d4ff;font-weight:700;font-size:.72rem}.dlabel b{color:#7ee08a}.dbar{height:9px;border-radius:99px;background:#ffffff26;overflow:hidden;margin-top:3px}.dbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f6dd8,#ffb347,#ffe37a);transition:width .4s}.loot{background:#3c0a0acc;border:2px solid rgba(255,120,100,.5);border-radius:14px;padding:4px 10px;font-weight:900;font-size:.9rem;display:flex;align-items:center;white-space:nowrap}.hrole{position:absolute;left:max(10px,env(safe-area-inset-left));top:calc(max(10px,env(safe-area-inset-top)) + 58px);font-weight:900;font-size:.8rem;border-radius:99px;padding:3px 12px}.hrole.warga{background:#2f6dd8}.hrole.maling{background:#c0392b}.hrole.hansip{background:#2f8a3a}.hrole.ghost{background:#6b6f86}.tasklist{position:absolute;left:max(10px,env(safe-area-inset-left));top:calc(max(10px,env(safe-area-inset-top)) + 88px);background:#080c24b8;border-radius:14px;padding:6px 10px;font-size:.74rem;font-weight:700;max-width:210px}.tasklist b{display:block;color:#ffd25a;font-size:.74rem;margin-bottom:2px;cursor:pointer}.tasklist div{padding:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasklist div.done{color:#7ee08a;text-decoration:line-through;opacity:.8}.tasklist.mini div{display:none}#mini{position:absolute;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));width:116px;height:87px;border-radius:12px;border:2px solid rgba(255,255,255,.5);background:#0b1130;box-shadow:0 6px 16px #0006;cursor:pointer}.sabo{position:absolute;left:50%;top:calc(max(10px,env(safe-area-inset-top)) + 100px);transform:translate(-50%);background:#c0392b;border:3px solid #ffd25a;border-radius:16px;padding:8px 14px;font-weight:800;font-size:.88rem;text-align:center;animation:pulse .8s infinite alternate;width:max-content;max-width:calc(100% - 20px)}@keyframes pulse{to{transform:translate(-50%) scale(1.04)}}.acts{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px}.act{position:relative;width:84px;height:84px;border-radius:50%;color:#fff;font-weight:900;font-size:.72rem;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;border:3px solid rgba(255,255,255,.85);box-shadow:0 6px #00000073,0 10px 22px #0006;text-shadow:0 1px 2px rgba(0,0,0,.6);touch-action:none}.act span{font-size:1.9rem;line-height:1.1}.act.task{background:radial-gradient(circle at 40% 35%,#ffe27a,#e8a10a);color:#3a2205;text-shadow:none}.act.report{background:radial-gradient(circle at 40% 35%,#ff8a7a,#c0392b)}.act.bell{background:radial-gradient(circle at 40% 35%,#c49a6a,#7a4a22)}.act.steal,.act.sirep,.act.sabo2,.act.tunnel{background:radial-gradient(circle at 40% 35%,#8a4a9a,#3d1a4a)}.act.fix{background:radial-gradient(circle at 40% 35%,#ffe27a,#e8a10a);color:#3a2205;text-shadow:none}.act.senter{background:radial-gradient(circle at 40% 35%,#7ee08a,#2f8a3a)}.act.small{width:66px;height:66px;font-size:.62rem}.act.small span{font-size:1.45rem}.act:disabled,.act.cd{filter:grayscale(.85);opacity:.6}.act em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:1.6rem;background:#00000073;border-radius:50%}.act svg{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:rotate(-90deg);pointer-events:none}.joy{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff1f;border:3px solid rgba(255,255,255,.45);z-index:4;pointer-events:none}.knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffffbf}@media(max-height:520px){.tasklist{display:none}.act{width:66px;height:66px}.act span{font-size:1.4rem}}.toasts{position:fixed;left:50%;top:calc(max(10px,env(safe-area-inset-top)) + 64px);transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:max-content;max-width:calc(100% - 24px)}.toast{background:#080c24eb;color:#fff;font-weight:800;padding:8px 14px;border-radius:14px;border:2px solid rgba(255,255,255,.25);font-size:.88rem;text-align:center;animation:tin .3s cubic-bezier(.2,1.4,.4,1)}.toast.bad{border-color:#ff6b5a;background:#5a0f0feb}.toast.good{border-color:#7ee08a;background:#0f3c19eb}@keyframes tin{0%{opacity:0;transform:translateY(-10px) scale(.9)}}.ovl{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:10px;background:#050818b8;backdrop-filter:blur(3px)}.ovl.dark{background:#000000e6}.panel,.mpanel,.mapbox{width:min(480px,100%);max-height:calc(100dvh - 20px);overflow:auto;scrollbar-width:none;background:#fff8ea;border:4px solid #1c2a6a;border-radius:22px;padding:14px;box-shadow:0 8px #1c2a6a,0 24px 50px #00000080;animation:pop .25s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.88);opacity:0}}.panel h2{margin:0 0 8px;text-align:center;font-family:Lilita One,Poppins,sans-serif;font-weight:400;font-size:1.8rem;color:#2f47a8}.panel p{line-height:1.5}.how{padding-left:20px;line-height:1.5;margin:0 0 12px;font-size:.92rem}.how li{margin-bottom:5px}.mapbox{width:min(760px,100%);background:#0f1838;color:#fff;border-color:#ffd25a}.mapbox canvas{width:100%;height:auto;display:block;border-radius:12px}.mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mhead b{font-size:1.15rem}.mpanel{width:min(560px,100%);background:#f5efe0;padding:10px;display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 16px)}.mhead #mTime{background:#2f47a8;color:#fff;font-weight:900;border-radius:99px;padding:2px 12px;font-size:.9rem}.mhead #mTitle{font-family:Lilita One,Poppins,sans-serif;font-weight:400;font-size:1.4rem;color:#2f47a8}.mreason{margin:0;font-weight:800;font-size:.88rem;background:#ffe9b8;border-radius:12px;padding:6px 10px;text-align:center}.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.mp{position:relative;background:#fff;border:2px solid #d9cfb8;border-radius:14px;padding:4px 6px 6px;display:flex;flex-direction:column;align-items:center;text-align:center}.mp canvas{width:54px;height:50px}.mp b{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mp small{font-size:.62rem;font-weight:800;color:#8a7a5a;min-height:1em}.mp.dead{opacity:.45}.mp.me{border-color:#ffd25a}.mp.mate{border-color:#ff6b5a}.mp .vb{margin-top:3px;width:100%;min-height:28px;border-radius:9px;background:#2f47a8;color:#fff;font-weight:900;font-size:.72rem}.mp .vb:disabled{opacity:.35}.mp.picked{border-color:#2f8a3a;background:#e6f6dc}.mp i.v{position:absolute;top:-6px;right:-4px;font-style:normal;font-size:1rem}.mchat{background:#fff;border:2px solid #d9cfb8;border-radius:14px;padding:6px 10px;height:150px;overflow-y:auto;touch-action:pan-y;font-size:.85rem;display:flex;flex-direction:column;gap:3px}.mchat p{margin:0}.mchat p b{color:#2f47a8}.mchat p.gh{color:#8a8aa8;font-style:italic}.mchat p.sys{color:#c0392b;font-weight:800}.quick{display:flex;flex-wrap:wrap;gap:5px}.quick button{background:#2f47a8;color:#fff;font-weight:800;font-size:.75rem;border-radius:99px;padding:5px 10px}.quick button.alt{background:#8a5a2a}.quick.pick button{background:#c0392b}.msay{display:flex;gap:6px}.msay input{flex:1;min-width:0}.msay .btn{min-height:42px;padding:4px 14px}.skip{color:#2f47a8;border-color:#2f47a8;background:#fff;min-height:40px;box-shadow:0 3px #1c2a6a}.rbox{text-align:center;color:#fff;max-width:440px;padding:10px;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.rbox canvas{width:150px;height:160px}.rbox h1{font-family:Lilita One,Poppins,sans-serif;font-weight:400;font-size:3rem;margin:6px 0;line-height:1}.rbox h1.maling{color:#ff6b5a}.rbox h1.warga{color:#7fb0ff}.rbox h1.hansip{color:#7ee08a}.rbox p{font-weight:700;color:#dfe6ff;line-height:1.5}.rbox .roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin:10px 0 14px}.rbox .roster div{background:#ffffff14;border-radius:12px;padding:4px;font-size:.75rem;font-weight:800}.rbox .roster div.m{background:#c8322859}.rbox .row{display:flex;gap:8px;justify-content:center}.tbox{position:fixed;inset:0;z-index:45;display:grid;place-items:center;background:#050818a6;padding:12px}.tpanel{width:min(420px,100%);background:#fff8ea;border:4px solid #8a5a14;border-radius:22px;padding:12px;box-shadow:0 8px #8a5a14,0 20px 40px #00000080;animation:pop .25s cubic-bezier(.2,1.4,.4,1)}.thead{display:flex;align-items:center;gap:8px}.thead span{font-size:1.6rem}.thead b{flex:1;font-size:1.05rem}.tx{width:36px;height:36px;border-radius:12px;background:#f2e3c4;font-weight:900}.tbody{min-height:230px;margin:10px 0 4px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(#1b2550,#2b3a78);overflow:hidden}.tbody.ok{box-shadow:inset 0 0 0 4px #7ee08a}.thint{text-align:center;font-weight:800;font-size:.88rem;margin:6px 0 0}.tlamp{position:relative;width:140px;height:200px}.tlamp .pole{position:absolute;left:66px;top:0;width:8px;height:60px;background:#5b6470}.tlamp .sock{position:absolute;left:50px;top:56px;width:40px;height:26px;background:#3d434c;border-radius:6px}.tlamp .bulb{position:absolute;left:36px;top:70px;font-size:3.4rem;transition:transform .2s;filter:grayscale(1) brightness(.7)}.tlamp .bulb.on{filter:none}.tlamp .glow{position:absolute;left:-30px;top:30px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,230,140,.8),transparent 65%);opacity:0;transition:opacity .3s}.tlamp .glow.on{opacity:1}.tgrid{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;padding:10px}.tbig{width:86px;height:86px;border-radius:20px;background:#ffffff1f;font-size:2.8rem;border:3px solid rgba(255,255,255,.3)}.tbig.ok{background:#7ee08a4d;border-color:#7ee08a}.tline{display:flex;gap:6px;padding:30px 10px 10px;border-top:3px solid #ddd;margin-top:10px}.tcl{font-size:2.6rem;transform:rotate(var(--r));transition:transform .3s,opacity .3s}.tcl.gone{opacity:0;transform:translateY(80px) scale(.4)}.tfield{position:relative;width:100%;height:190px}.tfield .tcl{position:absolute}.tbasket{color:#fff;font-weight:900;font-size:1.1rem;margin:6px 0}.tfill{display:flex;align-items:center;gap:18px}.tank{position:relative;width:70px;height:170px;border:4px solid #dfe6ff;border-radius:14px;overflow:hidden;background:#0000004d}.tank .lvl{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(#ffcf5a,#e88a0a)}.tank .zone{position:absolute;left:0;right:0;bottom:62%;height:20%;background:#7ee08a73;border-top:2px dashed #7ee08a;border-bottom:2px dashed #7ee08a;z-index:1}.tbtn{background:#ffd25a;color:#3a2205;font-weight:900;border-radius:16px;padding:12px 16px;box-shadow:0 4px #8a5a0a;touch-action:none}.tkent{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.kent{font-size:4.5rem}.kent.hit{animation:hit .15s}@keyframes hit{50%{transform:rotate(-12deg) scale(.92)}}.cnt{font-weight:900;font-size:1.1rem}.tslide{width:100%;padding:20px}.rail{position:relative;height:70px;background:#ffffff1f;border-radius:14px;border:3px solid rgba(255,255,255,.3)}.rail .door{position:absolute;left:0;top:0;bottom:0;width:0;background:repeating-linear-gradient(90deg,#8a9aa8 0 10px,#6b7a88 10px 20px);border-radius:10px}.rail .knob{position:absolute;left:0;top:50%;width:58px;height:58px;margin:-29px 0 0 -10px;border-radius:50%;background:#ffd25a;font-size:1.6rem;touch-action:none}.tslide.v .rail{height:180px;width:160px;margin:0 auto}.tslide.v .rail .door{width:auto;right:0;height:0;bottom:auto;background:repeating-linear-gradient(0deg,#8a9aa8 0 10px,#6b7a88 10px 20px)}.tslide.v .rail .knob{left:50%;top:0;margin:-29px 0 0 -29px}.tpump{display:flex;flex-direction:column;align-items:center;gap:14px;width:80%}.lever{font-size:4.5rem}.lever.hit{animation:hit .12s}.tpump .bar{width:100%;height:22px;border-radius:99px;background:#ffffff26;overflow:hidden}.tpump .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4aa3df,#7fd4ff);transition:width .15s}.tbook{background:#fffdf2;border-radius:10px;width:92%;padding:6px}.tbook canvas{width:100%;height:auto;touch-action:none;display:block;background:repeating-linear-gradient(#fffdf2 0 30px,#e0d8c0 30px 31px)}.tbook .line{text-align:center;font-size:.75rem;color:#8a7a5a;font-weight:800}.twhack{display:grid;grid-template-columns:repeat(3,76px);gap:12px}.hole{height:66px;border-radius:50%;background:#3b2414;overflow:hidden;position:relative}.hole .rat{position:absolute;left:0;right:0;top:70px;font-size:2.6rem;transition:top .15s}.hole.up .rat{top:4px}.btn.dl{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;padding:10px 14px;background:linear-gradient(180deg,#3fc27a,#23975a);color:#fff;border:3px solid #fff;box-shadow:0 5px #145c37,0 10px 20px #00000059;font-weight:900;font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.35)}.btn.dl small{font-size:.7rem;font-weight:700;opacity:.92}.dlicon{display:flex;flex-direction:column;align-items:center;gap:2px;margin:4px 0 10px}.dlicon img{width:76px;height:76px;border-radius:18px;box-shadow:0 4px 12px #0000004d}.dlicon b{font-size:1.05rem;color:#1c2a6a}.dlicon small{color:#6a6a7a;font-weight:700}.how .ico{display:inline-block;background:#e8eefc;border-radius:6px;padding:0 4px}