.character-panel{position:fixed;z-index:170;left:12px;top:145px;bottom:22px;width:390px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(22,36,39,.98),rgba(9,19,24,.98));border:1px solid #a78b51;border-radius:10px;box-shadow:0 18px 60px #0009;color:#e7dfc9;font:14px system-ui;overflow:hidden;user-select:none}.character-panel[hidden]{display:none}.character-panel header{padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a78b5144}.character-panel header small{font-size:10px;letter-spacing:2px;color:#c1a76e}.character-panel h2{margin:5px 0 0;font:26px Georgia}.character-panel button{cursor:pointer;border:1px solid #84724677;background:#23363c;color:#e8d6a7;border-radius:5px;min-height:31px;padding:5px 9px;font:inherit}.character-panel button:hover:not(:disabled){background:#365058;border-color:#d1b572}.character-panel button:disabled{opacity:.35;cursor:default}.character-panel header button{font-size:26px;line-height:1;background:transparent}.character-panel nav{display:flex;padding:10px 14px;gap:6px}.character-panel nav button{flex:1;background:transparent}.character-panel nav [aria-selected=true]{background:#34474a;border-color:#c2a669}.character-body{overflow-y:auto;overscroll-behavior:contain;padding:8px 18px 18px;scrollbar-width:thin;scrollbar-color:#9b8857 #17282e}.character-identity{display:flex;gap:12px;align-items:center;margin:4px 0 18px}.character-identity>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b09863;border-radius:8px;font:28px Georgia;background:#293c40}.character-identity small,.character-rank small{display:block;color:#a5b3b5;margin-top:4px;font-size:11px}.character-exp>div{display:flex;justify-content:space-between;font-size:12px}.character-exp>small{display:block;text-align:right;color:#a7b0aa;font-size:10px}.character-exp meter{width:100%;height:15px;margin:7px 0 3px}.character-exp meter::-webkit-meter-bar{background:#09171b;border:none}.character-exp meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#987b37,#e4c368)}.character-vitals{display:flex;gap:12px;font-size:11px;margin:12px 0;color:#a4b4b9}.character-vitals span{flex:1}.character-vitals b{color:#d9e2df}.character-np{display:flex;align-items:center;justify-content:space-between;background:#162930;border:1px solid #8b764044;border-radius:7px;padding:13px;margin:16px 0}.character-np small{font-size:9px;letter-spacing:.6px;color:#acb6b8}.character-np strong{display:block;font:26px Georgia;color:#efd896;margin-top:3px}.character-np em{font:12px system-ui;color:#b7ab83}.character-rank{text-align:right;color:var(--rank-color)}.character-section-title{display:flex;align-items:center;justify-content:space-between;margin:14px 0 5px}.character-section-title>span{font-size:11px;color:#eed18d;background:#a18c3420;padding:5px 7px;border-radius:4px}.character-attributes>p,.character-body>p{font-size:11px;color:#a5b2b4;line-height:1.7}.character-stat{display:flex;align-items:center;gap:6px;border-bottom:1px solid #adb29a19;padding:11px 0}.character-stat>div{flex:1}.character-stat small{display:block;color:#99a9ac;font-size:10px;margin-top:4px}.character-stat>strong{min-width:29px;text-align:right;color:#f0dcaa}.character-stat button{font-size:12px;padding:4px 6px}.character-secondary,.character-primary{width:100%;margin-top:16px}.character-empty{text-align:center;padding:30px 8px;color:#a9b7b7}.character-empty>span{font-size:35px;color:#d8c18b}.character-empty h3{font:19px Georgia;color:#e5d6b3}.character-empty p{font-size:12px;line-height:1.7}.character-clan-crest{margin:15px auto;display:grid;place-items:center;width:65px;height:78px;background:var(--clan-color);border:1px solid #c7ac68;border-radius:5px 5px 30px 30px;font-size:32px}.character-body>h3{text-align:center;font:22px Georgia}.character-clan-members>div{padding:8px;border-bottom:1px solid #b6bcaa22}.character-friend{padding:13px 0;border-bottom:1px solid #b6bcaa22}.character-friend>div:first-child{display:flex;align-items:center;gap:7px}.character-friend small{margin-left:auto;font-size:10px;color:#a6b4b6}.friend-presence{width:7px;height:7px;border-radius:50%;background:#667276}.friend-presence.online{background:#6bc994;box-shadow:0 0 6px #6bc99455}.friend-actions{display:flex;gap:6px;margin:9px 0 0 14px}.friend-actions button{font-size:11px}.friend-actions button:last-child{margin-left:auto}.character-error{margin:0;padding:0 16px 10px;color:#f19b96;font-size:12px;min-height:0}.character-error:empty{padding:0}.character-panel button:focus-visible{outline:2px solid #f0dba5;outline-offset:2px}@media(max-width:700px){.character-panel{top:100px;bottom:12px;left:8px;width:360px;max-width:calc(100vw - 16px)}.character-panel header{padding:12px 16px}.character-panel h2{font-size:22px}}

