body.game{--glass:#18112ebd;--glass-2:#18112ee6;--glass-line:#b692ff29;--glass-line-2:#b692ff4d;--ui:var(--body);--r:14px;--r-s:9px;height:100vh;overflow:hidden}body.game .stage{height:100vh;position:fixed;inset:0}body.game .stage canvas{cursor:grab}body.game .stage canvas.dragging{cursor:grabbing}.game-nav{z-index:8;background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);font-family:var(--ui);justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;font-size:13px;display:flex;position:absolute;top:12px;left:12px;right:12px}.game-nav:before{display:none}.game-nav .brand{gap:8px;font-size:17px}.game-nav .brand:before{border-radius:7px;width:24px;height:24px}.game-nav .srv{color:var(--ink-dim);font-size:13px}.game-nav .me{color:var(--ink-dim);text-align:center;flex:1;font-weight:700}.nav-actions{gap:8px;display:flex}.btn{font-family:var(--ui);background:var(--mint);color:var(--on-mint);cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:900;line-height:1.2;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 8px 22px -10px #7cf0c8b3}.btn:hover,.btn:focus-visible{background:#9ff6d8;transform:translateY(-1px)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--glass-line-2);background:#f3eeff12}.btn.ghost:hover,.btn.ghost:focus-visible{background:#f3eeff21;box-shadow:inset 0 0 0 1px #f3eeff66}.btn.small{padding:7px 13px;font-size:13px}.btn[disabled]{opacity:.45;cursor:default;transform:none}.prompt{z-index:4;font-family:var(--ui);color:var(--ink);white-space:nowrap;background:var(--glass-2);border:1px solid var(--glass-line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;transition:opacity .18s,transform .18s;position:absolute;bottom:118px;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 24px #00000059}.prompt.on{opacity:1;transform:translate(-50%)}.prompt b{color:var(--accent);font-weight:900}body.game .toast{top:76px}.hint-keys{z-index:3;pointer-events:none;font-family:var(--ui);color:#f3eeff80;text-shadow:0 1px 8px #07040fcc;font-size:12px;font-weight:700;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.afk-chip{z-index:30;background:var(--glass-2);border:1px solid var(--glass-line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--ui);border-radius:999px;align-items:baseline;gap:10px;padding:9px 16px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.afk-chip b{color:var(--accent);font-size:13px;font-weight:900}.afk-chip span{color:#ddd4f4;font-size:13px}.chat{z-index:5;flex-direction:column;gap:6px;width:min(360px,58vw);display:flex;position:absolute;bottom:14px;left:14px}.chat-tabs{gap:6px;display:flex}.chat-tabs button{font-family:var(--ui);background:var(--glass);color:var(--ink-dim);border:1px solid var(--glass-line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;transition:color .12s,border-color .12s}.chat-tabs button.on{color:var(--mint);border-color:#7cf0c88c}.chat-log{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r);height:148px;font-family:var(--ui);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 12px;font-size:13.5px;line-height:1.45;overflow-y:auto}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:#f3eeff26;border-radius:3px}.chat-log .m b{color:var(--orchid);font-weight:900}.chat-log .m.global b{color:var(--accent)}.chat-log .m.sys{color:var(--ink-dim);font-style:italic}.chat-log .m .rep{cursor:pointer;color:var(--ink-dim);margin-left:6px;font-size:11px}.chat-form{gap:6px;display:flex}.chat-form input{font-family:var(--ui);background:var(--glass);color:var(--ink);border:1px solid var(--glass-line);border-radius:var(--r-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;flex:1;padding:9px 12px;font-size:14px;transition:border-color .12s}.chat-form input::placeholder{color:#f3eeff59}.chat-form input:focus{border-color:#7cf0c899}.emotes{z-index:5;position:absolute;bottom:14px;right:14px}.wheel{background:var(--glass-2);border:1px solid var(--glass-line-2);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:none;position:absolute;bottom:48px;right:0;box-shadow:0 12px 32px #0006}.wheel.on{display:grid}.wheel button{font-family:var(--ui);color:var(--ink);border:1px solid var(--glass-line);border-radius:var(--r-s);cursor:pointer;background:#f3eeff0d;min-width:78px;padding:10px 8px;font-size:12px;font-weight:600;transition:all .12s}.wheel button:hover{color:var(--mint);background:#7cf0c814;border-color:#7cf0c88c}.touch{display:none}body.touch .touch{display:block}body.touch .hint-keys{display:none}.joy{border:1px solid var(--glass-line-2);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;touch-action:none;border-radius:50%;width:122px;height:122px;position:absolute;bottom:200px;left:28px}.joy i{background:var(--mint);border-radius:50%;width:44px;height:44px;position:absolute;top:39px;left:39px;box-shadow:0 3px 10px #00000073}.touch-btns{z-index:6;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:80px;right:24px}.touch-btns button{font-family:var(--ui);border-radius:var(--r);background:var(--glass-2);width:76px;height:56px;color:var(--ink);border:1px solid var(--glass-line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;font-size:12px;font-weight:700}.touch-btns button.on{background:var(--mint);color:var(--on-mint);border-color:#0000}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0618b8;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.on{display:flex}.dialog{background:var(--glass-2);border:1px solid var(--glass-line-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:620px;max-height:92vh;padding:28px 30px;overflow:auto;box-shadow:0 24px 64px #00000080}.dialog .k{color:var(--orchid);font-size:14px;font-weight:700}.dialog h2{font-family:var(--display);margin:8px 0 12px;font-size:clamp(28px,4.4vw,44px);font-weight:400;line-height:1.1}.dialog p{font-size:16px}.muted{color:var(--ink-dim)}.field{margin:14px 0}.field label{font-family:var(--ui);color:var(--ink-dim);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field input,.field textarea,.field select{width:100%;font-family:var(--ui);color:var(--ink);border:1px solid var(--glass-line-2);border-radius:var(--r-s);background:#f3eeff0f;outline:none;padding:10px 12px;font-size:15px;transition:border-color .12s}.field input::placeholder,.field textarea::placeholder{color:#f3eeff4d}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7cf0c899}.field select option{color:var(--ink);background:#1c1535}body.game .panel{background:var(--glass-2);color:var(--ink);border:1px solid var(--glass-line-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 24px 64px #00000080}body.game .panel h4{font-family:var(--display);color:var(--ink);margin:6px 0 8px;font-size:22px;font-weight:400;line-height:1.2}body.game .panel .who{color:var(--orchid);font-size:13px;font-weight:700}body.game .panel p{font-family:var(--ui);color:var(--ink-dim);font-size:14px;line-height:1.5}body.game .panel .field input,body.game .panel .field textarea,body.game .panel .field select{color:var(--ink);border-color:var(--glass-line-2);background:#f3eeff0f}body.game .panel .field label{color:var(--ink-dim)}body.game .panel .amt{font-family:var(--ui);color:var(--ink-dim);justify-content:space-between;margin:10px 0;font-size:14px;display:flex}body.game .panel .amt b{color:var(--accent)}body.game .panel .bar{background:#f3eeff14;border-radius:4px;height:8px;margin:10px 0;overflow:hidden}body.game .panel .bar i{background:linear-gradient(90deg,var(--mint-deep),var(--mint));border-radius:4px;height:100%;display:block}body.game .panel .give{width:100%;font-family:var(--ui);background:var(--mint);color:var(--on-mint);border-radius:var(--r-s);cursor:pointer;border:0;padding:13px;font-size:15px;font-weight:900;transition:transform .12s,background .12s}body.game .panel .give:hover:not([disabled]){background:#9ff6d8;transform:translateY(-1px)}body.game .panel .give[disabled]{opacity:.45;cursor:default}.dialog-panel .fine{font-family:var(--ui);color:var(--ink-dim);margin:10px 0 0;font-size:12.5px}.dialog-panel .fine b{color:var(--ink)}.pixel{image-rendering:pixelated;border:1px solid var(--glass-line-2);border-radius:var(--r-s);margin:0 0 10px;display:block}.row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.roster.mini{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:0}.roster.mini .char{border-radius:var(--r-s);padding:6px}.roster.mini .char .n{font-size:12px;font-family:var(--ui)}.roster.mini .char .s{display:none}.dialog-panel{z-index:15;opacity:0;pointer-events:none;width:min(440px,92vw);max-height:92vh;padding:22px 24px;transition:opacity .18s,transform .18s;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)translateY(8px)}.dialog-panel.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.dialog-panel.wide{width:min(720px,94vw)}.dialog-panel .close{margin-top:12px}.seg{font-family:var(--ui);color:var(--ink-dim);border:1px solid var(--glass-line-2);border-radius:var(--r-s);cursor:pointer;background:#f3eeff0f;padding:8px 12px;font-size:12px;font-weight:700;transition:all .12s}.seg.on{background:var(--mint);color:var(--on-mint);border-color:#0000}.list-body{font-family:var(--ui);max-height:60vh;font-size:13.5px;overflow:auto}.list-body h5{font-family:var(--ui);color:var(--orchid);margin:16px 0 6px;font-size:13px;font-weight:900}.list-body .row-item{border-bottom:1px solid var(--glass-line);color:var(--ink-dim);justify-content:space-between;gap:10px;padding:6px 0;display:flex}.list-body .row-item b{color:var(--ink)}.toggles label{font-family:var(--ui);color:var(--ink-dim);margin:6px 0;font-size:14px;display:block}.toggles input{accent-color:var(--mint);margin-right:9px}@media (width<=820px){.game-nav{top:8px;left:8px;right:8px}.game-nav .me{display:none}.chat{width:min(320px,70vw)}.chat-log{height:110px}.roster.mini{grid-template-columns:repeat(4,1fr)}}.minimap{z-index:6;border-radius:var(--r);border:1px solid var(--glass-line-2);background:var(--glass);pointer-events:none;width:172px;height:172px;position:absolute;top:76px;left:14px;box-shadow:0 8px 24px #00000059}@media (width<=820px){.minimap{width:120px;height:120px;top:66px;left:8px}}.hub-row{cursor:pointer;border-radius:var(--r-s);margin:0 -10px;transition:background .12s;padding:8px 10px!important}.hub-row:hover{background:#7cf0c814}.hub-row .t{color:var(--ink);font-weight:700;display:block}.hub-row .s{color:var(--ink-dim);margin-top:2px;font-size:12px;display:block}.hub-row .amt-r{color:var(--accent);white-space:nowrap;align-self:center;font-weight:900}.nav-actions button.btn{color:var(--ink);box-shadow:inset 0 0 0 1px var(--glass-line-2);background:#f3eeff12}.nav-actions button.btn:hover,.nav-actions button.btn:focus-visible{background:#f3eeff21;box-shadow:inset 0 0 0 1px #f3eeff66}