/* Shared components, independent of the viewport and color palette. */
:root.capsule-ui{--c-danger:var(--c-red);--c-success:var(--c-green)}
.capsule-ui .review-panel-heading{align-items:center!important;min-height:48px;gap:16px}
.capsule-ui .review-panel-heading h2{margin:0!important;line-height:1.2!important}
.capsule-ui .clan-hero-review .overline,.capsule-ui .training-session>.overline,.capsule-ui .settings-section-title>.overline{display:none!important}
.capsule-ui .review-panel-icon{align-self:center;flex:none}
.capsule-ui :is(.r4-lobby-heading,.portal-section-heading) .overline,.capsule-ui .r4-lobby-heading p,.capsule-ui .r4-create-portrait>.overline{display:none!important}
.capsule-ui .capsule-account .r4-lobby-stage>img{display:none}
.capsule-ui .capsule-account .r4-lobby-stage>.capsule-idle{display:block;width:112px;height:168px}
.capsule-ui :is(.nx-tabs,.view-subnav,.training-category-tabs){border-bottom:0!important}
.capsule-ui :is(.nx-tabs,.view-subnav) button{border-bottom-color:transparent!important;box-shadow:none!important;text-decoration:none!important}
.capsule-ui :is(.nx-tabs,.view-subnav) button.active{background:var(--c-soft)!important;color:var(--c-accent-text)!important;border-radius:9px}
.capsule-ui .capsule-game :is(.badge,.nav-badge,.mobile-unread-badge,.friend-chat-unread){box-sizing:border-box!important;min-width:22px!important;width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 22px!important;padding:0!important;border-radius:50%!important;background:var(--c-accent)!important;color:var(--c-ink)!important;border:0!important;font:600 10px/22px Inter,sans-serif!important;text-align:center!important;letter-spacing:0!important}
.capsule-ui .capsule-game :is(.badge,.nav-badge,.mobile-unread-badge,.friend-chat-unread):not([hidden]):not(.hidden){display:inline-grid!important;place-items:center}
.capsule-ui .capsule-game .nav-group-toggle>.badge{position:static!important;margin:0 8px 0 auto!important;transform:none!important;order:2}
.capsule-ui .capsule-game .nav-group-toggle>.nav-chevron{order:3}
.capsule-ui .capsule-game .nav-utilities .icon-nav{position:relative!important;overflow:visible!important}
.capsule-ui .capsule-game .nav-utilities .icon-nav :is(.badge,.nav-badge){position:absolute!important;top:calc(50% - 28px)!important;right:calc(50% - 29px)!important;bottom:auto!important;left:auto!important;margin:0!important;transform:none!important}
.capsule-ui .capsule-game .friend-warrior-actions>button{position:relative;overflow:visible}
.capsule-ui .capsule-game .friend-chat-unread{position:absolute!important;right:4px!important;top:-8px!important;margin:0!important}
.capsule-ui .capsule-game .chat-collapse-head{display:flex!important;align-items:center!important;min-height:48px!important;padding:10px 14px!important}
.capsule-ui .capsule-game #chatMinimize{position:static!important;align-self:center!important;display:inline-flex!important;align-items:center;justify-content:center;width:30px!important;height:30px!important;min-height:30px!important;padding:5px!important;margin:0 0 0 auto!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.capsule-ui .capsule-game #chatMinimize svg{width:20px;height:20px}
.capsule-ui .capsule-game #chatForm[hidden]{display:none!important}
.capsule-ui .capsule-game .capsule-clan-table{width:100%!important;table-layout:auto!important}
html:not(.mobile-panel).capsule-ui .capsule-game .capsule-clan-table th,html:not(.mobile-panel).capsule-ui .capsule-game .capsule-clan-table td{width:auto!important;max-width:none!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle!important}
html:not(.mobile-panel).capsule-ui .capsule-game .capsule-clan-table td:has(.capsule-member-name){min-width:200px;width:30%!important}
html:not(.mobile-panel).capsule-ui .capsule-game .capsule-member-name{display:flex!important;align-items:center!important;gap:12px!important;min-width:180px!important;white-space:nowrap!important;word-break:normal!important}
.capsule-ui .capsule-game .capsule-member-name .capsule-rank-portrait{flex:none}
html:not(.mobile-panel).capsule-ui .capsule-game .capsule-clan-table td:last-child{white-space:nowrap}
html:not(.mobile-panel).capsule-ui .capsule-game .backpack{display:flex!important;flex-direction:column;justify-content:flex-start!important;gap:0!important}
html:not(.mobile-panel).capsule-ui .capsule-game .backpack .bag-grid{margin-top:8px!important;align-content:start!important}
html:not(.mobile-panel).capsule-ui .capsule-game .backpack-currency-box{height:22px!important;min-height:0!important;align-items:center!important}
html:not(.mobile-panel).capsule-ui .capsule-game .backpack-currency-row{padding-bottom:0!important;align-items:center!important}
.quest-period-tabs,.quest-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.quest-category-tabs .db-button svg{width:17px;height:17px}.quest-category-tabs small{font-size:10px;opacity:.8}
.quest-reset{font-size:11px;color:var(--c-muted);margin:0 0 22px}
.quest-task-list .r5-task{grid-template-columns:24px minmax(0,1fr) 110px;gap:18px}
.quest-task-list progress{appearance:none;width:100%;height:5px;border:0;border-radius:5px;background:var(--c-border);overflow:hidden}
.quest-task-list progress::-webkit-progress-bar{background:var(--c-border)}.quest-task-list progress::-webkit-progress-value{background:var(--c-accent)}
.quest-reward{display:grid;gap:10px;justify-items:stretch;text-align:center}
.push-settings-group{margin:18px 0;padding:12px 16px;border:1px solid var(--c-border);border-radius:12px;min-width:0}
.push-settings-group legend{padding:0 6px;font-weight:600;color:var(--c-text)}
.capsule-ui .push-settings-row input[type=checkbox]{width:38px!important;min-width:38px!important;height:22px!important;min-height:22px!important;padding:2px!important;flex:0 0 38px!important;border-radius:12px!important}
.duel-letter .capsule-message-bubble{background:color-mix(in srgb,var(--c-danger) 12%,var(--c-surface))!important;border:1px solid color-mix(in srgb,var(--c-danger) 50%,var(--c-border))!important}
.duel-letter-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.duel-letter-actions small{color:var(--c-muted);font-size:11px}
.duel-request-button{color:var(--c-danger)!important;border-color:var(--c-danger)!important}
.capsule-duel-result{padding:24px;text-align:center}.capsule-duel-result h3{font-size:26px;color:var(--c-accent-text)}
.friend-duel-arena .expedition-boss-sprite-box img{width:auto!important;height:84px!important;max-width:100%;object-fit:contain;image-rendering:pixelated}
.capsule-ui .capsule-game #expeditionBattle:has(#expeditionBattleSummary:not(.hidden)) .capsule-battle-section-title{display:none!important}
html.capsule-ui .capsule-game #privateChatPanel .chat-player-info{display:grid!important;place-items:center;width:30px!important;min-width:30px!important;height:36px!important;min-height:36px!important;padding:3px!important;flex:0 0 30px!important;border:1px solid var(--c-border)!important;border-radius:6px!important;background:var(--c-inset)!important}
html.capsule-ui .capsule-game #privateChatPanel .chat-line{display:flex!important;align-items:flex-start!important;gap:8px!important}
html.capsule-ui .capsule-game #privateChatPanel .capsule-chat-avatar{width:auto!important;height:28px!important;max-width:24px!important;object-fit:contain;image-rendering:pixelated}
html.capsule-ui .capsule-game #privateChatPanel .capsule-message-bubble{min-width:0;max-width:calc(100% - 38px);flex:1;overflow-wrap:anywhere;padding:10px!important}
html.capsule-ui .capsule-game #privateChatPanel .chat-line.own{flex-direction:row-reverse!important}
.mobile-panel.capsule-ui .capsule-game .capsule-mobile-brand{top:50%!important;transform:translate(-50%,-50%)!important;line-height:32px}
.mobile-panel.capsule-ui .capsule-game .game-topbar>.logout{top:17px!important}
.mobile-panel.capsule-ui .capsule-game .nav-group-toggle{display:grid!important;grid-template-columns:24px minmax(0,1fr) 22px 16px!important;align-items:center!important;text-align:left!important;justify-content:start!important;gap:12px!important}
.mobile-panel.capsule-ui .capsule-game .nav-group-toggle>.capsule-group-icon{grid-column:1;grid-row:1;margin:0!important}
.mobile-panel.capsule-ui .capsule-game .nav-group-toggle>.capsule-group-label{grid-column:2;grid-row:1;justify-self:start;text-align:left}
.mobile-panel.capsule-ui .capsule-game .nav-group-toggle>.badge{grid-column:3;grid-row:1;margin:0!important}
.mobile-panel.capsule-ui .capsule-game .nav-group-toggle>.nav-chevron{grid-column:4;grid-row:1;margin:0!important;width:16px!important}
.mobile-panel.capsule-ui .capsule-game .character-nav-row,.mobile-panel.capsule-ui .capsule-game .character-nav-row>.view-subnav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;gap:8px;overflow:visible!important}
.mobile-panel.capsule-ui .capsule-game .character-nav-row>.view-subnav{grid-column:1/-1}
.mobile-panel.capsule-ui .capsule-game .character-nav-row button{width:100%!important;min-width:0!important;margin:0!important;min-height:44px!important;font-size:11px!important;white-space:normal!important}
.mobile-panel.capsule-ui .quest-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mobile-panel.capsule-ui .quest-category-tabs button{flex-direction:column;font-size:10px;padding:10px 4px}
.mobile-panel.capsule-ui .quest-task-list .r5-task{grid-template-columns:20px minmax(0,1fr)!important;padding:18px 14px;gap:12px}
.mobile-panel.capsule-ui .quest-reward{grid-column:2;display:flex;justify-content:space-between;align-items:center}.mobile-panel.capsule-ui .quest-task-list h4{line-height:1.5}
/* Landing page and account screens. */
.capsule-ui .portal-header .portal-edition{margin-left:auto}
.capsule-ui .portal-section-heading .portal-kicker{font-family:inherit;font-weight:400;color:var(--c-accent);margin-bottom:12px}
.capsule-ui .portal-section-heading>.landing-action{display:inline;padding:0!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--c-accent-text)!important;font-size:11px!important;font-weight:500;white-space:nowrap;text-decoration:none}
.capsule-ui .portal-section-heading>.landing-action:hover{color:var(--c-text)!important}
.capsule-ui .portal-rank-row{display:grid!important;grid-template-columns:18px 52px minmax(0,1fr) auto;gap:12px;padding:14px!important}
.capsule-ui .portal-rank-row .portrait{width:52px!important;height:66px!important;display:grid;place-items:center;border:1px solid var(--c-border);border-radius:9px;background:var(--c-inset);overflow:hidden}
.capsule-ui .portal-rank-row .portrait img{width:auto!important;max-width:44px!important;height:56px!important;object-fit:contain;image-rendering:pixelated}
.capsule-ui .portal-rank-row b{font-size:14px!important;min-width:0;overflow-wrap:anywhere}.capsule-ui .portal-rank-row strong{font-size:12px}
.capsule-ui .r4-create-portrait>.capsule-idle{width:112px;height:168px;margin:10px auto 25px}
.capsule-character-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.capsule-character-actions>.primary{flex:1}
.capsule-ui .capsule-icon-button{display:inline-flex!important;align-items:center;justify-content:center;flex:none;padding:8px!important;min-height:36px!important;width:36px;height:36px;border:0!important;background:none!important;box-shadow:none!important;color:var(--c-muted)!important;border-radius:9px}
.capsule-ui .capsule-icon-button:hover{color:var(--c-accent-text)!important;background:var(--c-soft)!important}.capsule-icon-button svg{width:20px;height:20px;flex:none}
.capsule-ui .capsule-delete-dialog{box-sizing:border-box;width:min(430px,calc(100vw - 32px));padding:28px;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface);color:var(--c-text);font:13px/1.6 Inter,sans-serif;box-shadow:var(--c-shadow)}
.capsule-delete-dialog::backdrop{background:#071019b3;backdrop-filter:blur(3px)}.capsule-delete-dialog h2{margin:0 0 14px;font-size:24px}.capsule-delete-dialog p{color:var(--c-muted);margin:14px 0}.capsule-delete-dialog input{width:100%;margin-top:8px}.capsule-dialog-actions{display:flex;gap:10px;margin-top:18px}.capsule-dialog-actions button{flex:1}.capsule-ui .capsule-delete-confirm{background:color-mix(in srgb,var(--c-danger) 12%,var(--c-surface))!important;border-color:var(--c-danger)!important;color:var(--c-danger)!important}
.capsule-ui .capsule-game .chat-head-actions{display:flex!important;align-items:center;gap:6px;margin-left:auto;position:static!important;inset:auto!important;transform:none!important}
.capsule-ui .capsule-game #mainChatPanel.minimized #chatClear{display:none!important}
.capsule-ui .capsule-game .chat-tabs .chat-tab{border-bottom:0!important;box-shadow:none!important;border-radius:8px!important}.capsule-ui .capsule-game .chat-tabs .chat-tab.active{background:var(--c-soft)!important}.capsule-ui .capsule-game .chat-tabs .chat-tab::after{content:none!important}
html.capsule-ui body.capsule-game #mainChatPanel .chat-tabs button{border-bottom:0!important;box-shadow:none!important;border-radius:8px!important}html.capsule-ui body.capsule-game #mainChatPanel .chat-tabs button.active{background:var(--c-soft)!important}
.capsule-ui .push-settings-row input[type=checkbox]{box-sizing:border-box!important;position:relative!important;appearance:none!important;margin:0!important}
.capsule-ui .push-settings-row input[type=checkbox]::after{position:absolute!important;left:3px;top:3px;display:block;width:14px!important;height:14px!important;margin:0!important;border-radius:50%;transform:none}
.capsule-ui .push-settings-row input[type=checkbox]:checked::after{transform:translateX(15px)}
/* Nearby characters share the exact enemy card structure. */
.capsule-ui .capsule-game .nearby-player-card header{position:relative;padding-right:30px}.capsule-ui .capsule-game .nearby-profile-button{position:absolute;right:-7px;top:-7px;width:30px;height:30px;min-height:30px!important;padding:5px!important}
.capsule-ui .capsule-game .nearby-player-card header>div{min-width:0}.capsule-ui .capsule-game .nearby-player-card header b{overflow-wrap:anywhere}
.capsule-ui .capsule-game .nearby-player-card .nx-target-actions{grid-template-columns:1fr}.capsule-ui .capsule-game .nearby-self{border-color:color-mix(in srgb,var(--c-accent) 45%,var(--c-border))!important}
html.capsule-ui .capsule-game :is(#enemyList,#playerList){padding:12px!important;gap:10px!important}
/* Player profile replaces the legacy location-and-coordinate table. */
.capsule-ui .capsule-game #playerDetailModal{width:min(560px,calc(100vw - 32px))!important;max-width:560px!important;max-height:calc(100dvh - 40px)!important;padding:24px!important;border:1px solid var(--c-border)!important;background:var(--c-surface)!important;border-radius:16px!important;overflow:auto!important;color:var(--c-text)!important;box-shadow:var(--c-shadow)!important}
.capsule-ui .capsule-game #playerDetailModal .modal-title-row{align-items:center;padding:0 0 20px!important;margin:0!important;border-bottom:1px solid var(--c-border)}
.capsule-ui .capsule-game #playerDetailName{font:550 23px/1.3 Inter,sans-serif!important;letter-spacing:-.5px;color:var(--c-text)!important}
.capsule-profile-identity{display:flex;align-items:center;gap:24px;padding:24px 0}.capsule-profile-portrait{width:100px;height:126px;flex:none;display:grid;place-items:center;border:1px solid var(--c-border);border-radius:12px;background:var(--c-inset)}
.capsule-profile-portrait.online{border-color:var(--c-success)}.capsule-profile-portrait.offline{border-color:var(--c-danger)}.capsule-profile-portrait.offline img{filter:grayscale(1);opacity:.5}
.capsule-ui .capsule-game .capsule-profile-portrait .aura-avatar{width:84px!important;height:110px!important;display:grid;place-items:center;background:none!important}.capsule-ui .capsule-game .capsule-profile-portrait .aura-sprite{position:static!important;width:auto!important;max-width:80px!important;height:105px!important;max-height:105px!important;object-fit:contain!important;transform:none!important}
.capsule-profile-name{min-width:0}.capsule-profile-name h3{font-size:24px!important;line-height:1.3;margin:0 0 8px!important;overflow-wrap:anywhere}.capsule-profile-name p{font-size:12px;color:var(--c-muted);margin:0}.capsule-profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.capsule-profile-tags span{font-size:10px;color:var(--c-accent-text);padding:5px 9px;background:var(--c-soft);border-radius:6px}
.capsule-profile-stats{border:1px solid var(--c-border);border-radius:12px;padding:18px;background:var(--c-inset)}.capsule-profile-stats h3{font-size:12px!important;font-weight:550;margin:0 0 15px!important}.capsule-profile-stats dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.capsule-profile-stats dt{font-size:10px;color:var(--c-muted)}.capsule-profile-stats dd{font-size:18px;font-weight:550;margin:5px 0 0;font-variant-numeric:tabular-nums}
.capsule-ui .capsule-game .capsule-profile-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:20px!important}.capsule-profile-actions button{font-size:11px!important;min-height:44px!important;white-space:normal!important}.capsule-profile-actions svg{width:17px;height:17px}.capsule-profile-actions .duel-request-button{grid-column:1/-1}
/* Radar, with the same dark/light palette and controls as the game. */
.capsule-ui .capsule-game .minimap-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--c-border)}.radar-heading-icon{width:19px;height:19px;color:var(--c-accent-text)}
.capsule-radar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 12px 0}.capsule-ui .capsule-game .capsule-radar-tabs button{font-size:10px;padding:8px 4px;min-height:34px;border:1px solid transparent!important;border-radius:8px!important;background:var(--c-inset)!important;color:var(--c-muted)!important}.capsule-ui .capsule-game .capsule-radar-tabs button.active{color:var(--c-accent-text)!important;background:var(--c-soft)!important;border-color:var(--c-border)!important}
.capsule-ui .capsule-game .minimap-shell{margin:12px!important;border:1px solid var(--c-border)!important;border-radius:10px!important;padding:0!important;overflow:hidden;background:var(--c-inset)!important}.capsule-ui .capsule-game #minimap{display:block;width:100%!important;height:auto!important;aspect-ratio:280/152;border:0!important;border-radius:0!important}
.capsule-ui .capsule-game .mini>.minimap-meta-top{display:flex;justify-content:space-between;gap:8px;padding:0 12px;font-size:9px}.capsule-ui .capsule-game .mini .minimap-status-row{padding:12px!important}.capsule-ui .capsule-game .radar-player-dot{background:var(--c-text)!important}.capsule-ui .capsule-game .radar-dot{background:var(--c-accent)!important}
.mobile-panel.capsule-ui .capsule-game.capsule-chat-expanded #mainChatPanel{margin-bottom:10px!important}
.mobile-panel.capsule-ui .capsule-game.mobile-in-view #mainChatPanel{display:none!important}
/* October refinements: compact headers and consistent secondary windows. */
html.capsule-ui body.capsule-game #mainChatPanel .chat-collapse-head{box-sizing:border-box!important;height:52px!important;min-height:52px!important;padding:0 14px!important;align-items:center!important;line-height:20px!important}
html.capsule-ui body.capsule-game #mainChatPanel .chat-collapse-head>span{margin:0!important;padding:0!important;line-height:20px!important;align-self:center!important;transform:none!important}
html.capsule-ui body.capsule-game #mainChatPanel .chat-head-actions{height:100%;margin-block:0!important;align-items:center!important}
html.capsule-ui body.capsule-game .friends-head{position:relative;display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;height:52px!important;min-height:52px!important;padding:0 14px!important}
html.capsule-ui body.capsule-game .friends-head .friend-search{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important;width:auto!important}
html.capsule-ui body.capsule-game .friends-head.searching .friends-heading-label{display:none}
html.capsule-ui body.capsule-game .friends-head.searching .friend-search{width:100%!important}
html.capsule-ui body.capsule-game .friends-head #friendInput{flex:1;min-width:0;width:100%;height:34px!important;min-height:34px!important;font-size:11px;padding:6px 8px!important}
html.capsule-ui body.capsule-game .friends-head #friendInput[hidden]{display:none!important}
html.capsule-ui body.capsule-game #searchPlayer{flex:0 0 28px!important;width:28px!important;height:32px!important;min-height:32px!important;padding:4px!important;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--c-muted)!important}
html.capsule-ui body.capsule-game #searchPlayer:hover{color:var(--c-accent-text)!important}
html.capsule-ui body.capsule-game .minimap-meta-top[hidden]{display:none!important}
html.capsule-ui body.capsule-game #minimap{aspect-ratio:280/204!important}
html.capsule-ui body.capsule-game .capsule-nearby-heading{justify-content:space-between}
html.capsule-ui body.capsule-game .r5-clan-spotlights .capsule-rank-portrait{display:grid!important;place-items:center;width:48px;height:60px;flex:0 0 48px;overflow:hidden;padding:5px;box-sizing:border-box}
html.capsule-ui body.capsule-game .r5-clan-spotlights .capsule-rank-portrait img{position:static!important;width:auto!important;height:46px!important;max-width:36px!important;max-height:46px!important;object-fit:contain!important;transform:none!important;margin:0!important}
html.capsule-ui body.capsule-game .r5-donation{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;min-width:0}
html.capsule-ui body.capsule-game .r5-donation .review-field{flex:1;min-width:0;margin:0!important}
html.capsule-ui body.capsule-game .r5-donation input{width:100%;box-sizing:border-box;height:42px!important;min-height:42px!important;margin:0!important}
html.capsule-ui body.capsule-game .r5-donation button{height:42px;min-height:42px!important;flex:none}
html.capsule-ui body.capsule-game .rank-table{border-collapse:separate!important;border-spacing:0 8px!important}
html.capsule-ui body.capsule-game .rank-table thead th:first-child{border-top-left-radius:10px!important}
html.capsule-ui body.capsule-game .rank-table thead th:last-child{border-top-right-radius:10px!important}
html.capsule-ui body.capsule-game [aria-modal="true"]:not(dialog){position:fixed!important;z-index:var(--capsule-modal-layer,220)!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important}
html.capsule-ui body.capsule-game:has([aria-modal="true"]:not(.hidden):not([hidden]))::after{content:'';position:fixed;inset:0;z-index:210!important;background:#07101799;pointer-events:auto}
html.capsule-ui body.capsule-game .system-notice .capsule-message-bubble{background:color-mix(in srgb,var(--c-accent) 13%,var(--c-surface))!important;border:1px solid color-mix(in srgb,var(--c-accent) 50%,var(--c-border))!important}
html.capsule-ui body.capsule-game .system-notice .capsule-system-avatar{display:grid;place-items:center;flex:0 0 30px;height:36px;border:1px solid var(--c-border);border-radius:6px;color:var(--c-accent-text);background:var(--c-soft)}
.capsule-system-avatar svg{width:18px;height:18px}
html.capsule-ui body.capsule-game .chat-line.system-notice{display:flex!important;align-items:flex-start;gap:8px}
html.capsule-ui body.capsule-game .system-notice :is(.chat-msg-info-empty,.chat-msg-date){display:none!important}
html.capsule-ui body.capsule-game .system-notice .chat-msg-body{font:400 11px/1.65 Inter,sans-serif!important;text-shadow:none!important;color:var(--c-text)!important;letter-spacing:normal!important}
html.capsule-ui body.capsule-game [aria-modal="true"] .modal-title-row small{display:none!important}
html.capsule-ui body.capsule-game [aria-modal="true"] .modal-title-row h2{font:550 22px/1.3 Inter,sans-serif!important;color:var(--c-text)!important;margin:0!important}
html.capsule-ui body.capsule-game #privateChatPanel .duel-countdown-message .capsule-message-bubble{background:transparent!important;border:0!important;box-shadow:none!important;flex:none!important;padding:4px 6px!important}
.duel-countdown-message .chat-msg-body{display:block;font-size:28px!important;line-height:1.2!important;font-weight:600;color:var(--c-accent-text);font-variant-numeric:tabular-nums}
.duel-countdown-message .capsule-message-meta{margin-bottom:4px}
html.mobile-panel.capsule-ui body.capsule-game #mobileChatOpen{display:flex!important;align-items:center!important;gap:14px!important}
html.mobile-panel.capsule-ui body.capsule-game #mobileChatOpen>span{line-height:20px;margin:0;padding:0}
html.mobile-panel.capsule-ui body.capsule-game #mobileChatOpen>svg:last-of-type{margin-left:auto}
html.capsule-ui .capsule-account-home{color:var(--c-muted)!important}
@media(max-width:780px){.capsule-ui .r4-create-portrait>.capsule-idle{grid-column:1;grid-row:1/4;width:84px;height:126px;margin:0;align-self:center}.capsule-ui .r4-create-portrait h3{grid-column:2}.capsule-ui .r4-create-portrait>#createRaceLabel{grid-column:2}.capsule-character-actions{justify-content:center}.capsule-profile-identity{gap:16px}.capsule-profile-name h3{font-size:21px!important}.capsule-profile-portrait{width:84px;height:110px}.capsule-ui .capsule-game #playerDetailModal{padding:18px!important}.capsule-ui .capsule-game .capsule-profile-portrait .aura-sprite{height:90px!important}}

.capsule-notice-actions{display:flex;align-items:center;gap:8px;flex:none}.capsule-ui .capsule-notice-actions .capsule-icon-button{width:40px;height:40px}.capsule-notice-actions button:disabled{opacity:.4;cursor:not-allowed}.capsule-notice-actions button:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}

/* Clan directory: the same six columns and alignment in headings and rows. */
.capsule-ui .capsule-game #viewContent .clan-directory-table{display:table!important;width:100%!important;min-width:700px!important;table-layout:fixed!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table thead{display:table-header-group!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table tbody{display:table-row-group!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table tr:not(.hidden){display:table-row!important;padding:0!important;border:0!important;background:transparent!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table td:before{display:none!important;content:none!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table :is(th,td){display:table-cell!important;vertical-align:middle!important;padding:12px!important;white-space:normal;overflow-wrap:anywhere;text-align:left!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table :is(th,td):nth-child(1){width:10%!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table :is(th,td):nth-child(2){width:26%!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table :is(th,td):nth-child(3){width:10%!important;text-align:center!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table :is(th,td):nth-child(4){width:14%!important;text-align:center!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table :is(th,td):nth-child(5){width:17%!important;text-align:center!important}
.capsule-ui .capsule-game #viewContent .clan-directory-table :is(th,td):nth-child(6){width:23%!important;text-align:right!important}
.capsule-ui .capsule-game #viewContent :is(.clan-language-select .language-flag,.clan-language-frame){display:inline-flex!important;align-items:center;justify-content:center;width:48px!important;min-width:48px!important;height:34px!important;min-height:34px!important;padding:2px!important;border:1px solid var(--c-border)!important;border-radius:6px!important;overflow:hidden;box-sizing:border-box;flex:none}
.capsule-ui .capsule-game #viewContent .clan-language-flag{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;border-radius:3px}
.capsule-ui .capsule-game #viewContent .clan-language-select .language-flag[aria-pressed=true]{border-color:var(--c-accent)!important;box-shadow:0 0 0 1px var(--c-accent)!important}
.capsule-ui .capsule-game :is(.bag-slot,.character-bag-slot){overflow:hidden;padding:4px!important;display:flex;align-items:center;justify-content:center}
.capsule-ui .capsule-game :is(.bag-slot,.character-bag-slot) .item-art-bag{display:block!important;width:38px!important;height:38px!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;margin:0 auto!important;flex:none}
.capsule-ui .capsule-game :is(.bag-slot,.character-bag-slot)>span:not(.item-emoji):not(.dragon-ball-item-orb){z-index:1}
.capsule-ui .capsule-game #chatForm.chat-send-locked button{background:var(--c-raised)!important;color:var(--c-muted)!important;border-color:var(--c-border)!important;opacity:.55;cursor:not-allowed}
.capsule-ui .capsule-game #chatForm.chat-send-locked input{color:var(--c-muted)!important;cursor:wait}