:root{--ink:#16171d;--panel:#12131cd1;--panel-2:#1e202eeb;--line:#ffffff1a;--text:#f3efe6;--muted:#a9a6b8;--pink:#ff4fa3;--yellow:#ffd23f;--teal:#34e0c4;--red:#ff5a4f;--green:#5ee27a;--blue:#5aa7ff;--ui:"Avenir Next", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--display:Impact, "Haettenschweiler", "Arial Narrow Bold", "Arial Black", sans-serif;--st:env(safe-area-inset-top,0px);--sr:env(safe-area-inset-right,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--edge:12px}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;color:var(--text);font-family:var(--ui);background:#0d0e14;margin:0;overflow:hidden}canvas#game,canvas#fx{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}canvas#fx{pointer-events:none;z-index:5}.hidden{display:none!important}#hud{top:calc(var(--edge) + var(--st));left:calc(var(--edge) + var(--sl));z-index:10;position:fixed}.hud-card{--role:var(--line);background:var(--panel);border:2px solid var(--line);border-left:5px solid var(--role);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;width:196px;padding:7px 12px 8px 11px;box-shadow:0 5px #0000004d}.hud-card:hover{border-color:#fff3;border-left-color:var(--role)}.hud-card.lvup{animation:1.4s cardUp}@keyframes cardUp{0%,50%{box-shadow:0 0 0 2px var(--yellow), 0 0 16px #ffd23f99, 0 5px 0 #0000004d}}.hud-main{align-items:center;gap:10px;display:flex}.hud-main .money{flex:none;line-height:1}.lucky-badge{flex:none;margin-left:-6px;font-size:14px;animation:1.2s infinite alternate blink}.bars{flex:1;gap:5px;min-width:0;display:grid}.bar{align-items:center;gap:5px;display:flex}.bar i{text-align:center;width:10px;color:var(--muted);flex:none;font-size:10px;font-style:normal;line-height:1}.bar>div{flex:1}.hud-who{white-space:nowrap;align-items:center;gap:7px;margin-bottom:7px;font-size:13px;font-weight:800;display:flex}#hud-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.role-pill{font-family:var(--display);letter-spacing:1px;color:#111;border-radius:999px;flex:none;padding:1px 7px;font-size:11px}.hud-more{border-top:1px solid var(--line);margin-top:8px;padding-top:7px;display:none}.hud-card.open .hud-more{display:block}.money{font-family:var(--display);color:var(--green);text-shadow:2px 2px 0 var(--ink);letter-spacing:1px;font-size:24px}.money.bump{animation:.5s bump}@keyframes bump{30%{transform:scale(1.25)}}.wanted{gap:3px;margin-top:6px;display:flex}.wanted:empty{display:none}.wanted i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffffff26;width:13px;height:13px;display:inline-block}.wanted i.on{background:var(--yellow);animation:1s infinite alternate star}@keyframes star{to{background:#ff8a3d}}.hp{background:#ffffff1a;border-radius:6px;height:7px;overflow:hidden}.hp.low div{animation:.7s infinite alternate blink}.hp div{background:linear-gradient(90deg, var(--red), #ff9a5a);height:100%;transition:width .3s}#topbar{top:calc(var(--edge) + var(--st));right:calc(var(--edge) + var(--sr));z-index:11;align-items:center;gap:6px;display:flex;position:fixed}#clock{background:var(--panel);border:2px solid var(--line);height:40px;font-family:var(--display);letter-spacing:1px;white-space:nowrap;border-radius:12px;order:100;place-items:center;padding:0 12px;font-size:19px;display:grid}.tb-btn{border:2px solid var(--line);background:var(--panel);width:40px;height:40px;color:var(--yellow);cursor:pointer;border-radius:12px;place-items:center;padding:0;font-size:18px;display:grid;position:relative}.tb-btn:hover{border-color:var(--teal)}#status{top:calc(60px + var(--st));right:calc(var(--edge) + var(--sr));z-index:12;color:var(--yellow);background:var(--panel);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:800;position:fixed}#audio-panel{top:calc(60px + var(--st));right:calc(var(--edge) + var(--sr));z-index:16;background:var(--panel-2);border:2px solid var(--pink);border-radius:14px;width:220px;padding:12px;position:fixed;box-shadow:0 8px #00000059}#rail{top:calc(60px + var(--st));right:calc(var(--edge) + var(--sr));z-index:11;max-height:calc(100% - 60px - var(--st) - 196px);scrollbar-width:none;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;padding:2px 0 8px 10px;display:flex;position:fixed;overflow:hidden auto}#rail::-webkit-scrollbar{display:none}#rail>*{pointer-events:auto;flex:none;max-width:100%}#rail>.hidden{display:none!important}#audio-panel .ap-head{font-family:var(--display);letter-spacing:1px;color:var(--yellow);margin-bottom:8px}#audio-panel .ap-head span{color:var(--teal);font-family:var(--ui);font-size:12px;font-weight:800}#audio-panel label{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;font-size:13px;font-weight:700;display:flex}#audio-panel input[type=range]{width:110px;accent-color:var(--pink)}#audio-panel .btn{width:100%;margin-top:6px;font-size:15px}#chat{left:calc(var(--edge) + var(--sl));bottom:calc(var(--edge) + var(--sb));z-index:10;width:min(520px,100vw - 270px);min-width:260px;position:fixed}#log{scrollbar-width:none;flex-direction:column;gap:3px;max-height:30vh;padding:4px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 18%);mask-image:linear-gradient(#0000,#000 18%)}#log .m{white-space:pre-wrap;text-shadow:1px 1px #0009;background:#0a0b129e;border-radius:8px;width:fit-content;max-width:100%;padding:4px 9px;font-size:14px;line-height:1.35}#chat:not(.active) #log{pointer-events:none}#chat:not(.active) #log .m{animation:logFade .8s ease var(--hold,9s) forwards}#chat:not(.active) #log .m.seen,#chat:not(.active) #log .m:nth-last-child(n+6){display:none}@keyframes logFade{to{opacity:0;visibility:hidden}}#chat.active #log{background:#0a0b1273;border-radius:12px;max-height:40vh;-webkit-mask-image:none;mask-image:none}#log .m b{color:var(--yellow)}#log .m.emote{color:#ffc9e4;font-style:italic}#log .m.npc b{color:var(--teal)}#log .m.sys{color:var(--muted);border-left:3px solid var(--blue)}#log .m.good{color:#c6ffd2;border-left:3px solid var(--green)}#log .m.bad{color:#ffd0cc;border-left:3px solid var(--red)}#log .m.warn{color:#ffe9a8;border-left:3px solid var(--yellow)}#chat-form{gap:6px;margin-top:6px;display:flex}.chat-btn{border:2px solid var(--line);background:var(--panel-2);width:46px;color:var(--text);border-radius:12px;flex:none;padding:0;font-size:18px;display:none}#chat-send{background:var(--pink);border-color:var(--pink);color:#16171d}body.touch #chat.active .chat-btn{display:block}#chat-input{background:var(--panel-2);width:100%;color:var(--text);border:2px solid var(--line);font-size:16px;font-family:var(--ui);border-radius:12px;outline:none;padding:12px 14px;transition:opacity .2s}#chat-input:not(:focus){opacity:.75;background:#12131c8c;padding:8px 12px;font-size:14px}#chat-input:not(:focus):hover{opacity:1}#chat-input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff4fa32e}#palette,#dym{background:var(--panel-2);border:2px solid var(--pink);border-radius:12px;margin-top:6px;overflow:hidden;box-shadow:0 8px #00000059}.pal-item{cursor:pointer;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.pal-item .k{font-family:var(--display);letter-spacing:1px;color:var(--yellow);min-width:110px;font-size:16px}.pal-item .h{color:var(--muted);font-size:13px}.pal-item .sig{color:var(--pink);margin-left:auto;font-size:11px}.pal-item.sel{background:#ff4fa329}.pal-head{color:var(--muted);border-bottom:1px solid var(--line);padding:6px 12px;font-size:12px}#dym .chips{flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.chip-btn{color:var(--text);border:2px solid var(--line);cursor:pointer;font-weight:700;font-family:var(--ui);background:#ffffff12;border-radius:999px;padding:6px 12px}.chip-btn:hover{border-color:var(--yellow)}#prompt{z-index:20;background:var(--panel-2);border:3px solid var(--yellow);border-radius:16px;width:min(460px,100vw - 28px);padding:16px 18px;animation:.25s pop;position:fixed;top:18%;left:50%;transform:translate(-50%);box-shadow:0 10px #0006}#prompt h3{font-family:var(--display);letter-spacing:1px;color:var(--yellow);margin:0 0 6px;font-size:24px}#prompt .bar{background:#ffffff1a;border-radius:4px;height:6px;margin:10px 0;overflow:hidden}#prompt .bar div{background:var(--yellow);height:100%}#prompt .row{gap:8px;margin-top:8px;display:flex}#prompt input{border:2px solid var(--line);color:var(--text);font-family:var(--ui);background:#0000004d;border-radius:10px;flex:1;padding:8px 10px}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.8)}}.btn{font-family:var(--display);letter-spacing:1px;cursor:pointer;color:#111;border:none;border-radius:12px;padding:10px 18px;font-size:18px;transition:transform 80ms;box-shadow:0 5px #0006}.btn:active{transform:translateY(3px);box-shadow:0 2px #0006}.btn.primary{background:var(--yellow)}.btn.ghost{color:var(--text);background:#ffffff1a}.btn.pink{background:var(--pink)}.btn.teal{background:var(--teal)}.btn.red{background:var(--red)}#create{z-index:30;background:radial-gradient(circle at 50% 30%,#28143c99,#05050ae6);place-items:center;display:grid;position:fixed;inset:0}.create-card{background:var(--panel-2);border:3px solid var(--pink);border-radius:22px;width:min(560px,100vw - 28px);max-height:calc(100dvh - 28px);padding:22px;overflow-y:auto;box-shadow:0 14px #00000073}.create-card h1{font-family:var(--display);letter-spacing:3px;margin:0;font-size:56px;line-height:1}.logo-j{color:var(--yellow);text-shadow:4px 4px 0 var(--pink)}.logo-rpg{color:var(--teal);text-shadow:4px 4px 0 var(--ink);margin-left:6px}.tag{color:var(--muted);margin:6px 0 16px}.reason{border-left:4px solid var(--red);background:#ff5a4f26;border-radius:8px;padding:8px 10px}.create-card label{margin-bottom:12px;font-weight:700;display:block}.create-card input{border:2px solid var(--line);width:100%;color:var(--text);background:#0000004d;border-radius:10px;margin-top:6px;padding:10px 12px;font-size:16px}.roles{grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 14px;display:grid}.role-card{border:3px solid var(--line);cursor:pointer;background:#0003;border-radius:14px;padding:10px;transition:transform .1s}.role-card:hover{transform:translateY(-2px)}.role-card.sel{border-color:var(--yellow);background:#ffd23f14}.role-card h4{font-family:var(--display);letter-spacing:1px;margin:0 0 4px;font-size:20px}.role-card p{color:var(--muted);margin:0;font-size:12px}.role-card .st{color:var(--teal);margin-top:6px;font-size:11px}.look-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}#create-preview{border:2px solid var(--line);background:#2b2d38;border-radius:14px;width:96px;height:96px}.error{color:var(--red);min-height:1em;margin:8px 0 0}#toast{z-index:40;pointer-events:none;position:fixed;top:12px;left:50%;transform:translate(-50%)}#toast .t{background:var(--panel-2);border:2px solid var(--yellow);border-radius:12px;margin-bottom:6px;padding:8px 14px;font-weight:700;animation:.2s pop}@media (width<=640px){.roles{grid-template-columns:1fr}#clock{font-size:16px}}#bj{transition:opacity .25s,filter .25s}#bj.dim{opacity:.3;filter:grayscale(.6);pointer-events:none}#bj{background:radial-gradient(circle at 50% 0,#237a4f,#124a30);border:4px solid #5b3a22;border-radius:22px;width:min(330px,100vw - 28px);padding:14px;box-shadow:0 10px #00000073,inset 0 0 0 2px #ffe6a040}.bj-head{font-family:var(--display);letter-spacing:1px;color:#ffe6a0;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;display:flex}.eyes{gap:4px;display:flex}.eye{background:#00000059;border-radius:50%;width:18px;height:11px;display:inline-block;position:relative}.eye.on{background:#fff}.eye.on:after{content:"";background:#e24b4b;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;left:6px}.bj-row{margin:6px 0}.bj-row .lbl{color:#ffe6a0cc;letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:800}.hand{flex-wrap:wrap;gap:6px;min-height:64px;display:flex}.card{color:#16171d;background:#fbf7ee;border:2px solid #16171d;border-radius:7px;place-items:center;width:44px;height:62px;font-size:17px;font-weight:900;display:grid;box-shadow:2px 3px #00000059}.card.red{color:#d23b3b}.card.back{background:repeating-linear-gradient(45deg,#a8323e 0 6px,#7a2029 6px 12px)}.card.deal{animation:.35s cubic-bezier(.2,1.4,.4,1) both deal}@keyframes deal{0%{opacity:0;transform:translate(-60px,-80px)rotate(-30deg)scale(.6)}}.bj-msg{text-align:center;text-shadow:1px 1px #00000080;min-height:22px;margin:8px 0;font-weight:800}.bj-msg.out-win,.bj-msg.out-blackjack{color:#ffd23f;font-family:var(--display);letter-spacing:1px;font-size:22px;animation:.5s bump}.bj-msg.out-lose,.bj-msg.out-bust{color:#ffb3ad}.bj-ctl{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bj-ctl .chips{justify-content:center;gap:6px;width:100%;display:flex}.bjchip{color:#fff;cursor:pointer;background:#e24b4b;border:4px dashed #fff;border-radius:50%;width:46px;height:46px;font-size:12px;font-weight:900;box-shadow:0 3px #0006}.bjchip:nth-child(2){background:#3f86e0}.bjchip:nth-child(3){background:#2fb57c}.bjchip:nth-child(4){background:#2a2d36}.bjchip:nth-child(5){color:#16171d;background:#d9a531}.bjchip.sel{transform:translateY(-4px)scale(1.08);box-shadow:0 0 0 3px #ffd23f,0 5px #0006}#minimap{z-index:9;border:2px solid var(--line);cursor:zoom-in;opacity:.92;background:#15161e;border-radius:12px;transition:opacity .25s;position:fixed;bottom:14px;right:14px;box-shadow:0 6px #00000059}#minimap.big{cursor:zoom-out;opacity:1}body.touch #minimap.big{z-index:45;box-shadow:0 0 0 100vmax #05050a8c}@media (width<=640px){#minimap:not(.big){width:130px!important;height:auto!important}}.energy{background:#ffffff1a;border-radius:6px;height:7px;overflow:hidden}.energy div{background:linear-gradient(90deg,#d8f34a,#5ee27a);height:100%;transition:width .4s}.energy.low div{background:linear-gradient(90deg,#ff9a5a,#ffd23f);animation:1s infinite alternate blink}@keyframes blink{to{opacity:.45}}.stats{gap:4px;display:grid}.stat{letter-spacing:.5px;color:var(--muted);grid-template-columns:18px 76px 1fr;align-items:center;gap:6px;font-size:11px;font-weight:800;display:grid}.stat b{font-size:13px}.stat .xp{background:#ffffff1a;border-radius:4px;height:5px;overflow:hidden}.stat .xp div{background:linear-gradient(90deg, var(--teal), #8ee8d9);height:100%;transition:width .6s cubic-bezier(.2,1.4,.4,1)}.stat.lvup{color:var(--yellow);animation:1.4s lvup}@keyframes lvup{0%,60%{filter:drop-shadow(0 0 6px var(--yellow));transform:scale(1.12)}}#train{z-index:20;background:var(--panel-2);border:2px solid var(--yellow);border-radius:16px;width:min(460px,100vw - 28px);padding:12px 14px 10px;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 10px #0006}#train .tr-head{font-family:var(--display);letter-spacing:1px;color:var(--yellow);justify-content:space-between;align-items:baseline;font-size:18px;display:flex}#train .tr-head span{font-family:var(--ui);color:var(--muted);letter-spacing:0;font-size:12px;font-weight:800}#train canvas{background:#111219;border-radius:10px;width:100%;height:190px;margin-top:6px;display:block}#train .tr-foot{color:var(--muted);text-align:center;margin-top:6px;font-size:12px;font-weight:700}#train .tr-result{text-align:center;margin-top:6px;font-weight:800}#train .tr-result b{font-family:var(--display);color:var(--teal);letter-spacing:1px;font-size:20px}#mg{z-index:22;background:var(--panel-2);border:2px solid var(--yellow);border-radius:16px;width:min(520px,100vw - 28px);padding:12px 14px 10px;animation:.22s cubic-bezier(.2,1.4,.4,1) mgIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px #0006}#mg.wide{width:min(820px,100vw - 28px)}#mg.out{opacity:0;transition:all .18s;transform:translate(-50%,-46%)}@keyframes mgIn{0%{opacity:0;transform:translate(-50%,-44%)scale(.96)}}#mg .mg-head{font-family:var(--display);letter-spacing:1px;color:var(--yellow);align-items:baseline;gap:10px;font-size:18px;display:flex}#mg .mg-head b{font-weight:400}#mg .mg-head span{font-family:var(--ui);color:var(--muted);letter-spacing:0;flex:1;font-size:12px;font-weight:800}#mg .mg-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px}#mg .mg-x:hover{color:var(--text)}#mg canvas{touch-action:none;cursor:crosshair;background:#111219;border-radius:10px;margin:6px auto 0;display:block}#mg .mg-foot{color:var(--muted);text-align:center;margin-top:6px;font-size:12px;font-weight:700}#mg .mg-result{text-align:center;min-height:0;margin-top:6px;font-weight:800}#mg .mg-result:empty{display:none}#mg .mg-result b{font-family:var(--display);color:var(--teal);letter-spacing:1px;font-size:20px}#sleep{z-index:30;font-family:var(--display);color:#9fb6ff;letter-spacing:6px;background:radial-gradient(#0a0c1ed9,#04040af7);place-items:center;font-size:64px;animation:.6s fadein;display:grid;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}}#stagebar{z-index:12;color:#ffe6f7;background:#2a1640;border:2px solid #ff7ad9;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:800;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ff7ad973}#topstack{top:calc(var(--edge) + var(--st));z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(420px,100vw - 500px);min-width:260px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#topstack>*{pointer-events:auto;transition:opacity .25s}#topstack #toast{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:static;transform:none}#topstack #toast .t{animation:.25s questIn}#quest{background:var(--panel);cursor:pointer;border:2px solid #ff4fa3;border-radius:14px;width:100%;padding:7px 12px 8px;transition:opacity .3s;animation:.35s cubic-bezier(.2,1.5,.4,1) questIn;position:relative;box-shadow:0 6px #00000059}@keyframes questIn{0%{opacity:0;transform:translateY(-16px)}}#quest.dim,#helper.dim{opacity:.3}#quest .q-head{letter-spacing:1px;color:#ff7ad9;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}#quest .q-name{flex:1}#quest .q-count{color:var(--muted)}#quest .q-skip{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:12px;font-weight:800}#quest .q-skip.armed{color:var(--red)}#quest .q-title{font-family:var(--display);letter-spacing:.5px;color:#fff;margin-top:1px;font-size:18px}#quest .q-hint{color:#cfd2db;margin-top:2px;font-size:12.5px;line-height:1.35;display:none}#quest.fresh .q-hint,#quest.peek .q-hint,#quest.complete .q-hint{display:block}@media (hover:hover){#quest:hover .q-hint{display:block}}#quest .q-dots{gap:5px;margin-top:6px;display:flex}#quest .q-dots i{background:#ffffff1f;border-radius:3px;flex:1;height:4px}#quest .q-dots i.on{background:#5ee27a}#quest .q-dots i.now{background:#ff4fa3;animation:.8s infinite alternate blink}#quest.win{border-color:#5ee27a}#quest .q-done{font-family:var(--display);color:#5ee27a;text-align:center;padding:8px 0;font-size:22px;animation:.45s cubic-bezier(.2,1.8,.4,1) questPop}@keyframes questPop{0%{opacity:0;transform:scale(.6)}}#quest .q-done b{color:var(--yellow)}#quest.complete{border-color:var(--yellow);text-align:center}#quest.complete .q-title{color:var(--yellow)}#quest .q-ok{background:var(--yellow);color:#16171d;font-family:var(--display);letter-spacing:1px;cursor:pointer;border:0;border-radius:10px;margin-top:8px;padding:6px 14px;font-size:15px}#coach{z-index:25;color:#16171d;cursor:pointer;background:#ff4fa3;border-radius:11px;max-width:260px;padding:8px 11px;font-size:13px;font-weight:800;line-height:1.3;animation:1.4s ease-in-out infinite alternate coachBob;position:fixed;top:0;left:0;box-shadow:0 5px #00000059}#coach:after{content:"";background:#ff4fa3;width:12px;height:12px;position:absolute;transform:rotate(45deg)}#coach[data-arrow=below]:after{left:calc(var(--ax,50%) - 6px);bottom:-5px}#coach[data-arrow=left]:after{top:calc(50% - 6px);left:-5px}@keyframes coachBob{to{margin-top:-4px}}.coach-pulse{animation:1s infinite alternate coachPulse;box-shadow:0 0 0 3px #ff4fa3,0 0 18px #ff4fa3b3!important}@keyframes coachPulse{to{box-shadow:0 0 0 1px #ff4fa3,0 0 6px #ff4fa366}}#smsbox{gap:8px;width:min(262px,100vw - 28px);display:grid;pointer-events:none!important}#smsbox:empty{display:none}.sms{color:#16171d;background:#f3efe6;border-radius:16px 16px 4px;padding:8px 12px;transition:opacity .5s,transform .5s;animation:.35s cubic-bezier(.2,1.5,.4,1) smsIn;box-shadow:0 6px #00000059}.sms b{letter-spacing:.5px;color:#7a2f8f;font-size:11px}.sms p{margin:2px 0 0;font-size:13.5px;font-weight:700}.sms.out{opacity:0;transform:translate(30px)}@keyframes smsIn{0%{opacity:0;transform:translate(60px)scale(.9)}}.sms-log{color:#f3b7df}#helper{background:var(--panel-2);border:2px solid var(--teal);cursor:pointer;border-radius:12px;max-width:100%;padding:8px 12px;font-size:13px;font-weight:700;transition:opacity .3s;animation:.3s questIn;position:relative;box-shadow:0 6px #00000059}#topstack #stagebar{position:static;transform:none}#phone-btn i{background:var(--pink);color:#fff;min-width:18px;height:18px;font:900 11px/18px var(--ui);border-radius:9px;font-style:normal;display:none;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #0006}#phone-btn i.on{animation:.5s bump;display:block}#hud-street{color:#c9d6ff;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;font-weight:800;display:flex}#hud-street .lucky{color:var(--green);animation:1.2s infinite alternate blink}#street-hud{background:var(--panel);border:2px solid var(--teal);border-radius:12px;gap:3px;width:100%;padding:6px 12px;font-size:13px;font-weight:700;display:grid;box-shadow:0 6px #00000059}#street-hud b{color:var(--yellow)}#phone{top:calc(60px + var(--st));right:calc(var(--edge) + var(--sr));z-index:14;background:#101118;border:3px solid #2e3140;border-radius:22px;flex-direction:column;width:min(310px,100vw - 28px);min-height:260px;animation:.25s cubic-bezier(.2,1.4,.4,1) phoneIn;display:flex;position:fixed;bottom:186px;overflow:hidden;box-shadow:0 10px #00000073,inset 0 0 0 2px #ffffff0a}@keyframes phoneIn{0%{opacity:0;transform:translateY(30px)}}body.phone-open #rail{visibility:hidden}#phone .ph-top{color:var(--muted);align-items:center;gap:8px;padding:8px 12px 6px;font-size:11px;font-weight:900;display:flex}#phone .ph-top b{text-align:center;letter-spacing:1px;color:var(--teal);flex:1}#phone .ph-x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:14px}#phone .ph-tabs{gap:4px;padding:0 8px 6px;display:flex}#phone .ph-tabs button{color:var(--text);font:800 12px var(--ui);cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:10px;flex:1;padding:6px 4px;position:relative}#phone .ph-tabs button.on{border-color:var(--teal);background:#34e0c41f}#phone .ph-tabs i{background:var(--pink);color:#fff;font:900 10px/16px var(--ui);border-radius:8px;min-width:16px;font-style:normal;position:absolute;top:-5px;right:-3px}#phone .ph-body{scrollbar-width:thin;flex:1;padding:4px 10px 10px;overflow-y:auto}#phone .ph-sec{letter-spacing:1px;color:var(--pink);text-transform:uppercase;margin:10px 2px 4px;font-size:10px;font-weight:900}#phone .ph-empty,#phone .ph-note{color:var(--muted);margin:6px 2px;font-size:12px;line-height:1.35}#phone .ph-row,#phone .ph-guide{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:7px 6px;display:flex;position:relative}#phone .ph-row:hover{background:#ffffff0f}#phone .ph-row .ic,#phone .ph-guide .ic{text-align:center;flex:none;width:26px;font-size:20px}#phone .ph-row div,#phone .ph-guide div{flex:1;min-width:0}#phone .ph-row b,#phone .ph-guide b{font-size:13px}#phone .ph-row p,#phone .ph-guide p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:11.5px;overflow:hidden}#phone .ph-guide{cursor:default;border-bottom:1px solid var(--line);border-radius:0;align-items:flex-start}#phone .ph-guide p{white-space:normal}#phone .ph-guide em{color:var(--teal);font-size:11px;font-style:normal;display:block}#phone .ph-guide.live b{color:var(--yellow)}#phone .ph-row .dot{background:var(--pink);border-radius:50%;width:9px;height:9px;position:absolute;right:8px}#phone .ph-wp{border:2px solid var(--teal);color:var(--text);font:800 11px var(--ui);cursor:pointer;background:#34e0c41f;border-radius:10px;flex-direction:column;flex:none;align-items:center;padding:3px 7px;display:flex}#phone .ph-wp span{color:var(--muted);font-size:9px}#phone .ph-wp.set{background:var(--teal);color:#16171d}#phone .ph-back{color:var(--teal);font:900 13px var(--ui);cursor:pointer;background:0 0;border:0;padding:4px 0 8px}#phone .ph-thread{flex-direction:column;gap:6px;display:flex}#phone .ph-msg{align-self:flex-start;max-width:85%}#phone .ph-msg p{color:#16171d;background:#f3efe6;border-radius:14px 14px 14px 4px;margin:0;padding:7px 10px;font-size:13px;font-weight:600;line-height:1.3}#phone .ph-msg.me{align-self:flex-end}#phone .ph-msg.me p{background:var(--teal);border-radius:14px 14px 4px}#phone .ph-msg .ph-wp{flex-direction:row;gap:4px;margin-top:4px}#phone .ph-asks{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}#phone .ph-asks button{border:2px solid var(--pink);color:var(--text);font:800 12px var(--ui);cursor:pointer;background:#ff4fa324;border-radius:999px;padding:5px 10px}#phone form{gap:6px;margin-top:8px;display:flex}#phone form input{border:2px solid var(--line);min-width:0;color:var(--text);font:600 13px var(--ui);background:#00000059;border-radius:10px;outline:none;flex:1;padding:6px 8px}#phone form input:focus{border-color:var(--teal)}#phone form button{background:var(--teal);font:900 12px var(--ui);cursor:pointer;border:0;border-radius:10px;padding:0 10px}#phone .ph-money{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}#phone .ph-money div{background:#ffffff0d;border-radius:12px;padding:8px 10px}#phone .ph-money em{color:var(--muted);letter-spacing:1px;font-size:10px;font-style:normal;font-weight:900;display:block}#phone .ph-money b{font-family:var(--display);color:var(--green);letter-spacing:1px;font-size:22px}#phone .ph-lucky{border:2px solid var(--green);background:#5ee27a1f;border-radius:10px;margin:8px 0;padding:6px 9px;font-size:12px;font-weight:700}#phone .ph-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:5px 4px;font-size:13px;display:flex}#phone .ph-item button{background:var(--yellow);font:900 11px var(--ui);cursor:pointer;border:0;border-radius:8px;padding:3px 9px}#phone .ph-item .hint{color:var(--yellow);font-size:10px;font-weight:800}#phone .ph-stats{color:var(--muted);flex-wrap:wrap;gap:6px 12px;font-size:12px;display:flex}#phone .ph-stats b{color:var(--text)}@media (width<=640px),(height<=560px){#phone{bottom:calc(var(--edge) + var(--sb))}}.st-panel{z-index:21;background:var(--panel-2);border:2px solid var(--yellow);border-radius:16px;width:min(420px,100vw - 28px);max-height:calc(100dvh - 120px);padding:12px 14px;animation:.22s cubic-bezier(.2,1.4,.4,1) mgIn;position:fixed;top:86px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px #0006}.st-panel h3{font-family:var(--display);letter-spacing:1px;color:var(--yellow);margin:0 24px 8px 0;font-size:20px;font-weight:400}.st-panel .st-x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:16px;position:absolute;top:8px;right:10px}.st-panel .st-list{gap:6px;display:grid}.st-panel .st-list button{border:2px solid var(--line);color:var(--text);font:800 14px var(--ui);cursor:pointer;text-align:left;background:#ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.st-panel .st-list button:hover{border-color:var(--yellow)}.st-panel .st-list em{color:var(--muted);font-size:11px;font-style:normal;font-weight:600;display:block}.st-panel .st-list b{font-family:var(--display);color:var(--green);letter-spacing:1px;font-size:18px;font-weight:400}.st-panel .st-ok{color:var(--green);margin:0 0 8px;font-weight:800}.st-panel .st-note{color:var(--muted);margin:8px 0 0;font-size:11.5px}.st-panel .st-bet{grid-template-columns:1fr 1fr;gap:10px;display:grid}.st-panel .st-bet div{text-align:center;background:#ffffff0d;border-radius:12px;gap:5px;padding:8px;display:grid}.st-panel .st-bet em{color:var(--yellow);font-style:normal;font-weight:900}.st-panel .st-bet button{background:var(--yellow);font:900 13px var(--ui);cursor:pointer;border:0;border-radius:8px;padding:5px}.st-panel.st-news{color:#16171d;background:#f3efe6;border-color:#16171d;width:min(640px,100vw - 28px);font-family:Georgia,Times New Roman,serif}.st-news header h1{text-align:center;letter-spacing:1px;margin:0;font-family:Old English Text MT,Georgia,serif;font-size:34px}.st-news .np-sub{font-size:11px;font-weight:700;font-family:var(--ui);border-top:2px solid #16171d;border-bottom:2px solid #16171d;justify-content:space-between;margin:4px 0 10px;padding:3px 0;display:flex}.st-news .np-lead h2{font-family:var(--display);letter-spacing:.5px;margin:0 0 4px;font-size:28px;font-weight:400;line-height:1.05}.st-news .np-lead p{margin:0 0 10px;font-size:14px}.st-news .np-cols{border-top:1px solid #16171d;grid-template-columns:1.4fr 1fr;gap:14px;padding-top:8px;display:grid}.st-news article h3{font-family:var(--display);color:#16171d;margin:0 0 2px;font-size:16px;font-weight:400}.st-news article p,.st-news .np-cols p{margin:0 0 10px;font-size:12.5px;line-height:1.35}.st-news h4{font:900 11px var(--ui);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #16171d;margin:0 0 3px}.st-news ul{margin:0 0 10px;padding-left:16px;font-size:12px}.st-news .np-ad{font-family:var(--ui);border:1px dashed #16171d;padding:4px 6px;font-size:11px}.st-news .st-x{color:#16171d}@media (width<=640px){.st-news .np-cols{grid-template-columns:1fr}}#mg .mg-talk{border:2px solid var(--line);width:100%;color:var(--text);font:600 13px var(--ui);background:#00000059;border-radius:10px;outline:none;margin-top:6px;padding:7px 10px}#mg .mg-talk:focus{border-color:var(--pink)}@media (orientation:landscape){body.phone #topstack{left:calc(210px + var(--sl));right:calc(232px + var(--sr));width:auto;min-width:0;transform:none}}@media (width<=900px){body:not(.touch) #topstack{left:calc(232px + var(--sl));right:calc(190px + var(--sr));width:auto;min-width:0;transform:none}}@media (width<=600px){#topstack{top:calc(150px + var(--st));left:12px;right:12px}}body.ui-modal #log,body.ui-modal #rail,body.ui-modal #minimap:not(.big),body.ui-modal #coach,body.ui-modal #topstack>:not(#toast){opacity:0!important;pointer-events:none!important}body.ui-modal #chat-input:not(:focus){opacity:.35}body.ui-encounter #rail,body.ui-encounter #minimap:not(.big){opacity:.3}body.mg-open .st-panel,body.mg-open .heist-modal,body.mg-open #grow-shop,body.mg-open #fr-board{visibility:hidden}body.creating #topbar,body.creating #rail,body.creating #audio-panel,body.creating #tc{display:none!important}#rotate{z-index:100;text-align:center;background:radial-gradient(circle at 50% 30%,#2a1640,#07070c 75%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.rot-card{max-width:320px}.rot-card h2{font-family:var(--display);letter-spacing:2px;color:var(--yellow);margin:22px 0 8px;font-size:30px;font-weight:400;line-height:1.05}.rot-card p{color:var(--muted);margin:0 0 18px;line-height:1.4}.rot-card .btn{width:100%;margin-top:10px;display:block}.rot-phone{border:4px solid var(--teal);border-radius:12px;width:58px;height:96px;margin:0 auto;animation:2.6s ease-in-out infinite rotPhone;position:relative}.rot-phone i{background:var(--teal);border-radius:2px;width:14px;height:4px;margin-left:-7px;position:absolute;bottom:6px;left:50%}@keyframes rotPhone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body.touch canvas#game{touch-action:none}body.touch button,body.touch .pal-item{touch-action:manipulation}body.touch input{-webkit-user-select:text;user-select:text}body.touch .hud-card{width:180px;padding:6px 10px 7px 9px}body.touch .money{font-size:21px}body.touch #rail{max-height:calc(100% - 60px - var(--st) - 150px - var(--sb))}body.touch #rail:has(>#bj:not(.hidden)){max-height:calc(100% - 60px - var(--st) - 84px - var(--sb))}body.phone #rail{zoom:.8}body.touch #chat{left:50%;bottom:calc(8px + var(--sb));width:min(420px,100vw - 600px);min-width:240px;transform:translate(-50%)}body.touch #chat:not(.active) #chat-form{display:none}body.touch #chat:not(.active) #log .m{padding:3px 8px;font-size:12.5px}body.touch #chat:not(.active) #log .m:nth-last-child(n+4){display:none}body.touch #chat.active{top:calc(8px + var(--st));z-index:40;flex-direction:column;width:min(600px,100vw - 24px);display:flex;bottom:auto}body.touch #chat.active #chat-form{order:-2;margin:0 0 6px}body.touch #chat.active #palette,body.touch #chat.active #dym{order:-1;max-height:46vh;margin:0 0 6px;overflow-y:auto}body.touch #chat.active #log{max-height:26vh}body.touch.chatting #topstack,body.touch.chatting #coach{visibility:hidden}body.touch .pal-item{padding:10px 12px}#tc{z-index:9;pointer-events:none;position:fixed;inset:0}#tc>*{pointer-events:auto}#tc .hidden{display:none!important}#tc-zone{touch-action:none;width:45%;height:64%;position:absolute;bottom:0;left:0}#tc-stick{left:calc(28px + var(--sl));bottom:calc(24px + var(--sb));opacity:.5;background:#0e0f1640;border:2px solid #ffffff38;border-radius:50%;width:112px;height:112px;transition:opacity .25s;position:absolute;pointer-events:none!important}#tc-stick.live{opacity:1;transition:none;bottom:auto}#tc-stick i{background:#f3efe6d9;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 3px #00000059}#tc-stick.run{border-color:var(--pink)}#tc-stick.run i{background:var(--pink)}#tc-acts{right:calc(16px + var(--sr));bottom:calc(80px + var(--sb));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;pointer-events:none!important}.tc-act{pointer-events:auto;border:2px solid var(--c,var(--yellow));max-width:min(280px,34vw);color:var(--text);font:800 13px var(--ui);background:#0e0f16e6;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;animation:.18s tcIn;display:flex;box-shadow:0 4px #00000059}.tc-act kbd{background:var(--c,var(--yellow));color:#16171d;width:32px;height:32px;font:18px var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.tc-act span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tc-act.k-e{padding:6px 18px 6px 6px;font-size:15px}.tc-act.k-e kbd{width:42px;height:42px;font-size:22px}.tc-act:active,.tc-btn:active,.tc-react:active{transform:scale(.94)}@keyframes tcIn{0%{opacity:0;transform:translate(20px)}}#tc-round{right:calc(16px + var(--sr));bottom:calc(16px + var(--sb));gap:8px;display:flex;position:absolute}.tc-btn{border:2px solid var(--line);width:52px;height:52px;color:var(--text);background:#0e0f16d1;border-radius:50%;padding:0;font-size:22px;box-shadow:0 4px #00000059}.tc-btn.on{background:var(--red);border-color:var(--red)}#tc-react{left:50%;bottom:calc(84px + var(--sb));gap:10px;display:flex;position:absolute;transform:translate(-50%)}.tc-react{font:18px var(--display);letter-spacing:1px;color:#111;white-space:nowrap;border:0;border-radius:14px;padding:12px 18px;animation:.2s tcUp;box-shadow:0 5px #0006}.tc-react.good{background:var(--teal)}.tc-react.bad{background:var(--red)}.tc-react.say{color:var(--text);border:2px solid var(--line);background:#0e0f16e0}@keyframes tcUp{0%{opacity:0;transform:translateY(14px)}}#tc.typing>:not(#tc-zone):not(#tc-stick){display:none}#mg .mg-keys{justify-content:center;gap:10px;margin-top:8px;display:flex}#mg .mg-keys:empty{display:none}#mg .mg-keys button{border:2px solid var(--yellow);max-width:220px;color:var(--text);font:17px var(--display);letter-spacing:1px;touch-action:none;background:#ffd23f1f;border-radius:12px;flex:1;padding:14px 10px}#mg .mg-keys button.on{background:var(--yellow);color:#16171d}body.touch #mg .mg-x{margin:-6px -8px -6px 0;padding:6px 10px;font-size:20px}body.touch #mg .mg-head{align-items:center}body.touch #mg .mg-head b{flex:none}body.touch #mg .mg-head span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (height<=560px){:root{--edge:8px}#topbar{gap:5px}#clock,.tb-btn{height:36px}.tb-btn{width:36px;font-size:16px}#clock{padding:0 9px;font-size:16px}#rail,#phone,#audio-panel,#status{top:calc(52px + var(--st))}#quest{border-radius:12px;padding:5px 10px 6px}#quest .q-head{font-size:10px}#quest .q-title{font-size:15px}#quest .q-dots{margin-top:4px}#helper,#street-hud{padding:5px 10px;font-size:12px}.sms{padding:6px 10px}.sms p{font-size:12.5px}#mg{max-height:calc(100% - 12px);padding:8px 10px 6px;overflow-y:auto}#mg .mg-foot{font-size:11px}#mg .mg-keys button{padding:10px}.st-panel,.heist-modal,#grow-shop{max-height:calc(100% - 16px);top:8px;overflow-y:auto}#fr-board{max-height:calc(100% - 16px)}#fr-paid,#golf-banner{top:12%}#golf-card{transform:translate(-50%,-50%)scale(.82)}#prompt{top:8px}#bj{zoom:.85}#toast .t{padding:5px 12px;font-size:13px}#sleep{font-size:44px}.create-card{border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;column-gap:18px;width:min(860px,100vw - 16px);max-height:calc(100% - 16px);padding:14px 18px;display:grid}.create-card>*{grid-column:1}.create-card h1{font-size:38px}.create-card .tag{margin:2px 0 10px;font-size:13px}.create-card .roles{grid-area:1/2/span 8;grid-template-columns:1fr;gap:7px;margin:0}.role-card{padding:7px 10px}.role-card h4{margin:0;font-size:17px}.role-card p{font-size:11.5px}.role-card .st{margin-top:3px}.look-row{margin-bottom:10px}#create-preview{width:72px;height:72px}#create-go{width:100%}}@media (height<=360px){.role-card p{display:none}.create-card h1{font-size:32px}}@media (orientation:portrait) and (width<=600px){body.touch .hud-card{width:158px}body.touch #clock{padding:0 7px;font-size:14px}body.touch #topstack{top:calc(236px + var(--st));width:auto;min-width:0;left:12px;right:12px;transform:none}body.touch #rail{top:calc(60px + var(--st));max-width:55vw}body.touch #chat,body.touch #chat.active{width:auto;min-width:0;left:12px;right:12px;transform:none}body.touch #chat:not(.active){bottom:calc(84px + var(--sb))}.tc-act{max-width:70vw}}body.touch.ui-encounter #chat:not(.active) #log{opacity:0}body.touch #minimap:not(.big){z-index:13}#install{z-index:110;padding:calc(12px + var(--st)) calc(12px + var(--sr)) calc(12px + var(--sb)) calc(12px + var(--sl));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05050ab8;place-items:center;display:grid;position:fixed;inset:0}.in-card{background:var(--panel-2);border:3px solid var(--teal);-webkit-user-select:none;user-select:none;border-radius:20px;width:min(400px,100%);max-height:100%;padding:16px 16px 14px;animation:.22s cubic-bezier(.2,1.4,.4,1) inIn;position:relative;overflow-y:auto;box-shadow:0 10px #00000073}@keyframes inIn{0%{opacity:0;transform:translateY(12px)scale(.96)}}.in-x{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:16px;position:absolute;top:8px;right:8px}.in-head{align-items:center;gap:12px;margin:0 30px 12px 0;display:flex}.in-head img{border-radius:13px;flex:none;width:56px;height:56px;box-shadow:0 3px #0006}.in-head h2{font-family:var(--display);letter-spacing:2px;color:var(--yellow);margin:0 0 3px;font-size:26px;font-weight:400;line-height:1}.in-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.35}#install-go{width:100%;margin:4px 0 8px;font-size:20px;display:block}.in-or{color:var(--muted);text-align:center;margin:4px 0 2px;font-size:12px}#install-steps{counter-reset:none;gap:6px;margin:0;padding:0;list-style:none;display:grid}#install-steps li{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:15px;line-height:1.3;display:flex}#install-steps b{color:var(--text);white-space:nowrap;font-weight:800}.in-n{background:var(--teal);width:24px;height:24px;color:var(--ink);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.in-ico{color:#0a84ff;background:#f2f2f7;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.in-ico svg{width:22px;height:22px}.in-ico.in-app{background:0 0}.in-ico img{border-radius:8px;width:34px;height:34px}.in-t{flex:1;min-width:0}.in-note{color:var(--muted);margin:10px 2px 0;font-size:12px;line-height:1.4}.in-note b{color:var(--text)}.in-card>.btn.ghost{width:100%;margin-top:12px;font-size:16px;display:block}#install-arrow{pointer-events:none;text-align:center;width:44px;height:44px;color:var(--yellow);text-shadow:0 3px #0009;font-size:40px;line-height:44px;animation:1s ease-in-out infinite alternate inPoint;position:fixed}#install-arrow.at-bottom-left{left:20%;bottom:calc(4px + var(--sb))}#install-arrow.at-bottom-right{right:6%;bottom:calc(4px + var(--sb))}#install-arrow.at-top-right{right:calc(8px + var(--sr));top:calc(4px + var(--st));--dir:-1}#install-arrow:before{content:"⬇"}#install-arrow.at-top-right:before{content:"⬆"}@keyframes inPoint{0%{transform:translateY(calc(var(--dir,1) * -6px))}to{transform:translateY(calc(var(--dir,1) * 6px))}}@media (orientation:landscape) and (height<=500px){.in-card{width:min(640px,100%);padding:12px 14px 10px}.in-head{margin-bottom:8px}.in-head img{width:44px;height:44px}#install-steps{grid-template-columns:1fr 1fr}#install-steps li{padding:6px 8px;font-size:13px}.in-card>.btn.ghost{margin-top:8px;padding:6px 18px}}.in-cta{border:2px dashed var(--teal);width:100%;color:var(--text);font:inherit;cursor:pointer;background:#34e0c414;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:14px;display:block}.in-cta b{color:var(--teal)}