.character-panel nav[hidden]{display:none}

.character-combat-values{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px 0}.character-combat-values div{background:#23363b;padding:6px 3px;text-align:center;border-radius:4px}.character-combat-values span{display:block;font-size:9px;color:#abbec3}.character-combat-values b{font-size:14px;color:#eedb9d}.character-panel.stats-compact{width:340px;top:120px;bottom:auto;max-height:calc(100dvh - 130px);font-size:12px}.stats-compact header{padding:10px 14px}.stats-compact h2{font-size:21px}.stats-compact .character-body{padding:5px 12px 8px;overflow:visible}.stats-compact .character-identity{margin:2px 0 6px;gap:8px}.stats-compact .character-identity>span{width:32px;height:32px;font-size:20px}.stats-compact .character-np{margin:6px 0;padding:6px 9px}.stats-compact .character-np strong{font-size:20px}.stats-compact .character-vitals{margin:5px 0}.stats-compact .character-exp meter{height:9px;margin:2px 0}.stats-compact .character-exp>small,.stats-compact .character-attributes>p,.stats-compact .character-stat small,.stats-compact .character-secondary{display:none}.stats-compact .character-stat{padding:4px 0;gap:5px}.stats-compact .character-stat strong{font-size:15px}.stats-compact .character-stat button{min-height:27px;padding:3px 8px}.stats-compact .character-section-title{margin:5px 0}.stats-compact .character-error:empty{display:none}@media(max-height:650px){.character-panel.stats-compact{top:70px;max-height:calc(100dvh - 80px)}.stats-compact .character-identity,.stats-compact .character-exp,.stats-compact .character-np{display:none}}@media(max-height:420px){.character-panel.stats-compact{top:10px;max-height:calc(100dvh - 20px)}.stats-compact header{padding:6px 12px}.stats-compact .character-stat{padding:2px 0}.stats-compact .character-combat-values{padding:3px 0}}

.character-weapon-defenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:1px 0 6px}.character-weapon-defenses>div{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:5px 6px;background:#192d33;border-radius:4px;font-size:10px}.character-weapon-defenses span{color:#abbec3}.character-weapon-defenses b{color:#c8e1d9;font-size:11px;font-variant-numeric:tabular-nums}@media(max-height:650px){.stats-compact .character-weapon-defenses>div{padding:3px 5px}}@media(max-height:420px){.stats-compact .character-weapon-defenses{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:2px 0}.stats-compact .character-weapon-defenses>div{display:block;text-align:center;padding:2px;font-size:8px}.stats-compact .character-weapon-defenses b{display:block;font-size:10px}.stats-compact header small{display:none}.stats-compact h2{margin:0;font-size:18px}}

/* Tab underline moves independently; content fades only on a deliberate tab change. */
.character-panel nav{position:relative;border-bottom:1px solid #a78b5133;padding-bottom:0;gap:0}.character-panel nav button{position:relative;border:0;border-radius:5px 5px 0 0;padding:12px 5px;transition:background .16s,color .16s}.character-panel nav button::after{content:'';position:absolute;bottom:0;left:12%;right:12%;height:2px;background:#e4c783;transform:scaleX(0);transition:transform .18s}.character-panel nav [aria-selected=true]::after{transform:scaleX(1)}.character-body{min-height:0;flex:1}.character-panel form{display:flex;gap:6px;margin:12px 0}.character-panel input{min-width:0;flex:1;padding:9px;background:#0d2028;color:#f0dfba;border:1px solid #947e49;border-radius:5px}.character-clan-members>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.character-clan-members button{font-size:10px;margin:2px}.national-emblem{width:32px;height:32px;display:block;margin:0 0 5px auto}.character-rank b{font-size:12px}@media(prefers-reduced-motion:reduce){.character-panel nav button,.character-panel nav button::after{transition:none}}@media(max-height:500px){.character-panel{top:12px;bottom:12px}.character-panel header{padding:8px 14px}}

.character-np-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.character-np-pair .character-np{min-width:0;padding:8px}.character-np-pair .character-rank{text-align:left}.character-np-pair .national-emblem{margin:4px 0}.character-np-pair strong{font-size:20px;overflow-wrap:anywhere}

.character-np-summary{display:grid;gap:4px;padding:12px 0;color:#d9c78c}.character-np-summary>span{font-size:12px;letter-spacing:.08em}.character-np-summary>strong{font-size:20px;font-variant-numeric:tabular-nums}