.choosing-class .menu-panel{width:min(100%,820px)}.choosing-class h2{font-size:clamp(28px,6vw,42px)}
.class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.class-card{min-width:0;border:1px solid #8c947866;border-radius:5px;background:radial-gradient(ellipse at 50% 38%,#2b454b,#101c25);padding:0 10px 15px;color:#ede7d9;text-align:center;position:relative;overflow:hidden}
.class-card[aria-pressed=true]{border:2px solid #e8cc88;background:radial-gradient(ellipse at 50% 38%,#476066,#182936);box-shadow:0 0 20px #dfc78b22}
.class-card strong{display:block;font:600 16px/1.3 system-ui,sans-serif;min-height:42px}.class-card small{display:block;font:14px/1.4 system-ui,sans-serif;color:#c8cbbf;margin-top:6px}
.class-portrait{display:block;position:relative;width:100%;aspect-ratio:1;margin-bottom:8px}
.class-portrait canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.class-face-portrait{display:none}.class-card[aria-pressed=true] .class-body-portrait{display:none}.class-card[aria-pressed=true] .class-face-portrait{display:block}
.selected-character{margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#dfc78b;font:16px/1.4 system-ui,sans-serif}.selected-character button{font-size:14px}
#online-menu-message:empty{display:none}
.online-panel{position:absolute;right:max(34px,env(safe-area-inset-right));top:320px;width:172px;background:#0c1919ed;border:1px solid #88b8ae80;border-radius:4px;padding:10px;font:14px/1.4 system-ui,sans-serif;z-index:4}
.online-panel strong,.online-panel span{display:block}.online-panel strong{color:#d7ead9}.online-panel span{font-size:12px;color:#c6cdbd;margin:6px 0}.online-panel button{min-height:40px;background:transparent;border:0;color:#dbc489;font:14px/1.3 system-ui,sans-serif;width:100%;padding:8px 0;text-align:left}
.online-panel[hidden],.online-panel button[hidden]{display:none}
.remote-name{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;padding:3px 6px;border-radius:3px;background:#0b171bcc;color:#c2eaf3;text-shadow:0 1px 2px #000;font:12px/1.4 system-ui,sans-serif;pointer-events:none}.remote-name progress{display:block;width:100%;height:4px;accent-color:#95c9a9;margin-top:3px}
@media(max-width:650px){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choosing-class .menu-panel{max-width:450px;padding:4px 0}.choosing-class .menu-kicker{margin-bottom:8px}.choosing-class .menu-rule{margin:15px auto}.class-portrait{aspect-ratio:1.45}.class-card strong{min-height:0;font-size:15px}.class-card small{font-size:12px}.class-card{padding-bottom:10px}.online-panel{right:18px;top:285px;width:138px;padding:8px}.online-panel strong{font-size:13px}}
@media(max-height:560px){.class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.class-portrait{aspect-ratio:1.5}.online-panel{top:auto;bottom:135px;right:18px;width:158px}.class-card strong{font-size:14px}.class-card small{font-size:12px}}

.nickname-field{display:grid;gap:7px;text-align:left;color:#e8d4a4;font:16px/1.4 system-ui,sans-serif;margin-bottom:12px}.nickname-field input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #bfa36b88;border-radius:5px;background:#0b1b18;color:#f5ecdb;font:16px system-ui,sans-serif}.nickname-field small{color:#bfcbbf;font-size:14px}
#nickname,#chat-input{user-select:text!important;-webkit-user-select:text!important;touch-action:manipulation}
.online-panel button{min-height:44px}.online-panel #online-nickname{color:#e8ce93;overflow-wrap:anywhere;font-size:14px}.remote-name.pvp-ready{border:1px solid #dc9d64;color:#ffe2aa}
.chat-feed{position:absolute;z-index:5;left:18px;top:248px;width:min(275px,calc(100% - 184px));max-height:168px;overflow:hidden}.chat-feed[hidden]{display:none}.chat-feed button{display:grid;gap:5px;padding:0;border:0;background:none;width:100%;text-align:left}.chat-toast{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;background:#0d1d19de;border-left:2px solid #bba270;padding:7px 9px;border-radius:3px;color:#eee8d9;font:14px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}.chat-toast strong{color:#ecd097}
#game.notifications-off .chat-feed{display:none!important}#game:has(.chat-feed:not([hidden])) .citadel-quest-panel{top:425px}
.room-chat{width:min(520px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #c7b077;border-radius:10px;background:#10231f;color:#eee8d9;padding:18px;font:16px/1.4 system-ui,sans-serif}.room-chat::backdrop{background:#03100bc9}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-header h2{font:28px Georgia,serif;margin:0}.chat-header button{min-width:44px;min-height:44px;border:1px solid #bda97877;background:#233c30;border-radius:5px;font-size:24px}.chat-identity{margin:7px 0 12px;color:#d4c49f}.chat-messages{max-height:min(35dvh,290px);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:8px}.chat-message{padding:10px;border:1px solid #9bad9533;border-radius:5px;background:#091914;overflow-wrap:anywhere}.chat-message strong{color:#e4c98b;font-size:14px}.chat-message p{margin:5px 0;font-size:16px}.chat-message.chat-rules{border-color:#bba471;background:#293626}.chat-report{padding:8px 0;min-height:40px;border:0;background:none;color:#bfcabf;font:14px system-ui,sans-serif}.room-chat form{margin-top:12px;display:grid;gap:7px}.room-chat textarea{resize:vertical;min-height:72px;width:100%;padding:10px;border:1px solid #a69c6988;background:#061611;color:#fff6e8;border-radius:5px;font:16px system-ui,sans-serif}.room-chat #chat-send{min-height:44px;border:1px solid #d8bd80;background:#d2b777;color:#13221b;border-radius:5px;font:600 16px system-ui,sans-serif}.room-chat #chat-send:disabled{opacity:.5;cursor:default}#chat-status,.chat-note,#chat-empty{font-size:14px;line-height:1.45}.chat-note{color:#bfcbbd}.room-chat #chat-empty[hidden]{display:none}
@media(max-height:560px){.chat-feed{top:215px;width:210px;max-height:100px}.room-chat{padding:12px}.chat-messages{max-height:25dvh}.chat-note{margin-bottom:0}#game:has(.chat-feed:not([hidden])) .citadel-quest-panel{top:auto}.online-panel{bottom:110px}}