/* Original Classic UI assets at native CSS pixel dimensions. */
.maple-interface .native-workbench{display:flex;align-items:flex-start;gap:0;flex-wrap:wrap;min-width:0;padding:0}
.maple-interface .native-window{position:relative;flex:none;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;isolation:isolate;image-rendering:pixelated}
.maple-interface .native-window .native-layer{position:absolute;max-width:none;pointer-events:none;z-index:2;image-rendering:pixelated;object-fit:fill}
.maple-interface .equipment-paperdoll.native-window{width:175px;height:289px;min-height:289px;display:block;margin:0}
.maple-interface .equipment-paperdoll.native-window::before,.maple-interface .equipment-paperdoll.native-window::after{display:none}
.maple-interface .native-window .equipment-grid{position:absolute;inset:0;width:175px;height:289px;display:block;z-index:3}
.maple-interface .native-window .equipped-item{position:absolute!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none;background:transparent!important;display:grid!important;place-items:center}
.maple-interface .native-window .equipped-item>img{width:32px!important;height:32px!important;margin:0!important;image-rendering:pixelated;filter:none}
.maple-interface .native-window .equipped-item:hover,.maple-interface .native-window .equipped-item:focus-visible,.maple-interface .native-window .equipped-item.game-hovered{outline:none;box-shadow:none}
.maple-interface .native-window .equipped-item,.maple-interface .native-window .native-recommendation-grid>.gear-item{isolation:isolate}
.maple-interface .native-window .equipped-item:hover::before,.maple-interface .native-window .equipped-item:focus-visible::before,.maple-interface .native-window .equipped-item.game-hovered::before,.maple-interface .native-window .native-recommendation-grid>.gear-item:hover::before,.maple-interface .native-window .native-recommendation-grid>.gear-item:focus-visible::before{content:'';position:absolute;left:-2px;top:-2px;width:36px;height:36px;background:url('../../assets/interface/native/Item/canvas_3AactiveIcon.png') no-repeat;image-rendering:pixelated;pointer-events:none;z-index:-1}
.maple-interface .native-window .equipped-item .icon-placeholder{font:16px Arial,sans-serif;color:#6b859c;margin:0}
.maple-interface .native-window .equipped-item>.slot-label,.maple-interface .native-window .equipped-item>.slot-status,.maple-interface .native-window .equipped-item>strong,.maple-interface .native-window .equipped-item>small,.maple-interface .native-window .equipped-item>.item-stat-group{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;display:block;white-space:nowrap}
.maple-interface .native-window .native-close{position:absolute;top:6px;left:157px;width:12px;height:12px;min-width:12px;min-height:12px;padding:0;border:0;border-radius:0;z-index:6;background-repeat:no-repeat;background-position:0 0;background-size:12px 12px;box-shadow:none}
.maple-interface .native-window .native-close:hover{background-image:var(--native-close-over)!important}
.maple-interface .native-recommendation-window .native-close{left:191px}
.maple-interface .equipment-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.maple-interface .equipment-heading-actions .text-btn{white-space:nowrap}
.maple-interface .equipment-heading-actions .state{font-size:10px}
.maple-interface .native-workbench .gear-section.inventory-slide{display:flex;flex-direction:column;flex:none;width:0;height:0;max-height:0;margin:0;opacity:0;transform:translateX(-20px);overflow:hidden;border:0;padding:0;visibility:hidden;transition:width .2s ease,margin .2s ease,transform .2s ease,opacity .2s ease,visibility 0s .2s}
.maple-interface .recommendations-open .native-workbench .inventory-slide{width:209px;height:auto;max-height:none;margin-left:12px;opacity:1;transform:translateX(0);visibility:visible;transition-delay:0s}
.maple-interface .native-recommendation-window{width:209px;height:289px;min-height:289px}
.maple-interface .native-workbench .drawer-caption{order:1;font-size:12px;font-weight:600;line-height:1.5;margin:8px 0 0;color:var(--accent)}
.maple-interface .native-workbench .gear-section>.fineprint,.maple-interface .native-workbench .gear-section>.inline{order:2}
.maple-interface .native-workbench .gear-section>.fineprint{font-size:10px;line-height:1.6;margin:8px 0 0}
.maple-interface .native-workbench .gear-section>.inline{font-size:10px;margin-top:9px;line-height:1.5}
.maple-interface .native-window .native-recommendation-grid{position:absolute;left:8px;top:50px;width:176px;height:202px;display:grid;grid-template-columns:repeat(5,32px);grid-auto-rows:32px;gap:2px 4px;align-content:start;overflow:auto;padding:0;z-index:3;scrollbar-width:thin}
.maple-interface .native-recommendation-grid>.gear-context{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.maple-interface .native-window .native-recommendation-grid>.gear-item{display:grid!important;place-items:center;grid-template-columns:1fr;position:relative;width:32px;height:32px;min-width:32px;padding:0;background:transparent;border:0;border-radius:0;gap:0;box-shadow:none}
.maple-interface .native-window .native-recommendation-grid>.gear-item>img{grid-column:auto;grid-row:auto;width:32px;height:32px;margin:0;image-rendering:pixelated}
.maple-interface .native-window .native-recommendation-grid>.gear-item>:not(img){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.maple-interface .native-window .native-recommendation-grid>.gear-item:hover,.maple-interface .native-window .native-recommendation-grid>.gear-item:focus-visible{outline:none;background:transparent}
body.maple-interface[data-session=idle] .equipment-heading-actions{display:none}
/* Native 238px tooltip frame and original bitmap requirement labels/digits. */
.maple-interface .maple-tooltip.native-item-tooltip,.maple-interface .native-item-tooltip{width:238px;min-width:238px;max-width:238px;padding:11px 7px 9px;border:0;border-radius:0;box-shadow:none;background-color:transparent;background-image:url('../../assets/interface/native/UIToolTip/Item/Frame/top.png'),url('../../assets/interface/native/UIToolTip/Item/Frame/bottom.png'),url('../../assets/interface/native/UIToolTip/Item/Frame/line.png');background-position:left top,left bottom,left top;background-repeat:no-repeat,no-repeat,repeat-y;background-size:238px 11px,238px 8px,238px 1px;image-rendering:pixelated;font:12px/1.35 Arial,sans-serif;color:#fff;white-space:normal;overflow:hidden;text-shadow:1px 1px #0008}
.maple-interface .native-item-tooltip .tooltip-title{font:bold 12px/1.3 Arial,sans-serif;letter-spacing:0;text-align:center;color:#fff;margin:0 0 8px;overflow-wrap:anywhere}
.native-item-header{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px;min-height:82px;margin-bottom:7px}
.native-item-icon-box{position:relative;width:82px;height:82px;background:url('../../assets/interface/native/UIToolTip/Item/ItemIcon/base.png') no-repeat;image-rendering:pixelated;display:grid;place-items:center}
.native-item-icon-box img{image-rendering:pixelated;max-width:none}
.native-item-icon-box .native-tooltip-item-icon{position:relative;z-index:1;width:64px;height:64px;object-fit:contain;filter:none}
.native-item-icon-box .native-icon-shade,.native-item-icon-box .native-icon-cover{position:absolute;pointer-events:none}
.native-item-icon-box .native-icon-cover{z-index:2}
.native-item-requirements{display:grid;gap:5px;align-content:center;padding-top:2px}
.native-requirement{display:flex;align-items:center;gap:4px;min-height:7px}
.native-requirement img{display:block;max-width:none;image-rendering:pixelated;flex:none}
.native-requirement .native-number{display:inline-flex;align-items:center;gap:0}
.native-number .native-digit{position:relative;display:block;width:5px;height:7px}
.native-digit img{position:absolute}
.native-item-jobs{position:relative;width:237px;height:24px;overflow:hidden;margin:3px 0 6px -6px}
.native-item-jobs img{position:absolute;top:0;left:0;image-rendering:pixelated;max-width:none}
.maple-interface .native-item-tooltip .tooltip-row{font:12px/1.35 Arial,sans-serif;margin:2px 0;overflow-wrap:anywhere}
.maple-interface .native-item-tooltip .tooltip-section{font:bold 10px/1.3 Arial,sans-serif;text-transform:none;letter-spacing:0;color:#ffd783;margin:7px 0 4px;padding-top:6px;border:0;border-top:1px dashed #b8b5cb80;background:none;clear:both}
.maple-interface .native-item-tooltip .tooltip-source{font:10px/1.4 Arial,sans-serif;color:#c7c1d2;margin:5px 0 0;clear:both}
.maple-interface .native-item-tooltip .tooltip-footer{position:static;padding:6px 0 0;margin:6px 0 0;font:10px/1.4 Arial,sans-serif;border-top:1px dashed #b8b5cb80;background:transparent;color:#c7c1d2}
.maple-interface .native-item-tooltip.has-detail-hint{padding-bottom:9px}
.maple-interface .maple-tooltip.native-item-tooltip{animation:none}
.native-drop-row{font:11px/1.4 Arial,sans-serif;display:flex;align-items:center;gap:5px;margin:4px 0}
.native-drop-row img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;flex:none}
@media(max-width:600px){.maple-interface .recommendations-open .native-workbench .inventory-slide{margin-left:8px}.maple-interface .native-workbench{row-gap:16px}.maple-interface .equipment-heading-actions{justify-content:flex-start}.maple-interface .equipment-card>.section-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.maple-interface .native-workbench .inventory-slide{transition:none}}
/* Compact game windows and quiet loading states. */
body.maple-interface[data-session=active] .build-row{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);align-items:start}
.maple-interface .equipment-card,.maple-interface .skills-card{height:auto;min-height:0;align-self:start;padding:16px 18px}
.maple-interface :is(.equipment-card,.skills-card)>.section-head{margin-bottom:12px;gap:8px}
.maple-interface :is(.equipment-card,.skills-card) .kicker,.maple-interface .skills-columns,.maple-interface #skillsExpandToggle{display:none}
.maple-interface :is(.equipment-card,.skills-card)>.section-head h2{font-size:16px;letter-spacing:-.3px}
.maple-interface :is(#equipmentStatus,#skillsStatus,#equipmentWaiting,#skillsWaiting){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.maple-interface .equipment-heading-actions{gap:8px;justify-content:flex-start}
.maple-interface .native-workbench{justify-content:center;align-items:start}
.maple-interface .native-workbench .gear-section>.fineprint{display:none}
.maple-interface .native-workbench .gear-section>.inline{font-size:9px}
.maple-interface .native-window .equipped-item[data-read-state=reading]::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border:1px solid #6adaff;background:linear-gradient(100deg,transparent 25%,#e8faff66 50%,transparent 75%);background-size:200% 100%;animation:native-loading 1s linear infinite}
.maple-interface .native-window .equipped-item[data-read-state=success].game-hovered::after{content:'✓';position:absolute;right:-1px;bottom:-1px;font:bold 10px Arial;color:#1b8078;background:#e5ffff;border:1px solid #82c6cb;line-height:11px;z-index:5}
.maple-interface .native-window .equipped-item[data-read-state=error].game-hovered::after{content:'!';position:absolute;right:0;bottom:0;font:bold 11px Arial;color:#bf4b3b;background:#fff8da;z-index:5}
.tooltip-skeleton{height:42px;margin:9px 0;background:linear-gradient(100deg,#9bb4cc22 25%,#cde6fb55 50%,#9bb4cc22 75%);background-size:200% 100%;animation:native-loading 1s linear infinite;mask-image:linear-gradient(to bottom,#000 0 8px,transparent 8px 14px,#000 14px 22px,transparent 22px 28px,#000 28px 36px,transparent 36px)}
@keyframes native-loading{to{background-position:-200% 0}}
.maple-interface .native-skills-window{width:197px;height:371px;margin:0 auto;color:#14171b;font:12px/1.2 Arial,sans-serif}
.maple-interface .native-skills-window .native-close{left:177px}
.native-skill-tab{position:absolute;top:23px;width:33px;height:19px;min-height:0;padding:0;border:0;background-color:transparent;background-repeat:no-repeat;z-index:3}
#nativeSkillBook{position:absolute;left:47px;top:62px;width:140px;color:#fff;font:11px/15px Arial,sans-serif;z-index:3;letter-spacing:0;max-height:28px;overflow:hidden}
#nativeSpValue{position:absolute;left:83px;top:349px;width:29px;height:14px;text-align:center;font:12px Arial,sans-serif;z-index:3}
.maple-interface .native-skills-window .skills-list{position:absolute;left:8px;top:99px;width:161px;height:235px;max-height:235px;display:block;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#8ca8c0 #d7e1eb;z-index:3}
.maple-interface .native-skills-window .skill-card{position:relative;display:block;width:161px;height:35px;min-height:35px;margin:0 0 3px;padding:0;border:0;border-radius:0;background:url('../../assets/interface/native/Skill/entry/skill0.png') no-repeat;box-shadow:none;color:#111;text-align:left}
.maple-interface .native-skills-window .skill-card:hover,.maple-interface .native-skills-window .skill-card:focus-visible{background-image:url('../../assets/interface/native/Skill/entry/skill1.png');outline:1px solid #89a4b7;outline-offset:0}
.maple-interface .native-skills-window .skill-card>span:first-child{position:absolute;left:2px;top:2px;width:32px;height:32px;background:transparent;border:0;border-radius:0;display:block}
.maple-interface .native-skills-window .skill-card img{width:32px;height:32px;filter:none}
.maple-interface .native-skills-window .skill-card>span:nth-child(2){position:absolute;left:40px;top:1px;width:119px;font:12px/14px Arial,sans-serif;white-space:nowrap;overflow:hidden}
.maple-interface .native-skills-window .skill-card .skill-rank{position:absolute;left:40px;top:19px;text-align:left;min-width:0;font:12px/12px Arial,sans-serif}
.maple-interface .native-skills-window .skill-rank b{font:12px/12px Arial,sans-serif;color:#111}
.maple-interface .native-skills-window .skill-card small{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.maple-interface .native-skills-window .skill-unread .skill-rank b,.is-skeleton{display:block;width:22px;height:9px;color:transparent!important;background:#bdcbd7;border-radius:2px}
.maple-interface .native-skill-tooltip{width:300px;max-width:min(300px,calc(100vw - 16px));padding:15px 13px;color:#fff;font:12px/1.4 Arial,sans-serif;border:0;border-radius:0;box-shadow:none;background-color:transparent;background-image:url('../../assets/interface/native/UIToolTip/Skill/Frame/nw.png'),url('../../assets/interface/native/UIToolTip/Skill/Frame/ne.png'),url('../../assets/interface/native/UIToolTip/Skill/Frame/sw.png'),url('../../assets/interface/native/UIToolTip/Skill/Frame/se.png'),url('../../assets/interface/native/UIToolTip/Skill/Frame/n.png'),url('../../assets/interface/native/UIToolTip/Skill/Frame/s.png'),url('../../assets/interface/native/UIToolTip/Skill/Frame/w.png'),url('../../assets/interface/native/UIToolTip/Skill/Frame/e.png'),url('../../assets/interface/native/UIToolTip/Skill/Frame/c.png');background-position:left top,right top,left bottom,right bottom,center top,center bottom,left center,right center,center;background-size:11px 11px,11px 11px,11px 11px,11px 11px,calc(100% - 22px) 11px,calc(100% - 22px) 11px,11px calc(100% - 22px),11px calc(100% - 22px),calc(100% - 22px) calc(100% - 22px);background-repeat:no-repeat;image-rendering:pixelated;white-space:normal;animation:none}
.maple-interface .native-skill-tooltip .tooltip-title{font:bold 12px/16px Arial,sans-serif;text-align:center;margin:0 0 10px;color:#fff;letter-spacing:0}
.native-skill-header{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.native-skill-icon-box{width:72px;height:72px;flex:none;background:url('../../assets/interface/native/UIToolTip/Skill/Frame/iconBackgrnd.png');display:grid;place-items:center}
.native-skill-icon-box img{width:64px;height:64px;image-rendering:pixelated}
.maple-interface .native-skill-tooltip .tooltip-row{font:12px/1.4 Arial,sans-serif;margin:5px 0}
.maple-interface .native-skill-tooltip .tooltip-section{font:12px/1.4 Arial,sans-serif;color:#fff391;text-transform:none;letter-spacing:0;margin:12px 0 4px;border:0;padding:0}
.native-skill-advice{font:11px/1.4 Arial,sans-serif;color:#9beaff;border-top:1px dotted #8aa1bb;padding-top:8px;margin:10px 0 0}
@media(prefers-reduced-motion:reduce){.tooltip-skeleton,.maple-interface .native-window .equipped-item[data-read-state=reading]::after{animation:none}.avatar-animation-frame{visibility:hidden!important}.avatar-animation-frame:first-child{visibility:visible!important}}
/* Native windows size the equipment/skills row instead of filling giant cards. */
body.maple-interface[data-session=active] .build-row{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:24px}
body.maple-interface[data-session=active] :is(.equipment-card,.skills-card){flex:none;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
body.maple-interface[data-session=active] .equipment-card{width:210px}
body.maple-interface[data-session=active] .equipment-card.recommendations-open{width:396px}
body.maple-interface[data-session=active] .skills-card{width:210px}
body.maple-interface[data-session=active] :is(.equipment-card,.skills-card)>.section-head{min-height:30px;margin:0 0 8px;align-items:center;flex-wrap:wrap}
body.maple-interface[data-session=active] :is(.equipment-card,.skills-card)>.section-head>div:first-child{display:none}
body.maple-interface[data-session=active] .equipment-heading-actions{width:100%;justify-content:space-between}
body.maple-interface[data-session=active] .native-workbench{justify-content:flex-start}
body.maple-interface[data-session=active] .native-skills-window{margin:0}
.inventory-slot-placeholder{position:absolute;width:30px;height:30px;z-index:2;background:linear-gradient(110deg,#a7baca2b,#d5e3ed66,#a7baca2b);border:1px solid #9eb5c54d;border-radius:2px;pointer-events:none}
.maple-interface .stat-card[data-reading=unknown] .stat-value{display:block;width:40px;height:20px;margin:6px 0 3px;color:transparent;background:#8c9bad24;border-radius:3px}
.maple-interface .stat-card.reading-stale .stat-state{display:block;font-size:9px}
.maple-interface .avatar-name{font:11px Arial,sans-serif;fill:#fff;stroke:#171a23;stroke-width:3;paint-order:stroke fill}
@media(max-width:480px){body.maple-interface[data-session=active] .equipment-card.recommendations-open{width:210px}.maple-interface .recommendations-open .native-workbench .inventory-slide{margin:10px 0 0}}
.maple-interface .native-window .gear-item[data-art=loading]::before,.maple-interface .native-skills-window .skill-card>span[data-art=loading]::before{content:'';position:absolute;inset:2px;background:linear-gradient(100deg,#adbfce66 20%,#f0faffbb 50%,#adbfce66 80%);background-size:200% 100%;animation:native-loading 1s linear infinite;z-index:4;pointer-events:none}
.maple-interface .native-window .gear-item[data-art=error]::before,.maple-interface .native-skills-window .skill-card>span[data-art=error]::before{content:'!';position:absolute;inset:2px;background:#e0e7ec;color:#9a5548;text-align:center;font:bold 16px/28px Arial;z-index:4}
@media(prefers-reduced-motion:reduce){[data-art=loading]::before{animation:none!important}}
.maple-interface .native-skills-window .skill-card::before,.maple-interface .native-skills-window .skill-card::after{content:'';position:absolute;top:21px;width:12px;height:12px;pointer-events:none;z-index:2;background-repeat:no-repeat;image-rendering:pixelated}
.maple-interface .native-skills-window .skill-card::before{left:133px;background-image:url('../../assets/interface/native/Skill/entry/BtSpUp/disabled/0.png')}
.maple-interface .native-skills-window .skill-card::after{left:146px;background-image:url('../../assets/interface/native/Skill/entry/BtSpUpAll/disabled/0.png')}
.maple-interface .native-skills-window .skills-list:empty::before{content:'';position:absolute;inset:0 0 7px;pointer-events:none;background:repeating-linear-gradient(to bottom,#c1cfdb70 0 34px,transparent 34px 38px);opacity:.55}
/* API artwork retains its original pixel dimensions; slot boxes remain 32px. */
.maple-interface .native-window .equipped-item>img,.maple-interface .native-window .native-recommendation-grid>.gear-item>img{position:absolute;left:var(--native-icon-x,0px);top:var(--native-icon-y,0px);width:var(--native-icon-w,32px)!important;height:var(--native-icon-h,32px)!important;object-fit:fill;max-width:none;max-height:none}
.maple-interface .native-skills-window{height:289px}
.maple-interface .native-skills-window .skills-list{height:153px;max-height:153px}
.maple-interface #nativeSpValue{top:267px}
.maple-interface .native-workbench .drawer-caption{font-size:11px;margin:5px 0 0}
.maple-interface .gear-comparison-status{font:11px/1.5 Arial,sans-serif;margin:6px 0;color:var(--muted);max-width:209px}

/* Shared toolbar and legible, complete native windows. Geometry remains native;
   layout zoom lets HTML labels render at the larger size instead of bitmapping. */
body.maple-interface[data-session=active] .equipment-card{width:218.75px}
body.maple-interface[data-session=active] .equipment-card.recommendations-open{width:495px}
body.maple-interface[data-session=active] .skills-card{width:246.25px}
body.maple-interface[data-session=active] :is(.equipment-card,.skills-card)>.section-head{height:54px;min-height:54px;margin:0 0 10px;display:block;overflow:visible}
body.maple-interface[data-session=active] :is(.equipment-heading-actions,.skills-heading-actions){height:54px;display:grid;grid-template-columns:1fr;grid-template-rows:22px 26px;align-content:start;justify-items:start;gap:0}
body.maple-interface[data-session=active] :is(.equipment-heading-actions,.skills-heading-actions) .state{grid-row:1}
body.maple-interface[data-session=active] :is(.equipment-heading-actions,.skills-heading-actions) button{grid-row:2;grid-column:1}
body.maple-interface[data-session=active] .native-workbench{zoom:1.25;width:175px}
body.maple-interface[data-session=active] .recommendations-open .native-workbench{width:396px}
body.maple-interface[data-session=active] .native-skills-window{zoom:1.25}
.maple-interface :is(.equipment-paperdoll.native-window,.native-recommendation-window,.native-skills-window){height:371px;min-height:371px}
.maple-interface .native-skills-window .skills-list{height:235px;max-height:235px}
.maple-interface #nativeSpValue{top:349px}
/* A blank book-icon square is not a loading slot. Cover it with one title bar. */
.maple-interface #nativeSkillBook{left:8px;top:56px;width:180px;height:30px;max-height:none;display:flex;align-items:center;padding:0 7px;background:#35434f;border:2px ridge #e5a347;box-shadow:0 0 0 3px #f5f6f7;font:12px/15px Arial,sans-serif;text-shadow:none}
.maple-interface .native-skills-window .skill-card{text-shadow:none}
.maple-interface .native-window .native-layer{image-rendering:auto}
@media(max-width:600px){body.maple-interface[data-session=active] .equipment-card.recommendations-open{width:218.75px}body.maple-interface[data-session=active] .recommendations-open .native-workbench{width:175px}.maple-interface .recommendations-open .native-workbench .inventory-slide{margin:12px 0 0}}

body.maple-interface[data-session=active] .equipment-heading-actions{grid-template-columns:1fr auto}
body.maple-interface[data-session=active] #inventoryOpenBtn{grid-row:1;grid-column:2}

/* Rank is a real box: the former display:contents rule hid it under the icon. */
.maple-interface .native-skills-window .skill-card .skill-rank{display:inline-flex;align-items:baseline;gap:1px;height:14px;white-space:nowrap;z-index:3;color:#161c22}
.maple-interface .native-skills-window .skill-card .skill-rank b{display:inline;font:12px/13px Arial,sans-serif;grid-column:auto;grid-row:auto}
.maple-interface .native-skills-window .skill-card .native-skill-max{display:inline;font:11px/13px Arial,sans-serif;color:#526779}
.maple-interface .native-skills-window .skill-unread .skill-rank b{display:inline-block}
[data-gear-grade=best],[data-grade=best]{--gear-grade:#e4b433}
[data-gear-grade=good],[data-grade=good]{--gear-grade:#368ec2}
[data-gear-grade=improve],[data-grade=improve]{--gear-grade:#dc7a23}
[data-gear-grade=unknown],[data-grade=unknown]{--gear-grade:#cc5e60}
.maple-interface .native-window .equipped-item[data-gear-grade],.maple-interface .native-window .native-recommendation-grid>.gear-item[data-gear-grade]{box-shadow:inset 0 0 0 1.5px var(--gear-grade)!important;border-radius:2px!important}
.maple-interface .inventory-slot-placeholder[data-gear-grade]{border-color:var(--gear-grade);pointer-events:auto}
.maple-interface .native-window .native-recommendation-grid>.gear-item>.gear-kind-badge{position:absolute;clip-path:none;width:11px;height:11px;right:0;bottom:0;left:auto;z-index:5;color:#fff;background:var(--gear-grade);font:bold 10px/11px Arial,sans-serif;text-align:center}
.equipment-grade-legend{position:absolute;left:9px;top:288px;width:158px;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:7px 5px;color:#445766;font:10px/14px Arial,sans-serif}
.equipment-grade-legend>span::before{content:'';display:inline-block;width:7px;height:7px;background:var(--gear-grade);border-radius:2px;margin-right:4px}
.native-gear-review{position:absolute;left:8px;top:263px;width:192px;z-index:3;color:#344b5b;font:10px/13px Arial,sans-serif}
.native-gear-review>[role=group]{display:flex;gap:3px;margin-bottom:6px}
.maple-interface .native-gear-review button{flex:1;padding:3px 2px;min-height:24px;border:1px solid #9db3c4;border-radius:3px;background:#f6f9fb;color:#425a6b;font:10px/13px Arial,sans-serif;white-space:nowrap}
.maple-interface .native-gear-review button[aria-pressed=true]{background:#d5e7f4;color:#172b3d;border-color:#789eb8}
.native-gear-review progress{display:block;width:100%;height:4px;accent-color:#5d97b5}
.maple-interface .native-gear-review .gear-comparison-status{color:#4e6272;font:9px/12px Arial,sans-serif;margin:4px 0 0}
.native-gear-empty{position:absolute;z-index:3;left:14px;top:96px;width:169px;padding:11px 8px;background:#edf1f3ed;color:#425b6c;border:1px solid #becbd3;border-radius:3px;text-align:center;font:11px/17px Arial,sans-serif}
.item-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}
.item-quality-cell{padding:7px 5px;border:1px solid #aaa5bd70;background:#c8c2e312;border-radius:3px;font:12px/1.4 Arial,sans-serif}
.item-quality-cell>*{display:block}.item-quality-cell>strong{color:#ffdf91;font-size:12px}.item-quality-cell>small{color:#cfcbd9;font-size:10px;margin-top:4px}

.maple-interface .native-window .equipment-grid{pointer-events:none}
.maple-interface .native-window .equipment-grid>.equipped-item{pointer-events:auto}
.maple-interface .native-item-tooltip.item-comparison-hover{padding-bottom:31px}
.native-comparison-hint{position:absolute;bottom:8px;left:7px;right:7px;padding-top:5px;border-top:1px dashed #aaa5bd80;background:#252039;color:#bfe2f0;font:10px/14px Arial,sans-serif;text-align:center}