.character-control{position:relative}.character-trigger{color:#294132;cursor:pointer;background:#f5f3e9;border:1px solid #607b5c55;border-radius:24px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:0 12px;font:12px Arial,sans-serif;display:flex}.character-trigger:disabled{opacity:.5;cursor:default}.game-first[data-hud-compact=false] .character-trigger{border-radius:22px;justify-content:center;align-items:center;gap:7px;width:auto;padding:0 13px;font:12px Arial,sans-serif;display:flex}.game-first[data-hud-compact=false] .character-trigger .hud-action-label{display:inline}.character-control button:focus-visible{outline-offset:3px;outline:2px solid #d4ed84}.character-overlay-layer{z-index:85;pointer-events:none;position:fixed;inset:0}.character-picker{box-sizing:border-box;right:var(--character-right,12px);bottom:var(--character-bottom,84px);width:330px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--character-bottom,84px) - 12px);overscroll-behavior:contain;color:#f7f6ed;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:left;pointer-events:auto;background:#182923f5;border:1px solid #ffffff25;border-radius:22px;padding:18px;animation:.18s ease-out character-enter;position:fixed;overflow-y:auto;box-shadow:0 16px 60px #08130b50}.character-picker header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.character-eyebrow{letter-spacing:1.8px;color:#d4ed84;font-size:9px;font-weight:700}.character-picker h2{letter-spacing:-.8px;margin:4px 0 0;font-size:24px;font-weight:650;line-height:1.15}.character-picker .character-close{color:#f7f6ed;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.character-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.character-picker .character-option{color:#f7f6ed;text-align:left;cursor:pointer;touch-action:manipulation;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;min-height:150px;padding:12px;transition:background .15s,border-color .15s,transform .15s;display:flex;position:relative}.character-picker .character-option:hover:not(:disabled){background:#ffffff12;border-color:#ffffff50;transform:translateY(-1px)}.character-picker .character-option[aria-pressed=true]{background:#d4ed841b;border-color:#d4ed84}.character-picker .character-option:disabled{cursor:progress;opacity:.75}.character-picker .character-option:focus-visible{outline-offset:-3px;outline:2px solid #d4ed84}.character-thumb{background:#f1f3ef;border-radius:10px;place-items:center;width:100%;height:76px;display:grid}.character-thumb svg{width:44px;height:58px}.character-option strong{font-size:14px;font-weight:650;line-height:1.2}.character-option small{color:#afbbb3;font-size:10.5px;line-height:1.35}.character-current{color:#25332d;letter-spacing:.4px;background:#d4ed84;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}.character-error{color:#ffd5bd;margin:12px 0 0;font-size:12px}.character-picker footer{color:#a8b6ad;justify-content:space-between;align-items:center;gap:10px;min-height:36px;margin-top:12px;font-size:11px;display:flex}.character-picker .character-more{color:#d4ed84;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 4px;font-size:12px;font-weight:650}@keyframes character-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.character-picker{animation:none}.character-picker .character-option{transition:none}}@media (max-height:500px){.character-picker{max-height:calc(100dvh - 24px);bottom:12px}.character-picker .character-option{min-height:120px}.character-thumb{height:56px}}