/* Skills use the game's existing bronze frame and original SVG icon set. */
#hud.comfortHud nav{grid-template-columns:repeat(5,minmax(0,1fr))}
#hud.comfortHud nav #skills{display:flex}
#hud.comfortHud nav #skills .classicIcon{color:#f2d598}
.panel.skillsPanel{width:min(880px,calc(100vw - 32px));padding:26px;background:linear-gradient(135deg,#433a2c,#28251f);border:1px solid #bd9e62;box-shadow:0 22px 90px #0009,inset 0 0 0 3px #1c191299;color:#eedfbd}
.skillsPanel h2{font:700 30px/1.15 Georgia,serif;letter-spacing:0;color:#f3dcab;margin-bottom:10px}
.skillOverviewIntro{font:13px/1.55 system-ui,sans-serif!important;color:#c9bda5;margin:0 0 18px!important}
.skillSummary{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;margin-bottom:22px}
.skillSummary>div{padding:12px 14px;background:#211e18;border:1px solid #756044;border-radius:5px;min-width:0}
.skillSummary small{display:block;font:600 11px/1.5 system-ui,sans-serif;color:#c9bda5}
.skillSummary b{display:block;margin-top:3px;font:700 25px/1.2 Georgia,serif;color:#f1d597;overflow-wrap:anywhere}
.skillSummary b span{font:12px system-ui,sans-serif;color:#b6a88f;white-space:nowrap}
.skillLayout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.skillBoard,.skillDetails{min-width:0}
.skillFilters{display:grid;grid-template-columns:.7fr .9fr 1.3fr .8fr;gap:4px;padding:4px;background:#211e17;border:1px solid #756044;border-radius:5px}
.panel .skillFilters button{padding:8px 4px;min-height:42px;border:1px solid transparent;border-radius:3px;background:transparent;color:#cbbb9e;font:600 12px/1.2 system-ui,sans-serif}
.panel .skillFilters button[aria-pressed=true]{color:#fff0c9;background:linear-gradient(#76623d,#50432c);border-color:#b39860;box-shadow:inset 0 1px #e7ce9a22}
.skillBoardCaption{display:flex;justify-content:space-between;gap:8px;margin:16px 0 9px;color:#d9c6a5;font:600 12px/1.4 system-ui,sans-serif}
.skillBoardCaption small{font-size:11px;color:#ad9f87}
.skillGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.panel .skillTile{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:6px;row-gap:6px;min-height:115px;padding:10px 8px 8px;border:1px solid #736143;border-radius:4px;background:linear-gradient(145deg,#514936,#363126);text-align:left;transition:border-color .15s,background .15s;overflow:hidden}
.panel .skillTile:hover{border-color:#c3a569;background:linear-gradient(145deg,#61543b,#423827)}
.panel .skillTile[aria-pressed=true]{border-color:#e8c479;background:linear-gradient(145deg,#79633d,#4e422e);box-shadow:inset 0 0 0 1px #e2bf7544,0 0 0 1px #c6a05822}
.panel .skillTile:focus-visible,.skillOverview button:focus-visible,.skillOverview summary:focus-visible{outline:2px solid #ffe2a0;outline-offset:2px}
.skillTileIcon{color:var(--skill);grid-column:1;grid-row:1/3;align-self:center;filter:drop-shadow(0 1px 1px #0008)}
.skillTileIcon .classicIcon{display:block;width:26px;height:30px;stroke-width:1.8}
.skillTileName{grid-column:1/3;grid-row:1;min-width:0}
.skillTileName b{display:block;color:#f0e1c0;font:650 12px/1.25 system-ui,sans-serif;overflow-wrap:anywhere}
.skillTileName small{display:block;color:#c3b291;font:10px/1.3 system-ui,sans-serif;margin-top:2px}
.skillTileIcon{grid-row:2}
.skillTileLevel{grid-column:2;grid-row:2;justify-self:end;align-self:center;color:#ffe3a5;font:700 25px/1 Georgia,serif;text-shadow:0 1px 2px #0008}
.skillTileLevel small{font:11px system-ui,sans-serif;color:#c4b38f;margin-left:2px}
.skillTileFoot{display:flex;grid-column:1/3;align-items:center;gap:6px;width:100%}
.skillTileFoot>small{font:10px/1 system-ui,sans-serif;color:#cfb987;min-width:27px;text-align:right}
.skillTileTrack{display:block;height:4px;flex:1;border-radius:2px;background:#211d15;overflow:hidden}
.skillTileTrack i{display:block;height:100%;background:var(--skill);opacity:.85}
.skillGridNote{font:11px/1.55 system-ui,sans-serif!important;color:#bdae92;margin:12px 0 0!important}
.skillGridNote>span{color:#d9ba76;margin-right:4px}
.skillDetailCard{background:#211f1a;border:1px solid #89704a;border-top:3px solid var(--skill);border-radius:5px;padding:18px;min-width:0}
.skillDetailHeading{display:flex;align-items:center;gap:10px}
.skillDetailIcon{flex-shrink:0;color:var(--skill);background:#3b3325;border:1px solid #6e5a3c;border-radius:5px;padding:7px}
.skillDetailIcon .classicIcon{display:block;width:27px;height:31px}
.skillDetailHeading>div{min-width:0;flex:1}
.skillDetailHeading>div>small{font:11px/1.3 system-ui,sans-serif;color:var(--skill)}
.panel .skillDetailHeading h3{font:700 24px/1.15 Georgia,serif;color:#f6e5bf;margin:3px 0 0;overflow-wrap:anywhere}
.skillDetailHeading>strong{font:700 32px/1 Georgia,serif;color:#f2d498}
.skillDetailHeading>strong>small{display:block;font:11px/1.5 system-ui,sans-serif;color:#b8a887;text-align:right}
.skillXpHeading{display:flex;justify-content:space-between;gap:8px;margin-top:21px;font:12px/1.4 system-ui,sans-serif;color:#e9d6ad}
.skillXpHeading b{font-weight:600}.skillXpHeading>span{color:var(--skill);white-space:nowrap}
.skillXpTrack{height:9px;border:1px solid #66543b;background:#100f0c;padding:1px;margin:8px 0 13px;border-radius:2px;overflow:hidden}
.skillXpTrack>i{display:block;height:100%;background:linear-gradient(90deg,#b49c64,var(--skill))}
.skillXpNumbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.skillXpNumbers dt{font:11px/1.4 system-ui,sans-serif;color:#b8ac95}
.skillXpNumbers dd{font:700 17px/1.4 Georgia,serif;color:#eddfbe;margin:3px 0 0}
.skillBonus{padding:12px;margin-top:16px;background:#3d372633;border:1px solid #76644277;border-radius:4px}
.skillBonus small,.skillBonus b,.skillBonus span{display:block}
.skillBonus small{font:11px system-ui,sans-serif;color:#c3b28d}
.skillBonus b{font:600 13px/1.5 system-ui,sans-serif;color:#e8d5a2;margin-top:4px}
.skillBonus span{font:11px/1.5 system-ui,sans-serif;color:#baad91;margin-top:5px}
.skillTraining{margin-top:20px}
.skillOverview h4{font:700 15px/1.3 Georgia,serif;color:#f2dbac;margin:0 0 9px}
.skillTraining p,.skillUnlockSection p{font:12px/1.65 system-ui,sans-serif!important;color:#d1c4ac;margin:0 0 12px!important}
.panel .skillTrainButton{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;font:600 12px/1.3 system-ui,sans-serif;border:1px solid #a98c58;border-radius:4px;color:#ffe9ba;background:linear-gradient(#615235,#443b2a)}
.skillUnlockSection{margin-top:21px;padding-top:18px;border-top:1px solid #625339}
.skillUnlockList{list-style:none;margin:0;padding:0}
.skillUnlockRow{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 9px;padding:11px 0;border-bottom:1px solid #5f503544}
.skillUnlockLevel{display:flex;align-items:center;justify-content:center;grid-row:1/3;align-self:start;min-height:30px;border:1px solid #8f764d;background:#4f432d;border-radius:3px;font:700 16px Georgia,serif;color:#efd096}
.skillUnlockRow b{display:block;font:650 12px/1.35 system-ui,sans-serif;color:#e8d6b1}
.skillUnlockRow small{display:block;font:11px/1.5 system-ui,sans-serif;color:#b7a98e;margin-top:4px}
.skillUnlockState{grid-column:2;font:600 10px/1.3 system-ui,sans-serif;color:#c8b078}
.skillAllUnlocks{margin-top:12px}
.skillAllUnlocks summary{padding:9px 0;cursor:pointer;color:#d7bd8b;font:600 11px/1.4 system-ui,sans-serif;min-height:36px}
.skillOverview .skillRequirementNote{margin-top:12px!important;color:#a99d87;font-size:10px!important}
.panel .skillBackToGrid{width:100%;text-align:left;min-height:44px;margin:0 0 10px;padding:9px 12px;border:1px solid #756044;border-radius:4px;background:#322c22;color:#d8c49b;font:600 12px system-ui,sans-serif}
.skillBackToGrid[hidden]{display:none!important}
.panel .skillContinue{display:block;width:100%;margin-top:22px;min-height:46px;font:600 14px system-ui,sans-serif}
#skillDetail{scroll-margin-top:10px}
@media(max-width:759px){.panel.skillsPanel{width:min(540px,calc(100vw - 24px));padding:22px 16px;max-height:calc(100dvh - 24px)}.skillLayout{grid-template-columns:1fr;gap:18px}.skillsPanel h2{font-size:27px}.skillSummary{gap:6px;margin-bottom:17px}.skillSummary>div{padding:10px 9px}.skillSummary b{font-size:21px}.skillSummary b span{font-size:10px}.skillSummary small{font-size:10px}.skillGrid{gap:6px}.panel .skillTile{min-height:110px;padding:10px;grid-template-columns:27px minmax(0,1fr)}.skillTileName b{font-size:13px}.skillTileName small{font-size:11px}.skillTileLevel{font-size:26px}.skillDetailCard{padding:17px}.skillGridNote{margin-bottom:0!important}.skillDetails{scroll-margin-top:10px}}
@media(max-width:420px){.skillGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel .skillTile{min-height:96px;grid-template-columns:30px minmax(0,1fr);row-gap:7px}.skillTileName{grid-column:2;grid-row:1}.skillTileIcon{grid-row:1/3;align-self:center}.skillTileLevel{justify-self:start;grid-row:2}.skillSummary b{font-size:19px}.skillSummary b span{display:block;font-size:10px;margin-top:3px}.skillFilters{gap:2px}.panel .skillFilters button{font-size:11px;min-height:44px}.skillOverviewIntro{font-size:12px!important}.skillBoardCaption{font-size:11px}.skillSummary{grid-template-columns:1fr .95fr 1.2fr}}
@media(orientation:landscape) and (max-height:600px){.panel.skillsPanel{max-height:calc(100dvh - 20px);padding:20px}.skillLayout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}.skillDetails .skillBackToGrid{display:none!important}.skillSummary{margin-bottom:14px}.skillDetailCard{padding:14px}.panel .skillTile{min-height:105px;padding:8px}.skillTileName b{font-size:12px}.skillTileName small{font-size:10px}.skillTileLevel{font-size:23px}.skillFilters{gap:2px}.panel .skillFilters button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.skillTile{transition:none!important}}
@media(orientation:landscape) and (max-height:600px) and (max-width:759px){.skillGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}