.world:has(#screen-profile:not(.hidden))>.breadcrumb{display:none}
#screen-profile{inset:0;width:auto;max-width:calc(100vw - 2px);padding:16px;border:0;border-radius:0;box-shadow:none;background:#091522;container:characterPage / inline-size}
#screen-profile>h2{font-size:13px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #35536a}
.characterLayout{display:grid;grid-template-columns:minmax(220px,26%) minmax(0,1fr);gap:24px;align-items:start}
.characterPlayer{min-width:0;padding-right:20px;border-right:1px solid #35536a}
.characterPlayer>h3{margin-bottom:10px}
#screen-profile #heroProgress{padding:8px 10px;margin-bottom:8px;line-height:1.4}
#screen-profile #heroProgress progress{height:7px;margin-top:6px}
.characterPlayer>.cards{grid-template-columns:minmax(0,1fr);gap:5px}
.characterPlayer>.cards>div{min-width:0;gap:8px;padding:7px 8px;font-size:11px;align-items:baseline}
.characterPlayer>.cards b{color:#91adbf;font-weight:normal}
.characterPlayer>.cards span{min-width:0;text-align:right;overflow-wrap:anywhere}
.characterSettings{margin-top:18px;padding-top:14px;border-top:1px solid #35536a}.characterSettings h3{margin:0 0 12px;font-size:12px}
.playerSettings{display:grid;gap:8px;min-width:0}.playerSettings>label{font-size:11px;color:#c4d9e8}.playerSettings>select,.playerSettings>input{box-sizing:border-box;width:100%;min-width:0;padding:7px;background:#071421;color:#e4f5ff;border:1px solid #456b85;font-size:11px}.playerSettings>input[type=number]{max-width:90px}
.playerSettings p{margin:0 0 5px;color:#9eb5c7;font-size:11px;line-height:1.5}.playerSettings .playerSettingsCheck{display:flex;align-items:center;gap:7px}.playerSettingsCheck input{margin:0;flex:none}.playerSettings button{justify-self:start;min-height:30px;padding:6px 12px;font-size:11px}.playerSettings .playerSettingsStatus{color:#95e6d1;margin:0}.playerSettingsStatus:empty{display:none}
#characterAttributes{width:50%;min-width:min(100%,360px);margin:0;color:#c4d9e8;container:character / inline-size}
.characterHeading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px}
.characterHeading h3{margin:0}.characterHeading strong{color:#90f0ce;font-size:11px}
.characterHint,.characterResets p{margin:6px 0;line-height:1.45;color:#9eb5c7;font-size:11px}
.characterStats{display:grid;gap:5px;margin:9px 0}
.characterStat{display:grid;grid-template-columns:minmax(0,1fr) 36px 120px 34px;align-items:center;gap:8px;padding:5px 9px;background:#142b3e;border-left:3px solid #5eabc1}
.characterStat b{display:block;color:#d2edfa;font-size:12px}.characterStat small{display:block;margin-top:3px;color:#91adbf;font-size:10px;line-height:1.3}.characterStat>strong{font-size:16px;color:#95e6d1;text-align:center}
.characterStat input{width:58px;min-width:0;height:28px;padding:4px;background:#071421;color:#e4f5ff;border:1px solid #456b85}.characterStat label{font-size:10px;display:flex;gap:5px;justify-content:space-between;align-items:center}
.characterStat button{min-height:28px;padding:4px}.characterPreview{margin:8px 0;padding:7px 9px;background:#0b2232;line-height:1.5;font-size:11px}
#characterApply,#characterReset{min-height:30px;padding:6px 12px;font-size:11px}
.characterResets{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-top:10px;padding-top:10px;border-top:1px solid #35536a}.characterResets h3{grid-column:1/-1;margin:0}.characterResets p{grid-column:1;margin:0}.characterResets button{grid-column:2;grid-row:2 / span 2;align-self:center}
#characterError{color:#f5b89b;margin:8px 0 0;line-height:1.4}#characterError:empty{display:none}
@container character (max-width:380px){.characterStat{grid-template-columns:minmax(0,1fr) 34px;gap:5px 8px}.characterStat label{grid-column:1;justify-content:flex-end}.characterStat button{grid-column:2}}
@container character (max-width:480px){.characterResets{grid-template-columns:minmax(0,1fr)}.characterResets button{grid-column:1;grid-row:auto;justify-self:start}}
@container characterPage (max-width:650px){.characterLayout{grid-template-columns:minmax(0,1fr);gap:18px}.characterPlayer{padding:0 0 14px;border-right:0;border-bottom:1px solid #35536a}.characterPlayer>.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.characterPlayer>.cards>div{flex-wrap:wrap}.characterPlayer>.cards span{margin-left:auto}#characterAttributes{width:100%}}