@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-vietnamese-400-normal-BbvBhFjQ.woff2) format("woff2"),url(/assets/bangers-vietnamese-400-normal-Ll9rymNv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2) format("woff2"),url(/assets/bangers-latin-ext-400-normal-CzVt_Cgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2) format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1d1b2e;--sand: #d9c9a3;--paper: #fff8e6;--asphalt: #8e8d89;--orange: #f08a2c;--yellow: #f5c518;--teal: #3fa7a0;--blue: #2f7bd1;--red: #d8362f;--green: #4caf50}*{box-sizing:border-box}*{touch-action:manipulation}button,.btn,.seg-btn,.swatch,.tile{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--asphalt);overflow:hidden}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}#app.in-game{pointer-events:none;overflow:hidden}.backdrop{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(29,27,46,.08) 120px 122px),linear-gradient(180deg,var(--sand) 0 22%,#6f6e6a 22% 24%,var(--asphalt) 24% 100%)}.hazard{height:22px;width:100%;max-width:760px;border:3px solid var(--ink);border-radius:8px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 18px,var(--ink) 18px 36px);margin:6px 0 18px}.logo{width:min(100%,480px);margin:0 0 -10px;line-height:0;animation:logo-pop .5s cubic-bezier(.2,1.6,.4,1) both}.logo svg{display:block;width:100%;height:auto}@keyframes logo-pop{0%{transform:scale(.6) rotate(-6deg);opacity:0}}@media(prefers-reduced-motion:reduce){.logo{animation:none}}.tag{font-weight:800;margin:6px 0 18px;text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:6px 18px;box-shadow:0 3px 0 var(--ink);max-width:92%}.card{background:var(--paper);border:4px solid var(--ink);border-radius:20px;box-shadow:0 8px 0 var(--ink);padding:22px;width:100%;max-width:520px}.card.wide{max-width:760px}.card h2{margin:0 0 12px;font-size:26px}.card h3{margin:18px 0 8px}.muted{color:#5c5a6b;font-size:14px}label{display:block;font-weight:800;margin:14px 0 6px}input,select{width:100%;font:inherit;padding:12px 14px;border:3px solid var(--ink);border-radius:12px;background:#fff}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:4px solid var(--blue);outline-offset:2px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:600;margin:14px 0}.check input{width:22px;height:22px;margin-top:2px;flex:none}.btn{font:inherit;font-weight:900;font-size:18px;cursor:pointer;padding:12px 22px;border:3px solid var(--ink);border-radius:14px;background:var(--yellow);color:var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .06s,box-shadow .06s;text-decoration:none;display:inline-block;text-align:center}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.blue{background:var(--blue);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.orange{background:var(--orange)}.btn.teal{background:var(--teal);color:#fff}.btn.ghost{background:#fff}.btn.small{font-size:14px;padding:6px 12px;box-shadow:0 3px 0 var(--ink)}.btn:disabled{background:#bdb9a8;color:#6d6a5f;cursor:not-allowed;box-shadow:0 2px 0 var(--ink)}.btn.block{display:block;width:100%;margin-top:18px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>input{flex:1 1 220px;width:auto}.menu{display:grid;gap:14px;margin-top:8px}.topbar{width:100%;max-width:760px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.pill{display:inline-block;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:4px 14px;font-weight:800}.slots{display:flex;gap:10px;margin:8px 0 4px}.slot{width:48px;height:48px;border:3px solid var(--ink);border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:900;background:#fff}.slot.free{background:var(--green);color:#fff}.slot.used{background:#bdb9a8}.big-msg{font-size:22px;font-weight:900}table{width:100%;border-collapse:collapse;margin-top:8px}th,td{text-align:left;padding:8px 6px;border-bottom:2px dashed rgba(29,27,46,.25);font-size:15px;vertical-align:middle}.badge{display:inline-block;padding:2px 10px;border:2px solid var(--ink);border-radius:999px;font-weight:800;font-size:13px;background:#fff}.badge.pending{background:var(--yellow)}.badge.accepted{background:var(--green);color:#fff}.badge.expired{background:#bdb9a8}.badge.revoked,.badge.suspended{background:var(--red);color:#fff}.badge.active{background:var(--green);color:#fff}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tabs .btn{font-size:15px;padding:8px 14px}.tabs .btn.on{background:var(--orange)}.tree ul{list-style:none;margin:0;padding-left:22px;border-left:3px dotted var(--ink)}.tree>ul{border:0;padding:0}.tree li{margin:6px 0}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px}.kv b{font-weight:800}.err-text{color:var(--red);font-weight:800;margin-top:10px}.legal{font-size:14px;line-height:1.5}.legal h3{margin-top:16px}#toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:50;display:grid;gap:10px;width:min(92vw,460px);pointer-events:none}.toast{pointer-events:auto;padding:12px 16px;border:3px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:0 5px 0 var(--ink);font-weight:800;animation:pop .25s ease-out;display:flex;gap:10px;align-items:center;justify-content:space-between}.toast.ok{background:#c9f0cf}.toast.err{background:#ffd0cc}@keyframes pop{0%{transform:translateY(-14px) scale(.9);opacity:0}}.rotate{display:none}@media(orientation:portrait)and (pointer:coarse)and (max-width:540px){.rotate{display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:16px;touch-action:none;background:repeating-linear-gradient(-45deg,var(--yellow) 0 22px,var(--ink) 22px 44px)}.rotate .card{max-width:340px;text-align:center}.rotate .card h2{margin:6px 0 8px}.rotate .card p{margin:8px 0;font-weight:700}.rotate .btn.block{margin:14px 0 6px}.rotate-ico{font-size:64px;line-height:1;animation:rotate-hint 2.2s ease-in-out infinite}}@keyframes rotate-hint{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-ico{animation:none;transform:rotate(-90deg)}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-weight:900}#hud .tl{position:absolute;top:12px;left:12px;display:grid;gap:8px}#hud .tr{position:absolute;top:12px;right:12px;text-align:right}#hud .bl{position:absolute;bottom:12px;left:12px}#hud .center{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:clamp(34px,8vw,90px);color:#fff;text-shadow:3px 3px 0 var(--ink),-3px -3px 0 var(--ink),3px -3px 0 var(--ink),-3px 3px 0 var(--ink)}#hud .hudbox{background:var(--paper);border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);padding:8px 12px;display:inline-block}#hud .hpbar{width:220px;height:22px;border:3px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}#hud .hpbar i{display:block;height:100%;background:var(--red);transition:width .15s}#hud .pointer{pointer-events:auto}#hud .invite{pointer-events:auto;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}#hud .board div{display:flex;justify-content:space-between;gap:18px;font-size:14px}.legend{color:#b8860b}@media(max-width:560px){.kv{grid-template-columns:1fr}.card{padding:16px}}#hud .bc{position:absolute;bottom:12px;right:12px;text-align:center}#hud .minimap{display:block;border:4px solid var(--ink);border-radius:12px;box-shadow:0 5px 0 var(--ink);background:#cfc3a1;image-rendering:pixelated}#hud .mini-info{margin-top:6px;font-size:12px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;display:inline-block}#hud .mini-legend{display:block;width:fit-content;margin-top:4px}#hud .mini-legend[hidden]{display:none}#hud .hpbar.super{height:12px;margin-top:4px}#hud .help{font-size:12px;font-weight:700;line-height:1.5}#hud .banner{position:absolute;top:18%;left:0;right:0;text-align:center}#hud .banner .hudbox{background:var(--yellow);font-size:18px;animation:pop .3s ease-out}@media(max-width:900px){#hud .bl{display:none}}.skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:10px}.skin{border:3px solid var(--ink);border-radius:16px;padding:10px;background:#fff;text-align:center;box-shadow:0 4px 0 var(--ink)}.skin.locked{filter:grayscale(1);opacity:.6}.skin.on{background:#fff1b8}.skin .ava{width:58px;height:58px;border-radius:50%;border:3px solid var(--ink);margin:0 auto 6px;position:relative}.skin .ava:after{content:"";position:absolute;left:8px;right:8px;top:30px;height:16px;background:#f2c9a0;border-radius:0 0 20px 20px}.skin b{display:block}.skin small{display:block;color:#5c5a6b;margin:4px 0 8px;min-height:48px}@media(max-width:700px){#hud .tr{top:auto;bottom:12px}#hud .tr .board{display:none}#hud .bc{left:12px;right:auto}#hud .minimap{width:150px;height:auto}#hud .hpbar{width:150px}#hud .tl .hudbox{max-width:190px;font-size:13px}}.score-box{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.score{flex:1 1 140px;display:grid;justify-items:center;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px;box-shadow:0 4px 0 var(--ink)}.score strong{font-size:40px;line-height:1.1}.trophies{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:10px}.trophy{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:12px 10px;box-shadow:0 4px 0 var(--ink)}.trophy .ico{font-size:42px;line-height:1}.trophy .times{position:absolute;top:8px;right:8px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:0 8px;font-weight:900}.mini-ava{display:inline-block;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;vertical-align:middle;flex:none}.ava{display:inline-block}table.board tr.me{background:#fff1b8;font-weight:800}.chat{display:grid;grid-template-columns:220px 1fr;gap:12px;margin-top:12px;min-height:380px}.convs{display:grid;align-content:start;gap:6px;max-height:460px;overflow:auto}.conv{display:flex;gap:8px;align-items:center;padding:8px;border:3px solid var(--ink);border-radius:12px;background:#fff;color:inherit;text-decoration:none}.conv.on{background:var(--yellow)}.conv .who{display:grid;min-width:0;flex:1}.conv small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5c5a6b}.thread{display:flex;flex-direction:column;border:3px solid var(--ink);border-radius:14px;background:#fff;padding:10px;min-width:0}.thread-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px dashed var(--ink)}.msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:10px 2px;max-height:360px;min-height:200px}.msg{align-self:flex-start;max-width:80%;background:var(--paper);border:2px solid var(--ink);border-radius:14px 14px 14px 4px;padding:6px 10px;display:grid;overflow-wrap:anywhere}.msg.mine{align-self:flex-end;background:#d5ecff;border-radius:14px 14px 4px}.msg small{color:#5c5a6b;font-size:11px;display:flex;gap:6px;align-items:center}.composer input{flex:1 1 160px}.results{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.linkish{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--blue);text-decoration:underline}.linkish.strong{font-weight:800}@media(max-width:620px){.chat{grid-template-columns:1fr}.convs{max-height:180px}}.pill.god{background:var(--ink);color:var(--yellow)}.admin .scroll{overflow-x:auto}.admin td.actions{white-space:nowrap}.admin td.actions .btn{margin:2px}.admin td.body{max-width:320px;overflow-wrap:anywhere}.admin tr.flagged{background:#ffd9d6}.admin .row{margin:8px 0}.admin .row select,.admin .row input{flex:1 1 140px;width:auto}.detail-head{display:flex;gap:14px;align-items:center;margin:12px 0}.detail-head .ava{width:56px;height:56px;border:3px solid var(--ink);border-radius:50%}.detail-head h3{margin:0}.edit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;align-items:end}.edit-grid label{margin:0}.admin details{margin-top:12px}.admin details.new-user{margin:0 0 12px}.admin summary{cursor:pointer;font-weight:800}.card.wide.admin{max-width:1000px}.admin .skin.locked{filter:none;opacity:1}.admin .skin.locked .ava,.admin .skin.locked b{filter:grayscale(1);opacity:.5}#hud .prompt{position:absolute;bottom:230px;left:50%;transform:translate(-50%);background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:6px 16px;box-shadow:0 4px 0 var(--ink);font-size:16px;white-space:nowrap}#hud .prompt[hidden]{display:none}#hud .bonus{background:#fff1b8;border:3px solid var(--ink);border-radius:12px;padding:4px 10px;font-size:13px;animation:pop .3s ease-out}#hud .bossbar{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center;background:#2b2733;color:#ff6b5a;border:3px solid var(--ink);border-radius:14px;padding:6px 12px;box-shadow:0 4px 0 var(--ink)}#hud .bossbar .hpbar{width:300px;margin-top:4px}#hud .bossbar .hpbar i{background:#ff3b3b}#hud .vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse at center,transparent 45%,rgba(10,8,20,.75) 100%);z-index:-1}#hud.dark .vignette{opacity:1}@media(max-width:700px){#hud .bossbar .hpbar{width:160px}#hud .prompt{bottom:200px;font-size:13px}}.btn.big{font-size:22px;padding:16px 22px}.code-row{display:flex;gap:8px}.code-row .code-input{flex:1;min-width:0;width:100%;text-transform:uppercase;letter-spacing:4px;font-weight:900;text-align:center}.field{display:grid;gap:6px}.field[hidden]{display:none}.field-label{font-weight:800;font-size:14px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg-btn{flex:1 1 0;min-width:44px;white-space:nowrap;min-height:44px;font:inherit;font-weight:800;cursor:pointer;padding:8px 10px;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 3px 0 var(--ink)}.seg-btn.on{background:var(--yellow)}.seg.cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.seg.cities .seg-btn{white-space:normal;line-height:1.15;overflow-wrap:anywhere}.seg-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.backdrop.lobby{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:12px}.lobby>*{width:100%;max-width:980px}.lobby-bar{display:flex;align-items:center;gap:10px}.lobby-logo{flex:none;width:118px;line-height:0}.lobby-logo svg{display:block;width:100%;height:auto}.lobby-player{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:4px 12px 4px 5px;box-shadow:0 3px 0 var(--ink)}.lobby-ava{width:30px;height:30px}.lobby-nick{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player small{font-weight:800;color:#5c5a6b;white-space:nowrap}.lobby-wallet{margin-left:auto;display:flex;gap:8px}.lobby-wallet[hidden]{display:none}.lobby-res{position:relative;display:flex;align-items:center;gap:6px;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:3px 4px 3px 10px;font-size:18px;box-shadow:0 3px 0 var(--ink);min-height:40px}.lobby-res:last-child{padding-right:12px}.lobby-res b{font-weight:900;min-width:1ch}.lobby-res small{position:absolute;left:50%;top:100%;transform:translate(-50%,3px);font-size:11px;font-weight:800;white-space:nowrap;background:var(--ink);color:#fff;border-radius:999px;padding:0 7px}.lobby-res small:empty{display:none}.lobby-plus{width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;background:var(--green);color:#fff;font:inherit;font-weight:900;font-size:18px;line-height:1;cursor:pointer;padding:0}.lobby-icon{display:grid;place-items:center;width:44px;height:44px;font-size:20px;background:#fff;border:3px solid var(--ink);border-radius:50%;box-shadow:0 3px 0 var(--ink);cursor:pointer;list-style:none;padding:0;font-family:inherit}.lobby-icon::-webkit-details-marker{display:none}.lobby-menu{position:relative;flex:none}.lobby-wallet[hidden]+.lobby-menu{margin-left:auto}.lobby-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:grid;min-width:210px;background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:0 6px 0 var(--ink);padding:6px}.lobby-pop a,.lobby-pop button{display:block;text-align:left;font:inherit;font-weight:800;color:var(--ink);text-decoration:none;background:none;border:0;border-radius:10px;padding:10px 12px;cursor:pointer}.lobby-pop a:hover,.lobby-pop button:hover{background:#fff1b8}.lobby-main{flex:1;display:grid;gap:14px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;align-content:center}.lobby-side{display:grid;gap:14px}.lobby-card{background:var(--paper);border:4px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink);padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.lobby-card h2{margin:0;font-size:20px}.lobby-sub{margin:-4px 0 0;color:#5c5a6b;font-size:14px;font-weight:700;overflow-wrap:anywhere}.lobby-card .btn{margin:0}.lobby-play{background:linear-gradient(135deg,#fff1b8,var(--paper) 60%);gap:10px}.lobby-play h2{font-size:28px;line-height:1.05}.lobby-kicker{margin:0;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#8a5a00}.lobby-go{font-size:26px;padding:14px 22px}.lobby-stages-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;font-weight:800;font-size:14px;margin-top:2px}.lobby-stages[hidden]{display:none}.lobby-stages{scroll-margin-bottom:72px}.lobby-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby-stage{display:flex;gap:8px;align-items:flex-start;text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);padding:8px;min-height:44px}.lobby-stage[aria-pressed=true]{background:var(--yellow)}.lobby-stage.locked{background:#e6e1d2;border-style:dashed;box-shadow:none;color:#5c5a6b}.lobby-stage b{display:block;font-size:14px;line-height:1.15}.lobby-stage small{display:block;font-size:12px;line-height:1.2;margin-top:2px;font-weight:600}.lobby-stage-ico{font-size:20px;line-height:1;flex:none}.lobby-stage:active:not(.locked){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.lobby-row{display:flex;gap:8px}.lobby-row>.btn:first-child{flex:1}.lobby-opts{font-size:16px;padding:10px 14px}.lobby-dialog{border:4px solid var(--ink);border-radius:20px;box-shadow:0 8px 0 var(--ink);background:var(--paper);color:var(--ink);padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.lobby-dialog::backdrop{background:#1d1b2e8c}.lobby-dialog-body{display:grid;gap:12px;padding:16px}.lobby-dialog-head{display:flex;justify-content:space-between;align-items:center}.lobby-dialog-head h2{margin:0;font-size:22px}.lobby-dialog-actions{justify-content:flex-end}.lobby-nav{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:auto;background:var(--ink);border-radius:18px 18px 0 0;padding:6px 6px max(6px,env(safe-area-inset-bottom))}.lobby-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:12px;color:#fff;text-decoration:none;font-weight:900;font-size:15px}.lobby-tab:hover{background:#ffffff1f}.lobby-tab[aria-current=page]{background:var(--yellow);color:var(--ink)}.lobby-tab-ico{font-size:20px}.lobby-badge{position:absolute;top:0;right:8%}.lobby-badge[hidden],.badge[hidden]{display:none}@media(max-width:760px){.lobby-main{grid-template-columns:minmax(0,1fr)}.lobby-player small{display:none}.lobby-tab{flex-direction:column;gap:0;font-size:12px}}@media(max-width:520px){.lobby-logo{display:none}.lobby-stages{grid-template-columns:minmax(0,1fr)}.lobby-play h2{font-size:24px}}@media(max-height:500px){.backdrop.lobby{gap:8px}.lobby-logo{width:92px}.lobby-card{padding:10px 12px;gap:8px;border-width:3px;box-shadow:0 4px 0 var(--ink)}.lobby-main,.lobby-side{gap:10px}.lobby-play h2{font-size:22px}.lobby-go{font-size:22px;padding:10px 18px}.lobby-side .lobby-sub,.lobby-stage small{display:none}.lobby-side .lobby-card h2{font-size:17px}.lobby-side .btn,.lobby-side .code-input{font-size:16px;padding:7px 12px}.lobby-stage{align-items:center;padding:6px 8px}.lobby-tab{min-height:38px;flex-direction:row;gap:6px;font-size:13px}.lobby-tab-ico{font-size:18px}}@media(max-height:500px)and (max-width:760px){.lobby-main{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.characters{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;--gap: 10px;--free-r: 0px;--free-b: 0px;padding:max(var(--gap),env(safe-area-inset-top)) max(var(--gap),env(safe-area-inset-right)) max(var(--gap),env(safe-area-inset-bottom)) max(var(--gap),env(safe-area-inset-left))}.stage-box{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse 60% 40% at 50% 78%,rgba(29,27,46,.16),transparent 70%),radial-gradient(circle at 50% 35%,#fffdf4 0,var(--paper) 35%,#eadbb5 75%,var(--sand) 100%)}.stage-box:active{cursor:grabbing}.stage-box canvas{display:block;width:100%!important;height:100%!important}.stage-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:16px;font-weight:800;color:#5c5a6b}.cc-top{position:relative;z-index:2;display:flex;align-items:center;gap:8px;pointer-events:none}.cc-top>*{pointer-events:auto}.cc-chars{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:2px 2px 6px}.cc-chars::-webkit-scrollbar{display:none}.cc-char{flex:none;font:inherit;font-weight:900;font-size:15px;min-height:40px;padding:6px 14px;cursor:pointer;white-space:nowrap;border:3px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--ink)}.cc-char.on{background:var(--yellow)}.cc-char:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.cc-tools{position:absolute;z-index:2;left:max(var(--gap),env(safe-area-inset-left));bottom:calc(var(--free-b) + var(--gap));max-width:calc(100% - var(--free-r) - 2 * var(--gap));display:flex;align-items:center;gap:8px;flex-wrap:wrap;pointer-events:none}.cc-tools>*{pointer-events:auto}.cc-tools .btn.small{min-height:44px;min-width:44px;font-size:20px;padding:4px 10px}.characters .cc-view{flex-wrap:nowrap}.cc-view .seg-btn{flex:none;padding:6px 12px}.cc-hint{pointer-events:none!important;font-size:13px;font-weight:800;color:#5c5a6b;background:#fff8e6bf;border-radius:999px;padding:4px 10px}.cc-panel{position:absolute;z-index:3;display:flex;flex-direction:column;background:var(--paper);border:4px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink);overflow:hidden;top:calc(max(var(--gap),env(safe-area-inset-top)) + 54px);right:max(var(--gap),env(safe-area-inset-right));bottom:max(var(--gap),env(safe-area-inset-bottom));width:clamp(300px,34vw,400px)}.cc-panel.closed{bottom:auto}.cc-panel.closed .cc-body,.cc-panel.closed .cc-foot{display:none}.cc-tabs{display:flex;gap:4px;padding:6px;border-bottom:3px solid var(--ink);background:#fff1c9;flex:none}.cc-tab{flex:1 1 0;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;font:inherit;font-size:12px;font-weight:900;color:var(--ink);background:transparent;border:3px solid transparent;border-radius:12px;padding:2px}.cc-tab .cc-ico{font-size:20px;line-height:1}.cc-tab.on{background:var(--yellow);border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.cc-collapse{flex:none;width:40px;font:inherit;font-size:20px;font-weight:900;cursor:pointer;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink)}.cc-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px}.cc-pane{display:grid;gap:14px}.cc-pane[hidden]{display:none}.cc-pane p{margin:0}.cc-foot{flex:none;display:grid;gap:6px;padding:10px 14px 14px;border-top:3px dashed rgba(29,27,46,.25)}.cc-foot .btn.block{margin-top:0;font-size:16px}.cc-foot .save-state:empty{display:none}.characters .seg-btn{flex:1 1 auto;white-space:normal;line-height:1.15}.char-info{display:grid;gap:8px}.char-info p{margin:0}.char-info .row{gap:8px}.char-info .stats{display:flex;gap:6px;flex-wrap:wrap}.char-name{font-size:24px;font-family:Bangers,Trebuchet MS,sans-serif;letter-spacing:1px;font-weight:400}.rot-label{display:flex;align-items:center;gap:8px;font-weight:800;margin:0}.rot-label input{width:160px;padding:0}.pill.small{font-size:13px;padding:2px 10px;justify-self:start}.anim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.anim-grid .btn{font-size:14px}.gadget-list{display:grid;gap:8px}.gadget-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:3px solid var(--ink);border-radius:12px;background:#fff;flex-wrap:wrap}.gadget-row.on{background:#e9fbf8}.gadget-txt{display:grid;gap:2px;min-width:0}.gadget-btns{flex-wrap:nowrap}.look{display:grid;gap:14px}.look-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.look-part{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 8px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;text-align:left;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 3px 0 var(--ink);min-width:0}.look-part.on{background:var(--yellow)}.look-part .dot{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--ink);font-style:normal;display:grid;place-items:center;font-size:12px}.look-part .dot.ico{border:0}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:46px;height:46px;border-radius:50%;border:3px solid var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);padding:0}.swatch.on{outline:4px solid var(--yellow);outline-offset:2px;transform:scale(1.06)}.swatch.none{background:linear-gradient(135deg,#fff 45%,var(--ink) 45%,var(--ink) 55%,#fff 55%)}.seg.wrap .seg-btn{flex:1 1 28%}.small{font-size:13px}@media(max-aspect-ratio:1/1){.cc-panel{top:auto;left:max(var(--gap),env(safe-area-inset-left));width:auto;height:min(46%,440px)}.cc-panel.closed{height:auto;bottom:max(var(--gap),env(safe-area-inset-bottom))}.cc-hint{display:none}}@media(min-aspect-ratio:1/1)and (max-height:480px){.cc-panel{top:max(var(--gap),env(safe-area-inset-top));width:clamp(280px,40vw,360px)}.cc-top{margin-right:calc(clamp(280px,40vw,360px) + var(--gap))}.cc-tab{min-height:40px;flex-direction:row;gap:4px}.cc-tab .cc-ico{font-size:16px}.cc-hint{display:none}}@media(max-width:420px){.look-parts{grid-template-columns:repeat(2,1fr)}.cc-char{font-size:14px;padding:6px 11px}}.stats .stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:8px 0 12px}.stats .stat{border:3px solid var(--ink);border-radius:14px;background:#fff;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.stats .stat b{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}.stats .stat span{font-weight:800}.stats .stat small{opacity:.7}.stats .stat-chart-wrap{margin:6px 0 10px}.stats .stat-chart{display:flex;align-items:flex-end;gap:2px;height:120px;border-bottom:2px solid var(--ink);margin-top:6px}.stats .stat-chart .col{flex:1;height:100%;display:flex;align-items:flex-end}.stats .stat-chart .col:hover{background:#0000000f}.stats .stat-chart .bar{width:100%;min-height:1px;background:var(--teal);border-radius:3px 3px 0 0}.stats .stat-axis{display:flex;justify-content:space-between;font-size:13px}.stats .stat-levels{display:grid;gap:6px;max-width:620px}.stats .lvl{display:grid;grid-template-columns:minmax(150px,230px) 1fr 36px;gap:10px;align-items:center}.stats .lvl .track{height:14px;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.stats .lvl .fill{height:100%;background:var(--orange)}.stats .lvl b{text-align:right;font-variant-numeric:tabular-nums}.stats th .linkish{white-space:nowrap}.stats .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#bdb9a8;margin-right:6px;vertical-align:middle}.stats .dot.on{background:var(--green)}@media(max-width:560px){.stats .lvl{grid-template-columns:1fr 1fr 30px}.stats .stat b{font-size:22px}}.settings-dialog .set-row{display:flex;align-items:center;gap:10px}.settings-dialog input[type=range]{flex:1;min-width:0;accent-color:var(--teal);height:32px}.settings-dialog .set-vol{min-width:44px}.settings-dialog .set-mute{flex:none}.settings-dialog .set-keys-box summary{cursor:pointer;font-weight:900;padding:6px 0}.settings-dialog .set-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 12px}.settings-dialog .set-key-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800}.settings-dialog .set-key{flex:none;min-width:84px}.settings-dialog .set-hint{margin:4px 0 8px}@media(pointer:coarse){.settings-dialog .set-keys-box{display:none}}.lobby-tut{margin-top:8px;display:inline-block}.ios-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:16px;background:#1d1b2e99}.ios-hint .card{max-width:360px}.ios-hint ol{padding-left:22px;line-height:1.5;font-weight:700}#hud .hp{pointer-events:none}#hud .hp>.ph{pointer-events:auto}#hud .hp.moved{position:fixed}#hud .hp.min>:not(.ph){display:none!important}#hud .hp.dragging{opacity:.85}#hud .ph{display:flex;align-items:center;gap:4px;justify-content:flex-start;margin-bottom:4px;width:max-content;max-width:100%;background:var(--paper);border:2px solid var(--ink);border-radius:999px;box-shadow:0 2px 0 var(--ink);padding:1px 2px 1px 8px;font-size:14px}#hud .tr:not(.moved) .ph,#hud .bc:not(.moved) .ph{margin-left:auto}#hud .bc:not(.moved) .ph{margin-right:auto}#hud .ph-grip{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;white-space:nowrap;padding:2px 0}#hud .dragging .ph-grip{cursor:grabbing}#hud .ph-btn{font:inherit;font-weight:900;width:24px;height:24px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink);cursor:pointer;line-height:1}#hud .ph-reset{display:none;background:#fff}#hud .hp.moved .ph-reset{display:inline-block}#hud .hp.min .ph{margin-bottom:0}#game,#hud{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#hud input,#hud textarea{-webkit-user-select:text;user-select:text;touch-action:manipulation}.touch-layer{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#hud.touch .touch-layer{display:block}.tc-zone{position:absolute;left:0;bottom:0;width:45%;height:60%;pointer-events:auto;touch-action:none}.tc-stick{position:absolute;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;touch-action:none;background:#fff8e638;border:4px solid rgba(29,27,46,.55);box-shadow:inset 0 0 0 3px #ffffff40}.tc-stick i{width:64px;height:64px;border-radius:50%;background:#f5c518cc;border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);pointer-events:none}.tc-stick.on{background:#fff8e661}.tc-stick.move{position:fixed;left:calc(36px + env(safe-area-inset-left));bottom:calc(36px + env(safe-area-inset-bottom))}.tc-stick.move.on{transform:translate(-50%,-50%);bottom:auto}.tc-stick.aim{right:20px;bottom:20px;pointer-events:auto}.tc-stick.aim i{background:#d8362fd9}.tc-right{position:absolute;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:330px;height:260px;pointer-events:none}.tc-btn{position:absolute;width:64px;height:64px;border-radius:50%;border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff8e6e6;font:inherit;font-size:26px;font-weight:900;color:var(--ink);pointer-events:auto;touch-action:none;padding:0}.tc-btn.on{transform:translateY(3px);box-shadow:0 1px 0 var(--ink);filter:brightness(.9)}.tc-btn.dodge{right:188px;bottom:63px;background:#bfe6ffeb}.tc-btn.spin{right:171px;bottom:125px}.tc-btn.thr{right:125px;bottom:171px}.tc-btn.sup{right:59px;bottom:184px;width:72px;height:72px;background:var(--yellow);font-size:30px}.tc-btn.pickup{right:262px;bottom:120px;width:58px;height:58px;background:var(--teal);color:#fff;font-size:24px}.tc-btn.swap{right:262px;bottom:190px;width:58px;height:58px;background:#c98b3a;font-size:26px}#hud.touch .tl{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left))}#hud.touch .tr{top:calc(10px + env(safe-area-inset-top));bottom:auto;right:calc(10px + env(safe-area-inset-right))}#hud.touch .bc{top:calc(10px + env(safe-area-inset-top));bottom:auto;left:50%;right:auto;transform:translate(-50%)}#hud.touch .bc .minimap{width:170px;height:auto}#hud.touch .bl{display:none}#hud.touch .bossbar{top:auto;bottom:calc(14px + env(safe-area-inset-bottom))}#hud.touch .prompt{bottom:calc(190px + env(safe-area-inset-bottom))}#hud.touch .hpbar{width:170px}#hud.touch .tl .hudbox{font-size:14px}#hud.touch .btn.small{min-height:44px;padding:8px 14px}#hud.touch .ph-btn{width:32px;height:32px}#hud.touch .ph{font-size:15px;padding:2px 3px 2px 10px}#hud.touch .ph-grip{padding:6px 0}@media(max-width:820px){#hud.touch .tl .hudbox{max-width:200px}#hud.touch .tr .board{display:none}#hud.touch .bc{top:auto;bottom:calc(300px + env(safe-area-inset-bottom));left:auto;right:calc(10px + env(safe-area-inset-right));transform:none}#hud.touch .bc .minimap{width:140px}}@media(max-height:520px){.tc-stick{width:120px;height:120px}.tc-right{transform:scale(.82);transform-origin:bottom right}}@media(max-height:420px){.tc-stick{width:104px;height:104px}.tc-stick i{width:52px;height:52px}.tc-right{transform:scale(.7)}}@media(pointer:coarse){.btn.small,.tabs .btn{min-height:44px}}#hud .wallet{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:6px;border-top:2px dashed rgba(29,27,46,.25);font-size:16px}#hud .wallet .btn.small{margin-left:auto;padding:3px 8px;font-size:14px}#hud .wallet .btn:disabled,#hud .ko-pane .btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}#hud .gem-flash{justify-self:start;background:#c9f7fa;border:3px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink);padding:2px 12px;font-size:16px}#hud .gem-flash.go{animation:pop .25s ease-out}#hud .ko-pane{position:absolute;top:22%;left:0;right:0;display:flex;justify-content:center;padding:0 12px}#hud .ko-pane .hudbox{display:grid;gap:10px;justify-items:center;text-align:center;font-size:17px;max-width:360px;padding:16px 20px}#hud .ko-title{font-size:30px;color:var(--red)}#hud .ko-pane b{font-size:22px}#hud .help div{white-space:nowrap}#hud .help{line-height:1.6}#hud .trophy{margin-top:4px;font-size:14px;color:#8a5a10}#hud .jb-warn{background:#ff5a4d;color:#fff;border:3px solid var(--ink);border-radius:12px;box-shadow:0 3px 0 var(--ink);padding:4px 10px;font-size:14px;font-weight:900;animation:jbpulse 1s ease-in-out infinite}@keyframes jbpulse{50%{filter:brightness(1.25);transform:scale(1.03)}}#hud [hidden]{display:none!important}#hud .quest{max-width:330px;margin-top:6px;background:#fff8e6;color:var(--ink);border:3px solid var(--ink);border-radius:12px;box-shadow:0 3px 0 var(--ink);padding:6px 10px;font-size:14px;font-weight:800;line-height:1.3}#hud.dark .quest{background:#2b2840;color:#fff8e6}@media(max-width:760px){#hud .quest{max-width:220px;font-size:14px}}#hud .cb{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:min(380px,calc(100vw - 24px))}#hud .cb:not(.moved) .ph{margin:0 auto 4px}#hud .chat-box{display:block;padding:6px 8px;font-size:14px;font-weight:700;opacity:.9}#hud .cb.typing .chat-box{opacity:1}#hud .chat-head{font-size:14px;color:#5a566e;margin-bottom:2px}#hud .chat-log{max-height:96px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;display:grid;gap:1px;line-height:1.3;word-break:break-word;-webkit-user-select:text;user-select:text}#hud .chat-log small{color:#8a8698;font-weight:600}#hud .chat-line.mine b{color:var(--teal)}#hud .chat-empty{color:#8a8698;font-weight:600;font-style:italic}#hud .chat-form{display:flex;align-items:center;gap:6px;margin-top:4px}#hud .chat-form input{flex:1;min-width:0;font:inherit;font-weight:600;padding:4px 8px;border:2px solid var(--ink);border-radius:999px;background:#fff}#hud .chat-form .btn.small{padding:2px 10px}#hud .chat-left{font-size:14px;color:#8a8698;min-width:22px;text-align:right}#hud .chat-left.low{color:var(--red)}@media(max-width:1000px){#hud .cb{left:12px;transform:none;width:min(300px,calc(100vw - 24px))}#hud .chat-log{max-height:64px}}@media(min-width:901px)and (max-width:1000px){#hud .cb{left:236px}}#hud.touch .cb{bottom:auto;top:calc(170px + env(safe-area-inset-top));left:auto;right:calc(10px + env(safe-area-inset-right));transform:none;width:250px}#hud.touch .chat-log{max-height:70px}#hud.touch .chat-form input{min-height:36px;font-size:16px}@media(max-width:700px){#hud:not(.touch) .cb{bottom:auto;top:12px;left:auto;right:12px;width:min(260px,calc(100vw - 24px))}}@media(max-height:520px){#hud.touch .bc{top:calc(10px + env(safe-area-inset-top));bottom:auto;left:50%;right:auto;transform:translate(-50%)}#hud.touch .cb{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));left:calc(180px + env(safe-area-inset-left));right:auto;width:240px}#hud.touch .cb:not(.moved) .ph{margin:0 0 4px}}#hud .hud-sub,#hud .help,#hud .mini-info{font-size:14px}#hud.big .hudbox,#hud.big .quest,#hud.big .help,#hud.big .mini-info,#hud.big .chat-box,#hud.big .prompt,#hud.big .hud-sub{font-size:17px}#hud.big .ph{font-size:16px}#hud.big .minimap{width:300px;height:auto}#hud.big .banner .banner-title{font-size:26px}#hud.big .sbar{font-size:16px}#hud .help .help-adv{color:#5a566e}#hud .banner .banner-title{font-size:22px}#hud .banner .banner-sub{font-size:15px;margin-top:2px}#hud .banner .hudbox{max-width:min(560px,calc(100vw - 24px))}#hud .banner .hudbox.critical{background:#ff8a7a}#hud.calm .jb-warn,#hud.calm .banner .hudbox,#hud.calm .gem-flash.go,#hud.calm .tut.done .hudbox{animation:none!important}@media(prefers-reduced-motion:reduce){#hud .jb-warn,#hud .tut .hudbox{animation:none!important}}#hud .sbar{display:none}#hud.phone .sbar{display:grid;gap:4px;position:absolute;top:calc(6px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));z-index:2;max-width:min(330px,46vw);font-size:14px}#hud.phone .sb-top{display:flex;align-items:center;gap:5px;background:var(--paper);border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);padding:3px 4px 3px 6px;width:max-content;max-width:100%}#hud.phone .sb-hp{width:120px;height:16px;flex:none}#hud.phone .sb-hp-txt{min-width:26px}#hud.phone .sb-lives{white-space:nowrap}#hud.phone .sb-btn{font:inherit;font-size:16px;min-width:36px;height:36px;padding:0 4px;border:2px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink)}#hud.phone .sb-btn.off{opacity:.5;filter:grayscale(.6)}#hud.phone .sb-quest{font:inherit;font-size:14px;font-weight:800;text-align:left;background:#fff8e6;color:var(--ink);border:3px solid var(--ink);border-radius:12px;box-shadow:0 3px 0 var(--ink);padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#hud.phone .sb-quest.open{white-space:normal}#hud.phone.dark .sb-quest{background:#2b2840;color:#fff8e6}#hud.phone .sb-warn{background:#ff5a4d;color:#fff;border:3px solid var(--ink);border-radius:12px;box-shadow:0 3px 0 var(--ink);padding:3px 8px;font-size:14px;animation:jbpulse 1s ease-in-out infinite}#hud.phone.calm .sb-warn{animation:none}#hud.phone .sbar .gem-flash{justify-self:start;font-size:14px}#hud.phone .tl{top:calc(130px + env(safe-area-inset-top))}#hud.phone .tl .quest,#hud.phone .tl .jb-warn{display:none}#hud.phone .bc{left:auto;right:calc(10px + env(safe-area-inset-right));transform:none}#hud.phone .tr{top:calc(10px + env(safe-area-inset-top));right:calc(200px + env(safe-area-inset-right))}#hud.phone .sb-btn{min-width:32px;height:34px}.tc-btn{display:grid;place-items:center;align-content:center;gap:0;line-height:1}.tc-btn .tc-ico{display:block;line-height:1}.tc-btn .tc-word{display:block;font-size:10px;letter-spacing:.02em;margin-top:1px;font-weight:900}.tc-stick .tc-word{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:11px;font-weight:900;color:#fff;text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);pointer-events:none}.tc-btn.sup{--sp: 0deg;background:conic-gradient(var(--yellow) var(--sp),rgba(255,248,230,.92) var(--sp))}.tc-btn.sup .tc-ico{font-size:26px}.tc-btn.sup.wait{background:conic-gradient(#b9b4a3 var(--sp),#e6e1d2 var(--sp))}.tc-btn.sup.ready{background:var(--yellow);box-shadow:0 4px 0 var(--ink),0 0 0 4px #fff3b0}.tc-btn.pickup .tc-ico{font-size:22px}.tc-btn.pickup:not(.near){opacity:.75}.tc-btn.pickup.near{box-shadow:0 4px 0 var(--ink),0 0 0 4px #bff0ea}#hud .leave-pane{position:absolute;top:24%;left:0;right:0;display:flex;justify-content:center;padding:0 12px;z-index:5}#hud .leave-pane .hudbox{display:grid;gap:10px;justify-items:center;text-align:center;font-size:17px;max-width:360px;padding:16px 20px}#hud .chat-form .chat-quick{padding:2px 8px}#hud .chat-kid{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px;font-size:14px;color:#5a566e}#hud .phrase-pop{position:absolute;z-index:6;bottom:150px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);padding:8px}#hud .phrase{font:inherit;font-size:14px;font-weight:800;min-height:40px;padding:4px 8px;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}#hud .phrase:active{background:var(--yellow)}#hud.touch .phrase-pop{bottom:auto;top:calc(60px + env(safe-area-inset-top))}#hud .chat-flag{font:inherit;font-size:13px;background:none;border:0;padding:0 2px;cursor:pointer;color:var(--blue)}#hud .chat-flag.yes{color:var(--red);font-weight:900}#hud .chat-flag-box{white-space:nowrap;font-size:13px}#hud .chat-flagged{color:var(--teal)}#hud .tut{position:absolute;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:4;width:min(380px,calc(100vw - 24px))}#hud .tut .hudbox{display:grid;gap:6px;width:100%;background:#fff1b8;padding:10px 14px}#hud .tut.done .hudbox{animation:pop .3s ease-out}#hud .tut-head{display:flex;justify-content:space-between;align-items:center}#hud .tut-dots{display:flex;gap:5px}#hud .tut-dots i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:#fff}#hud .tut-dots i.on{background:var(--teal)}#hud .tut-dots i.now{background:var(--yellow)}#hud .tut-title{font-size:20px}#hud .tut-how,#hud .tut-extra{font-size:15px;font-weight:800}#hud .tut-extra:empty{display:none}#hud .tut-actions{gap:8px;justify-content:flex-end}#hud.phone .tut{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;width:min(300px,40vw)}#hud.phone .tut-title{font-size:16px}#hud.phone .tut-how{font-size:14px}#hud.phone .tut .hudbox{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:6px 10px}#hud.phone .tut-head .tut-dots,#hud.phone .tut-extra{display:none}#hud.phone .tut-head{grid-column:2;grid-row:1}#hud.phone .tut-title,#hud.phone .tut-how{grid-column:1}#hud.phone .tut-actions{grid-column:2;grid-row:2}#hud.phone .tut-actions button{padding:2px 8px;font-size:14px}#hud.phone .tut-head button{padding:0 6px;font-size:14px}#hud .super-wait{color:#6d6a5f}#hud .leave-ko{color:var(--red);font-weight:900;font-size:16px}