body.game{--glass:#0c0f18b8;--glass-2:#0c0f18e0;--glass-line:#ffffff14;--glass-line-2:#ffffff29;--ui:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--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);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;font-size:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.game-nav .brand{font-family:var(--label);letter-spacing:.06em;font-size:13px;text-decoration:none}.game-nav .srv{color:var(--ink-dim);text-transform:none;letter-spacing:0;font-size:12px}.game-nav .me{color:var(--ink-dim);text-align:center;text-transform:none;letter-spacing:0;flex:1}.nav-actions{gap:8px;display:flex}.btn{font-family:var(--ui);letter-spacing:.01em;text-transform:none;background:var(--amber);color:#241a02;border-radius:var(--r-s);cursor:pointer;box-shadow:0 2px 0 var(--amber-deep),0 6px 18px #00000059;border:0;padding:10px 16px;font-size:13px;font-weight:650;transition:transform .12s,box-shadow .12s,background .12s}.btn:hover,.btn:focus-visible{box-shadow:0 1px 0 var(--amber-deep),0 3px 10px #0000004d;outline:none;transform:translateY(1px)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--glass-line-2);background:#ffffff12}.btn.ghost:hover{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff40}.btn.small{padding:7px 12px;font-size:12px}.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:13px;font-weight:550;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(--amber);font-weight:750}body.game .toast{border-radius:var(--r-s);font-family:var(--ui);top:76px}.hint-keys{z-index:3;pointer-events:none;font-family:var(--ui);letter-spacing:.04em;color:#e6ebf566;font-size:11px;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(--amber);letter-spacing:.1em;font-size:11px}.afk-chip span{color:#cfd6e4;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);letter-spacing:.03em;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:11px;font-weight:650;transition:color .12s,border-color .12s}.chat-tabs button.on{color:var(--amber);border-color:#ffbb408c}.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:#ffffff26;border-radius:3px}.chat-log .m b{color:var(--sky);font-weight:650}.chat-log .m.global b{color:var(--amber)}.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:#e6ebf559}.chat-form input:focus{border-color:#ffbb4099}.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:#ffffff0d;min-width:78px;padding:10px 8px;font-size:12px;font-weight:600;transition:all .12s}.wheel button:hover{color:var(--amber);background:#ffbb400f;border-color:#ffbb408c}.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(--amber);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:650}.touch-btns button.on{background:var(--amber);color:#241a02;border-color:#0000}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a12b3;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:18px;width:100%;max-width:660px;max-height:92vh;padding:28px 30px;overflow:auto;box-shadow:0 24px 64px #00000080}.dialog .k{font-family:var(--label);color:var(--sky);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.dialog h2{font-family:var(--display);margin:8px 0 10px;font-size:clamp(36px,5vw,54px);font-weight:400;line-height:.94}.dialog h2 em{color:var(--amber);font-style:normal}.muted{color:var(--ink-dim)}.field{margin:14px 0}.field label{font-family:var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px;font-size:11px;font-weight:650;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:#ffffff0f;outline:none;padding:10px 12px;font-size:15px;transition:border-color .12s}.field input::placeholder,.field textarea::placeholder{color:#e6ebf54d}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ffbb4099}.field select option{color:var(--ink);background:#171b26}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:18px;box-shadow:0 24px 64px #00000080}body.game .panel h4{font-family:var(--ui);color:var(--ink);margin:4px 0 8px;font-size:19px;font-weight:750}body.game .panel .who{font-family:var(--label);color:var(--sky);letter-spacing:.14em;text-transform:uppercase;font-size:9px}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:#ffffff0f}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(--ink)}body.game .panel .bar{background:#ffffff14;border-radius:4px;height:8px;margin:10px 0;overflow:hidden}body.game .panel .bar i{background:linear-gradient(90deg,#79a83e,#4f8f40);border-radius:4px;height:100%;display:block}body.game .panel .give{width:100%;font-family:var(--ui);background:var(--amber);color:#241a02;border-radius:var(--r-s);cursor:pointer;box-shadow:0 2px 0 var(--amber-deep);border:0;padding:13px;font-size:15px;font-weight:750;transition:transform .12s}body.game .panel .give:hover:not([disabled]){transform:translateY(1px)}body.game .panel .give[disabled]{opacity:.45;cursor:default}.dialog-panel .fine{font-family:var(--ui);text-transform:none;letter-spacing:0;color:var(--ink-dim);margin:10px 0 0;font-size:11px}.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:#ffffff0f;padding:8px 12px;font-size:12px;font-weight:650;transition:all .12s}.seg.on{background:var(--amber);color:#241a02;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);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin:14px 0 6px;font-size:11px;font-weight:750}.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(--amber);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:#ffbb4014}.hub-row .t{color:var(--ink);font-weight:650;display:block}.hub-row .s{color:var(--ink-dim);margin-top:2px;font-size:12px;display:block}.hub-row .amt-r{color:var(--amber);white-space:nowrap;align-self:center}