*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#000;overflow:hidden;cursor:default}#game-root{position:fixed;inset:0;background:#000}#game-root canvas{display:block;width:100%!important;height:100%!important}#ui{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:Silkscreen,monospace;color:#fff;image-rendering:pixelated;-webkit-font-smoothing:none}#ui *{pointer-events:none}#ui button,#ui .btn,#ui a,#ui input{pointer-events:auto}.scrim{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:30px}.hidden{display:none!important}.motes{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden}.motes span{position:absolute;border-radius:50%;background:#ffffffd9;animation-name:moteFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}@keyframes moteFloat{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-24px) translate(8px)}to{transform:translateY(0) translate(0)}}#title{position:absolute;inset:0;z-index:11;background:#070707 center/cover no-repeat;background-image:url(/assets/bg_play.jpg)}#title:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06060680,#0606062e 44%,#060606a8),radial-gradient(ellipse 64% 58% at 50% 42%,#0000001f,#0000008c 95%)}#title h1{font-family:Silkscreen;font-weight:700;font-size:clamp(46px,11vw,120px);letter-spacing:6px;color:#fff;text-shadow:0 0 1px #000,4px 4px 0 #000,0 0 24px rgba(255,255,255,.35)}.scrim .tag{text-shadow:0 2px 6px #000,0 0 14px #000}.links{display:flex;gap:12px;justify-content:center;margin-top:16px}.lk{font-family:Silkscreen;font-size:11px;color:#cfcfcf;border:1px solid #6a6a6a;padding:8px 13px;text-decoration:none;background:#00000080;cursor:pointer;border-radius:5px}.lk:hover{border-color:#fff;color:#fff}.lk.ca{color:#ffd86a;border-color:#7a6534}.lk.buy{background:#ffd86a;color:#0a0a0a;border-color:#ffd86a;font-weight:700}.lk.buy:hover{background:#fff;border-color:#fff;color:#0a0a0a}#namestep{display:flex;gap:8px;align-items:center}#nick{font-family:Silkscreen;font-size:13px;background:#0a0a0a;border:2px solid #fff;color:#fff;padding:13px 14px;outline:none;text-align:center;width:200px}#nick::placeholder{color:#777}#title .tag{font-size:clamp(13px,2.2vw,17px);letter-spacing:3px;color:#cfcfcf;max-width:560px;line-height:1.7}.btns{display:flex;flex-direction:column;gap:12px;margin-top:8px;width:300px;max-width:80vw}.wbtn{font-family:Silkscreen;font-size:15px;letter-spacing:1px;padding:15px 18px;background:#0a0a0a;color:#fff;border:2px solid #fff;cursor:pointer;text-transform:uppercase;transition:.08s}.wbtn:hover{background:#fff;color:#000}.wbtn.alt{border-color:#9a9a9a;color:#cfcfcf}.wbtn.alt:hover{background:#cfcfcf;color:#000;border-color:#cfcfcf}#title .fine{font-size:11px;letter-spacing:2px;color:#8a8a8a;margin-top:8px}#cut .narr{position:absolute;left:0;right:0;bottom:8%;display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 24px}#cut p{font-size:clamp(15px,2.4vw,20px);line-height:1.8;max-width:720px;color:#fff;text-shadow:2px 2px 0 #000;min-height:60px}#cut .cbtn{font-family:Silkscreen;font-size:13px;letter-spacing:2px;padding:12px 22px;background:#0a0a0a;color:#fff;border:2px solid #fff;cursor:pointer}#cut .cbtn:hover{background:#fff;color:#000}#cut .dots{display:flex;gap:8px}#cut .dots i{width:8px;height:8px;border:2px solid #fff;background:transparent}#cut .dots i.on{background:#fff}#hud{position:absolute;inset:0}#hud .topl{position:absolute;top:14px;left:16px;font-size:14px;letter-spacing:1px;text-shadow:2px 2px 0 #000;line-height:1.9}#hud .topl .row{display:flex;align-items:center;gap:8px}#hud .topl img{width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 #000)}#hud .lvbadge{font-family:Silkscreen;font-size:11px;font-weight:700;color:#000;background:#fff;padding:2px 7px;margin-right:4px}#hud .xpwrap{width:170px;height:6px;background:#222;border:1px solid #fff;margin-top:5px}#hud .xpwrap i{display:block;height:100%;width:0;background:#fff}#hud .topc{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center;text-shadow:2px 2px 0 #000;line-height:1.7}#hud .topc #roomv{display:block;font-family:Silkscreen;font-size:18px;letter-spacing:2px}#hud .topc .online{font-size:11px;letter-spacing:1px;color:#bdbdbd}#hud .mute{display:inline-block;margin-top:8px;border:1px solid #777;padding:3px 8px;font-size:11px;color:#cfcfcf;cursor:pointer}#hud .mute:hover{border-color:#fff;color:#fff}#hud .hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:13px;letter-spacing:2px;color:#fff;text-shadow:2px 2px 0 #000;text-align:center;opacity:.92}.hbox{background:#080808c7;border:1px solid #5a5a5a;padding:9px 12px}#quest{position:absolute;top:14px;left:14px;max-width:240px;border-radius:4px}#quest .qh{font-family:Silkscreen;font-size:11px;letter-spacing:2px;color:#fff;margin-bottom:5px}#quest .qh #qcount{color:#bdbdbd;margin-left:4px}#quest #qtext{font-size:12.5px;color:#dcdcdc;line-height:1.4}#topr{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#mmc{border:2px solid #6a6a6a;background:#000;image-rendering:pixelated;cursor:pointer}#topr .res{display:flex;align-items:center;gap:6px;background:#080808c7;border:1px solid #5a5a5a;padding:3px 9px 3px 4px;min-width:62px;justify-content:flex-end;font-family:Silkscreen;font-size:13px}#topr .res img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}#chatbox{position:absolute;left:14px;bottom:14px;width:280px;background:#080808b3;border:1px solid #4a4a4a;border-radius:5px;display:flex;flex-direction:column}#chatlog{height:120px;overflow-y:auto;padding:8px 10px;font-size:12px;line-height:1.5}#chatlog .cl b{color:#fff;font-family:Silkscreen;font-size:10px;margin-right:4px}#chatlog .cl{color:#cfcfcf}#chatin{pointer-events:auto;background:#111;border:0;border-top:1px solid #4a4a4a;color:#fff;font-family:Silkscreen;font-size:11px;padding:9px 10px;outline:none}#brbar{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px}.ib{pointer-events:auto;font-family:Silkscreen;font-size:12px;color:#fff;background:#0a0a0a;border:2px solid #fff;padding:8px 11px;cursor:pointer}.ib:hover{background:#fff;color:#000}#brbar .lvl{font-family:Silkscreen;font-size:12px;color:#fff;margin-left:6px}#brbar .hpbar{width:120px;height:12px;border:2px solid #fff;background:#000}#brbar .hpbar i{display:block;height:100%;background:#fff;width:100%}#hud .ctrl{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-size:10px;letter-spacing:1px;color:#9a9a9a;text-shadow:1px 1px 0 #000;text-align:center}#hud .hint{bottom:36px}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0a0a0af2;border:2px solid #fff;padding:20px 24px;min-width:320px;text-align:center}.panel h3{font-family:Silkscreen;font-size:16px;letter-spacing:2px;margin-bottom:16px}#invgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.islot{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid #555;padding:10px 6px;background:#161616}.islot img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.islot b{font-family:Silkscreen;font-size:15px;color:#fff}.islot span{font-size:10px;color:#9a9a9a}.panel .close{pointer-events:auto;margin-top:16px;font-family:Silkscreen;font-size:11px;background:#0a0a0a;border:1px solid #fff;color:#fff;padding:7px 14px;cursor:pointer}#mapmodal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#040404cc}#mapwrap{text-align:center}#bigmap{border:3px solid #fff;background:#000;image-rendering:pixelated;cursor:crosshair}#mapwrap .mhint{font-family:Silkscreen;font-size:11px;color:#cfcfcf;margin-top:10px;letter-spacing:1px}#topr .res.gold span{color:#fff}.shoptabs{display:flex;gap:8px;margin-bottom:12px;justify-content:center}.shoptabs button{font-family:Silkscreen;font-size:11px;background:#0a0a0a;border:1px solid #777;color:#cfcfcf;padding:6px 14px;cursor:pointer}.shoptabs button.on{background:#fff;color:#000;border-color:#fff}#shoppanel,#lbpanel{min-width:380px;text-align:left}#shoplist{max-height:46vh;overflow-y:auto}.srow{display:flex;align-items:center;gap:10px;border:1px solid #444;padding:9px 11px;margin-bottom:7px;background:#141414}.srow .sic{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.srow .si{flex:1}.srow .si b{font-family:Silkscreen;font-size:11px;color:#fff;display:block}.srow .si span{font-size:11px;color:#9a9a9a}.srow button{font-family:Silkscreen;font-size:11px;background:#0a0a0a;border:1px solid #fff;color:#fff;padding:7px 11px;cursor:pointer;white-space:nowrap}.srow button:hover:not(:disabled){background:#fff;color:#000}.srow button:disabled{opacity:.4;cursor:not-allowed}.shopgold{text-align:right;font-family:Silkscreen;font-size:12px;color:#cfcfcf;margin-top:10px}.shopgold b{color:#fff}#lblist{min-width:340px}.lbrow{display:flex;align-items:center;gap:10px;padding:7px 8px;border-bottom:1px solid #333;font-size:13px}.lbrow.dim{color:#777;justify-content:center;border:0}.lbrow .rk{font-family:Silkscreen;font-size:12px;width:22px;color:#fff}.lbrow .nm{flex:1;color:#fff}.lbrow .lv{color:#bdbdbd;font-size:11px}.lbrow .gd{color:#fff;font-family:Silkscreen;font-size:11px;width:54px;text-align:right}#tut{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#0404048c}#tut .tcard{background:#0c0c0cf7;border:2px solid #fff;padding:22px 24px;max-width:380px;text-align:center}#tut .tstep{font-family:Silkscreen;font-size:10px;letter-spacing:2px;color:#9a9a9a;margin-bottom:10px}#tut .tmsg{font-size:14px;line-height:1.6;color:#fff;min-height:66px}#tut .tdots{display:flex;gap:6px;justify-content:center;margin:14px 0}#tut .tdots i{width:7px;height:7px;border:2px solid #fff}#tut .tdots i.on{background:#fff}#tut .tnav{display:flex;justify-content:space-between;align-items:center}#tut .tnav button{font-family:Silkscreen;font-size:11px;background:none;border:0;color:#9a9a9a;cursor:pointer;text-decoration:underline}#tut .tnav .prim{background:#fff;color:#000;border:0;padding:8px 16px;text-decoration:none}#plabels{position:absolute;inset:0;pointer-events:none}.plabel{position:absolute;transform:translate(-50%,-140%);white-space:nowrap;font-family:Silkscreen;font-size:11px;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;display:flex;align-items:center;gap:4px}.plabel .pl{font-size:9px;color:#000;background:#fff;padding:0 4px}.plabel .hn{color:#ffd86a;text-shadow:0 0 4px rgba(255,200,80,.7),0 1px 2px #000}.plabel .badge{font-family:Silkscreen;font-size:9px;padding:1px 6px;border-radius:3px;color:#1a140a;font-weight:700;box-shadow:0 0 6px #0009}.badge.t1{background:linear-gradient(180deg,#e8b878,#c98a3a)}.badge.t2{background:linear-gradient(180deg,#eef2f6,#aeb8c4)}.badge.t3{background:linear-gradient(180deg,#ffe27a,#f0a93a);box-shadow:0 0 10px #ffc850cc}.prevbtn{pointer-events:auto;margin-top:16px;background:none;border:1px solid #6a5a3a;color:#caa46a;font-family:Silkscreen;font-size:11px;padding:7px 12px;cursor:pointer;border-radius:4px}.prevbtn:hover{border-color:#ffd86a;color:#ffd86a}.prevbtn b{color:#ffd86a}#skinpanel{min-width:420px}.wsub{font-size:11px;color:#9a9a9a;margin-bottom:14px;text-align:center;line-height:1.5}.wsub b{color:#ffd86a}.wsub .soon{display:inline-block;margin-top:5px;color:#0a0a0a;background:#c98a3a;padding:2px 7px;font-family:Silkscreen;font-size:8px;letter-spacing:.5px}#skingrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sk{border:1px solid #555;background:#141414;padding:10px 6px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.sk img{width:54px;height:64px;object-fit:contain;image-rendering:pixelated}.sk span{font-family:Silkscreen;font-size:9px;color:#cfcfcf}.sk.eq{border-color:#ffd86a;box-shadow:0 0 8px #ffc85080}.sk.eq span{color:#ffd86a}.sk.lk{opacity:.5;cursor:not-allowed}.sk.lk img{filter:grayscale(1) brightness(.6)}.sk.lk span{color:#c98a3a}.sk:hover:not(.lk){border-color:#fff}#hud .controls{position:absolute;top:14px;right:16px;font-size:11px;letter-spacing:1px;text-align:right;color:#cfcfcf;text-shadow:1px 1px 0 #000;line-height:1.8}#hud .bars{position:absolute;left:16px;bottom:18px;width:300px;max-width:46vw}#hud .bl{font-size:11px;letter-spacing:2px;margin:0 0 3px 2px;color:#cfcfcf;text-shadow:1px 1px 0 #000}#win h2{font-family:Silkscreen;font-size:clamp(28px,6vw,60px);letter-spacing:4px;text-shadow:3px 3px 0 #000}#win p{font-size:15px;letter-spacing:1px;color:#dcdcdc;max-width:560px;line-height:1.8;text-shadow:2px 2px 0 #000}#win .stat{font-size:18px;letter-spacing:2px;margin:6px 0}#win .stat b{color:#fff}#toast{position:absolute;left:50%;top:64px;transform:translate(-50%);font-size:14px;letter-spacing:1px;color:#fff;text-shadow:2px 2px 0 #000;opacity:0;transition:opacity .25s}#toast.show{opacity:1}.vh{font-family:VT323,monospace}#booting{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse 90% 75% at 50% 40%,#161616,#070707)}#booting .bspin{width:34px;height:34px;border:3px solid #333;border-top-color:#cfcfcf;border-radius:50%;animation:bspin .8s linear infinite}#booting .btxt{font-family:Silkscreen;font-size:12px;letter-spacing:3px;color:#cfcfcf}@keyframes bspin{to{transform:rotate(360deg)}}