/* Player hub and social controls share the navy, emerald and gold game palette. */
body.wt-account .account-dashboard { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0 10px; }
body.wt-account .dashboard-card { display:flex; align-items:center; justify-content:flex-start; gap:13px; padding:20px 16px; min-height:116px; border:1px solid #36515f; border-radius:18px; background:linear-gradient(145deg,#193444,#102535); color:#dce9e4; text-align:left; box-shadow:0 6px 0 #081b28, inset 0 1px 0 #ffffff0c; text-decoration:none; }
body.wt-account .dashboard-card > svg { flex-shrink:0; color:#d5b779; }
body.wt-account .dashboard-card > span { display:grid; gap:7px; min-width:0; }
body.wt-account .dashboard-card b { color:#f4edd7; font-size:32px; line-height:1; font-weight:900; }
body.wt-account .dashboard-card span span { color:#c2d0d3; font-size:12px; line-height:1.45; font-weight:650; }
body.wt-account .dashboard-online { background:linear-gradient(135deg,#1d4b42,#153542); border-color:#558d74; }
body.wt-account .dashboard-online b, body.wt-account .dashboard-online > svg { color:#98e8ba; }
body.wt-account .dashboard-card:hover { border-color:#c4a76b; filter:brightness(1.08); }
body.wt-account .presence-definition { font-size:12px; color:#bccdd0; line-height:1.6; max-width:900px; margin:10px 2px 22px; }
body.wt-account .wt-account-welcome { padding:24px; border-radius:22px; border:1px solid #5e775e; background:radial-gradient(ellipse at 95% 5%,#56725244,transparent 50%),linear-gradient(125deg,#183d39,#182a3b); box-shadow:0 7px 0 #081b28, inset 0 1px 0 #f0de9f16; }
body.wt-account .wt-account-welcome h1 { font-size:clamp(30px,3.4vw,46px); line-height:1.14; overflow-wrap:anywhere; color:#f6edce; }
body.wt-account .wt-account-welcome p { line-height:1.6; color:#c2d6d3; }
body.wt-account .wt-quicknav { margin:0 0 20px; }
body.wt-account .profile-grid > .grid { min-width:0; }
body.wt-account .profile-grid > .grid > .panel { border-radius:18px; border-color:#375160; box-shadow:0 5px 0 #081b28,0 20px 40px #00000018; }
body.wt-account .mailbox { grid-template-columns:minmax(155px,.7fr) minmax(0,1fr); gap:16px; }
body.wt-account .mailbox > .grid { min-width:0; }
body.wt-account .mailbox-list { max-height:640px; padding-right:6px; }
body.wt-account .mailbox-list .btn { font-size:13px; justify-content:flex-start; min-width:0; }
body.wt-account .mailbox-intro { font-size:13px; line-height:1.6; }
body.wt-account .mailbox-search { display:grid; gap:7px; font-size:12px; color:#c0d2d4; }
body.wt-account .mailbox-search input { width:100%; min-width:0; background:#0d2130; border-color:#3d5b68; }
body.wt-account .inbox-filters { display:flex; gap:6px; }
body.wt-account .inbox-filters button { flex:1; padding:8px 7px; min-height:38px; font-size:11px; color:#c5d7d7; border:1px solid #365562; background:#132c3a; border-radius:9px; }
body.wt-account .inbox-filters button[aria-pressed=true] { color:#b9f6d2; border-color:#5b9d81; background:#1d4439; }
body.wt-account .inbox-thread { display:flex; gap:10px; align-items:flex-start; min-height:74px; padding:12px 10px; margin-bottom:6px; border:1px solid #2a4656; border-radius:12px; background:#102837; color:#edf2e7; }
body.wt-account .inbox-thread:hover { border-color:#689b83; }
body.wt-account .inbox-thread.active { border-color:#8ab999; background:#204337; box-shadow:inset 3px 0 0 #9bd9a5; }
body.wt-account .inbox-thread.unread { background:#1a3344; border-color:#527987; }
body.wt-account .inbox-avatar { flex-shrink:0; width:34px; height:34px; object-fit:cover; border:1px solid #61836c; border-radius:50%; background:#18372f; }
body.wt-account .inbox-copy { display:block; min-width:0; width:100%; }
body.wt-account .inbox-copy b { display:inline; font-size:13px; overflow-wrap:anywhere; }
body.wt-account .inbox-copy small { display:block; margin-top:6px; color:#bcced1; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:450; }
body.wt-account .inbox-copy time { display:block; margin-top:5px; color:#a6bbbf; font-size:10px; font-weight:500; }
body.wt-account .inbox-copy .notification-badge { margin-left:5px; min-width:20px; min-height:20px; font-size:11px; }
body.wt-account .conversation-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px; border:1px solid #43614d; border-radius:12px; background:linear-gradient(120deg,#23433b,#183345); }
body.wt-account .conversation-heading > span { display:grid; gap:5px; min-width:0; }
body.wt-account .conversation-heading small { color:#bdcfc6; font-size:11px; }
body.wt-account .conversation-heading b { color:#f0e6bd; overflow-wrap:anywhere; }
body.wt-account .conversation-heading .btn { min-height:36px; font-size:11px; flex-shrink:0; padding:6px 10px; }
body.wt-account .conversation { min-height:200px; max-height:460px; border-radius:13px; padding:12px; background:#0c2130; border-color:#304c59; }
body.wt-account .message-row { max-width:94%; border:1px solid #365465; border-radius:13px 13px 13px 3px; padding:11px 12px; background:#1d3647; }
body.wt-account .message-row.mine { border-radius:13px 13px 3px 13px; background:#1d4038; border-color:#477961; align-self:flex-end; }
body.wt-account .message-row b { font-size:11px; color:#b8d9ce; }
body.wt-account .message-row > span, body.wt-account .message-row.mine > span { display:block; padding:0; border:0; border-radius:0; background:none; color:#edf3e9; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
body.wt-account .message-row .muted { font-size:10px; color:#a5bfc0; margin-top:5px; }
body.wt-account #mailboxReplyArea textarea { min-height:90px; border-radius:12px; background:#102a38; border-color:#4c7162; }
body.wt-account .friend-row { border-radius:13px; border-color:#365362; background:#132c3b; }
body.wt-online .lobby-presence { display:flex; align-items:center; flex-wrap:wrap; gap:9px 13px; padding:13px 16px; margin:0 0 16px; border:1px solid #48745d; border-radius:13px; background:linear-gradient(110deg,#1d3d35,#142b3b); }
body.wt-online .lobby-presence b { color:#b7ebc6; font-size:14px; }
body.wt-online .lobby-presence > span:last-child { color:#c0ced0; font-size:12px; line-height:1.5; }
body.wt-online .member-friend-state { display:inline-flex; padding:5px 7px; font-size:10px; color:#bcdfc6; border:1px solid #436f5b; border-radius:8px; background:#193d32; }
body.wt-online .member-add-friend { color:#bdf4cf; border-color:#5e9672; background:#224c3b; }
body.wt-online .member-add-friend:disabled { opacity:.6; }
body.wt-game .game-friends-panel { margin:20px 0 5px; padding:14px 16px; border:1px solid #476653; border-radius:15px; background:linear-gradient(130deg,#17382f,#132b3d); box-shadow:0 5px 0 #081b28; }
body.wt-game .game-friends-panel summary { color:#e8d6a1; cursor:pointer; font-weight:800; font-size:14px; min-height:30px; }
body.wt-game .game-friends-panel summary span { margin-left:10px; color:#bfeacb; }
body.wt-game .game-friends-panel p { padding:10px 0; font-size:12px; line-height:1.5; }
body.wt-game .game-friend-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 0; border-top:1px solid #50706966; }
body.wt-game .game-friend-row > span { color:#e6efe6; font-size:14px; font-weight:750; overflow-wrap:anywhere; min-width:0; }
body.wt-game .game-friend-row > small { color:#bfd1d0; font-size:11px; text-align:right; }
body.wt-game .game-friend-row .btn { flex-shrink:0; min-height:38px; padding:7px 10px; font-size:12px; color:#d8eccf; background:#244a3d; border:1px solid #6f986e; border-radius:10px; }
body.wt-game .game-friend-row .btn:disabled { color:#b1c4bf; background:#1c3b35; cursor:default; }
body.wt-game .game-friend-state { border:1px solid #4b795e; border-radius:8px; padding:5px 8px; background:#204336; }
@media(min-width:1100px) { body.wt-account .profile-grid { grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr); gap:18px; } }
@media(max-width:900px) { body.wt-account .account-dashboard { grid-template-columns:repeat(2,minmax(0,1fr)); } body.wt-account .mailbox { grid-template-columns:1fr; } body.wt-account .mailbox-list { max-height:350px; } }
@media(max-width:600px) { body.wt-account .dashboard-card { min-height:104px; padding:15px 12px; gap:9px; } body.wt-account .dashboard-card b { font-size:28px; } body.wt-account .dashboard-card > svg { width:19px; } body.wt-account .dashboard-card > svg:last-child:not(:first-child) { display:none; } body.wt-account .dashboard-card span span { font-size:11px; } body.wt-account .wt-account-welcome { padding:22px 18px; } body.wt-account .conversation-heading { flex-wrap:wrap; } body.wt-account .conversation { max-height:50dvh; } body.wt-game .game-friend-row { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { body.wt-account .dashboard-card { transition:none; } }