.panel-layer.character-open { background:transparent; }
.character-window { position:absolute; top:min(70px,max(0px,calc(100dvh - 567px))); left:12px; width:264px; height:435px; border:0; padding:0; isolation:isolate; color:#fff; font:11px/16px Arial,sans-serif; text-shadow:1px 1px #0009; }
#names.has-preview,#mob-actors.has-preview,#npc-actors.has-preview,#team-leader-markers.has-preview { mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000); mask-size:100% 100%,var(--preview-width) var(--preview-height); mask-position:0 0,var(--preview-left) var(--preview-top); mask-repeat:no-repeat; mask-composite:exclude; }
.character-window::before { content:''; position:absolute; z-index:0; inset:0; background:url('/ui/status/frame.png?v=789abf96f9068049') no-repeat; pointer-events:none; }
.character-window[data-page='equipment']::before { mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000); mask-size:100% 100%,204px 322px; mask-position:0 0,40px 55px; mask-repeat:no-repeat; mask-composite:exclude; }
.character-window button { padding:0; border:0; background-color:transparent; background-repeat:no-repeat; cursor:pointer; }
.character-window button:disabled { cursor:default; }
.character-window > * { position:absolute; z-index:1; }
.character-drag { left:54px; top:26px; width:183px; height:28px; cursor:grab; touch-action:none; }.character-drag:active { cursor:grabbing; }
.character-close-x { left:239px; top:38px; width:15px; height:15px; background-image:url('/ui/status/close-x.png?v=516ee3f630374e88'); }.character-close-x:hover { background-image:url('/ui/status/close-x-pressed.png?v=eb91325150e54e40'); }
.character-side-tabs { left:0; top:112px; display:flex; flex-direction:column; gap:21px; width:37px; }
.character-side-tabs button { width:37px; height:37px; flex:none; background-position:center; }
#stats-tab { background-image:url('/ui/status/tab-stats.png?v=66b8dae2c2ba8c8c'); }#stats-tab[aria-selected='true'] { background-image:url('/ui/status/tab-stats-pressed.png?v=207ff28d06f8ad2c'); }
#equipment-tab { background-image:url('/ui/status/tab-equipment.png?v=d3a7aa1b94b87a0f'); }#equipment-tab[aria-selected='true'] { background-image:url('/ui/status/tab-equipment-pressed.png?v=61558b1fc6c43b8a'); }
#proficiency-tab { background-image:url('/ui/status/tab-proficiency.png?v=6429bb4f03099863'); }#proficiency-tab[aria-selected='true'] { background-image:url('/ui/status/tab-proficiency-pressed.png?v=4a4e5d7aaff7ec46'); }
#skills-tab { margin-top:2px; background-image:url('/ui/status/tab-skills.png?v=a2431ab27e994abf'); }#skills-tab[aria-selected='true'] { background-image:url('/ui/status/tab-skills-pressed.png?v=237036f65e881673'); }
.character-page { left:40px; top:55px; width:204px; height:322px; }
.stats-page { background:url('/ui/status/stats.png?v=5d523d92d6f4f888') no-repeat; }
.stat-value,.attribute-value { position:absolute; height:16px; color:#fff; white-space:nowrap; }
.stat-value { left:72px; width:124px; overflow:hidden; text-overflow:ellipsis; }.attribute-value { max-width:28px; font-size:10px; }
#detail-name { top:8px; }#detail-level { top:36px; }#detail-job { top:62px; }#detail-pk { top:88px; }#detail-spouse { top:114px; }#detail-guild { top:140px; }#detail-position { top:166px; }
#detail-strength { left:53px; top:199px; }#detail-agility { left:148px; top:199px; }#detail-vitality { left:53px; top:229px; }#detail-spirit { left:148px; top:229px; }#detail-points { left:102px; top:259px; }
.attribute-add[aria-label='Increase strength'] { left:81px; top:199px; }.attribute-add[aria-label='Increase agility'] { left:175px; top:199px; }.attribute-add[aria-label='Increase vitality'] { left:81px; top:230px; }.attribute-add[aria-label='Increase spirit'] { left:175px; top:230px; }
.attribute-add { position:absolute; width:19px; height:19px; background-image:url('/ui/status/allocate.png?v=826ad501ac0440a7'); background-position:center; opacity:.65; }
.combat-details { position:absolute; left:8px; top:194px; width:189px; height:118px; background:url('/ui/status/details.png?v=6f38eac7c0f80b8f') no-repeat; }
.combat-value { position:absolute; left:88px; width:96px; text-align:left; }
.combat-value:nth-child(1) { top:6px; }.combat-value:nth-child(2) { top:26px; }.combat-value:nth-child(3) { top:46px; }.combat-value:nth-child(4) { top:66px; }
.native-page-button { width:64px; height:22px; background-position:center; }
.native-page-button:hover { filter:brightness(1.2); }
.basics-button { position:absolute; left:24px; top:282px; background-image:url('/ui/status/basics.png?v=9091ce6b9c3f2925'); }.basics-button:active { background-image:url('/ui/status/basics-pressed.png?v=d0d780709d1b58ae'); }
.details-button { position:absolute; left:119px; top:282px; background-image:url('/ui/status/details-button.png?v=75a7e6bf00585232'); }.details-button:active { background-image:url('/ui/status/details-button-pressed.png?v=72947fa75f2ab674'); }
.paperdoll-name { position:absolute; top:4px; left:35px; width:115px; color:#f4e6ad; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#equipment-grid { position:absolute; inset:0; }
.paperdoll-slot { position:absolute; border:1px solid transparent; }
.paperdoll-slot.left-hand-framed::before { content:''; position:absolute; left:-1px; top:-1px; width:67px; height:67px; background:url('/ui/status/left-hand-frame.png?v=3f1e175a927fbca3') no-repeat; pointer-events:none; }
.paperdoll-slot:hover { border-color:#e8d58c99; }
.proficiency-page,.skills-page { background:url('/ui/status/list.png?v=b45dfed750670098') no-repeat; }
.native-selection-details { position:absolute; left:25px; top:5px; width:154px; height:55px; overflow:auto; color:#fff; font:11px/18px "Courier New",monospace; text-shadow:1px 1px #000; }
.native-selection-details > div { white-space:nowrap; }
.native-category-tabs { position:absolute; top:297px; left:4px; display:flex; gap:2px; }
.category-one-hand { background-image:url('/ui/status/one-hand.png?v=1e18d7f7b5f9b0fc'); }.category-one-hand:active { background-image:url('/ui/status/one-hand-pressed.png?v=21b3552fce8bf127'); }
.category-two-hand { background-image:url('/ui/status/two-hand.png?v=4675e4b8369009db'); }.category-two-hand:active { background-image:url('/ui/status/two-hand-pressed.png?v=686658dab770d8b4'); }
.category-others { background-image:url('/ui/status/others.png?v=c285d42d2585254c'); }.category-others:active { background-image:url('/ui/status/others-pressed.png?v=476608441438e22e'); }
.category-skill { background-image:url('/ui/status/skill.png?v=2db24bff92836231'); }.category-skill:active { background-image:url('/ui/status/skill-pressed.png?v=11ec73c08fb087db'); }
.category-magic { background-image:url('/ui/status/magic.png?v=3f931ebbb280bf9b'); }.category-magic:active { background-image:url('/ui/status/magic-pressed.png?v=33b6aba8bf10d642'); }
.category-xp { background-image:url('/ui/status/xp.png?v=308125f4e1158dd0'); }.category-xp:active { background-image:url('/ui/status/xp-pressed.png?v=6a6ef0f28c688787'); }
.native-category-tabs button[aria-pressed='true'] { filter:brightness(1.12); }
.native-list-up,.native-list-down { position:absolute; left:183px; width:17px; height:17px; }
.native-list-up { top:230px; background-image:url('/ui/status/up.png?v=c73ce5b68a423ea6'); }.native-list-down { top:264px; background-image:url('/ui/status/down.png?v=07facabfe70682a2'); }.native-list-up:active:enabled { background-image:url('/ui/status/up-pressed.png?v=47aa92e221d5809d'); }.native-list-down:active:enabled { background-image:url('/ui/status/down-pressed.png?v=d34f3d697201d78d'); }
.native-list-up:disabled,.native-list-down:disabled { opacity:.65; }
.native-learned-list { position:absolute; left:17px; top:67px; width:162px; height:228px; }
.learned-row { position:relative; height:38px; padding:3px 0 0 57px; font-size:10px; overflow:hidden; }.learned-row span { display:block; line-height:14px; }.learned-row small { color:#d6be80; }
/* Spell icons sit in the list's original 33x34 icon cells; the 50x50 Magic.Ani icon is scaled down. */
.learned-icon { position:absolute; left:2px; top:0; width:33px; height:33px; }
/* GUI.ini [134]: the whole weapon texture fills its 37x37 cell; badges keep their native size inside the 104x34 cell at x=78. */
.proficiency-row { position:relative; height:38px; }
.proficiency-icon { position:absolute; left:0; top:0; width:37px; height:37px; }
.proficiency-badges { position:absolute; left:61px; top:1px; width:104px; height:34px; pointer-events:none; }
.proficiency-badges img { position:absolute; }
.character-footer-help { left:75px; top:386px; width:63px; height:20px; background-image:url('/ui/status/help.png?v=b08075dd07bbd4b4'); background-position:center; }.character-footer-help:hover { background-image:url('/ui/status/help-pressed.png?v=d1470cb1878a527c'); }
.character-footer-close { left:168px; top:386px; width:63px; height:20px; background-image:url('/ui/status/close.png?v=b32c4db3390b18bf'); background-position:center; }.character-footer-close:hover { background-image:url('/ui/status/close-pressed.png?v=ec1cd2aef53df342'); }

.attribute-add:enabled { opacity:1; }

.combat-details,.combat-value { cursor:help; }
.combat-value:focus-visible,.combat-details:focus-visible { outline:1px solid #e8d58c; outline-offset:2px; }
.item-tooltip.combat-calculation-tooltip { box-sizing:border-box; width:min(360px,calc(100% - 12px)); min-width:0; max-width:calc(100% - 12px); max-height:calc(100dvh - 24px); overflow:auto; padding:8px 10px; white-space:normal; pointer-events:auto; background:#14222bf2; font:12px/18px 'Courier New',monospace; }
.combat-calculation-tooltip section + section { margin-top:10px; padding-top:6px; border-top:1px solid #a9b4bd66; }
.combat-calculation-tooltip strong { display:block; margin-bottom:4px; color:#f4e6ad; }
.combat-calculation-tooltip section > div { overflow-wrap:anywhere; margin:2px 0; }