/* Tree Gaming skill trees — display-only in-game skill layout within Players. */
#treePlayerSkillsPane[hidden]{display:none!important}
#treePlayerSkillsPane{font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif;display:block;height:100%;min-height:0;overflow:hidden;background:linear-gradient(135deg,#0a1214 0%,#080c0d 65%,#0e1012 100%)}
.tg-skill-layout{height:100%;display:grid;grid-template-columns:minmax(270px,31%) minmax(0,1fr);min-height:0;color:#f4f4f2}
.tg-skill-players{min-width:0;min-height:0;display:flex;flex-direction:column;background:#081012;border-right:1px solid #443920}
.tg-skill-search{display:flex;gap:9px;align-items:center;padding:2px 11px;margin:14px 13px 9px;border:1px solid rgba(227,178,63,.6);border-radius:10px;background:#071216;color:#d7b757}
.tg-skill-search input{width:100%;min-width:0;height:43px;background:transparent;outline:none;border:0;color:#fff;font-size:13px}
.tg-skill-search input::placeholder{color:#8e9a9e}
.tg-skill-listmeta{display:flex;justify-content:space-between;padding:2px 14px 10px;color:#83999e;font-size:11px}
.tg-skill-playerlist{min-height:0;overflow-y:auto;flex:1;padding:0 9px 10px}
.tg-skill-player{position:relative;display:flex;min-height:77px;align-items:center;gap:11px;padding:8px 12px;margin-bottom:6px;border:1px solid rgba(141,85,44,.32);border-radius:12px;text-align:left;cursor:pointer;isolation:isolate;background:linear-gradient(90deg,#121b1d 25%,#111719 100%);overflow:hidden}
.tg-skill-player::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,10,11,.96),rgba(5,10,11,.6)),var(--tg-bg);background-size:cover;background-position:center;z-index:-1;opacity:.8}
.tg-skill-player:hover,.tg-skill-player.is-active{border-color:#d4a43e;box-shadow:inset 0 0 0 1px rgba(237,190,81,.13);background-color:#192126}
.tg-skill-avatar{flex:0 0 46px;width:46px;height:46px;overflow:hidden;border:1px solid #936c35;border-radius:50%;background:#243238}
.tg-skill-avatar img{width:100%;height:100%;object-fit:cover}
.tg-skill-playertext{min-width:0;flex:1}.tg-skill-playertext strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eee}
.tg-skill-playertext small{display:block;font-size:11px;color:#849298;margin-top:6px}
.tg-skill-playertext small.online{color:#72e8aa}.tg-skill-playerarrow{font-size:25px;color:#dabb66}
.tg-skill-pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:9px;border-top:1px solid #383020}
.tg-skill-pagination button{background:#182022;color:#ddd;border:1px solid #5d4326;border-radius:7px;padding:6px 11px;cursor:pointer}
.tg-skill-pagination button.current{background:linear-gradient(180deg,#f5c35b,#b77b25);color:#171717}
.tg-skill-details{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 12px 12px;background:radial-gradient(ellipse at 65% 15%,rgba(189,153,84,.1),transparent 46%),#070b0d}
.tg-skill-empty,.tg-skill-loading,.tg-skill-status{margin:auto;text-align:center;color:#90a1a2;padding:24px}
.tg-skill-empty span{display:block;font-size:36px;margin-bottom:12px}.tg-skill-empty strong{display:block;color:#f1d795;font-size:19px}
.tg-skill-error{padding:16px;color:#f8a7a7}.tg-skill-playerhead{min-height:46px;display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:8px}
.tg-skill-playerheadcopy{min-width:0;flex:1}.tg-skill-playerheadcopy strong{display:block;font-size:15px;color:#f4df9d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-skill-playerheadcopy small{font-size:10px;color:#95a4a7}
.tg-skill-playeractions{display:flex;gap:5px;align-items:center}.tg-skill-playeractions label{font-size:10px;color:#98a7a8;white-space:nowrap}
.tg-skill-playeractions select{margin-left:5px;padding:5px 4px;background:#1c2324;border:1px solid #66502d;border-radius:5px;color:#fff;max-width:125px}
.tg-skill-playeractions button,.tg-skill-status button{border:1px solid #85642e;color:#f3ce80;border-radius:5px;background:#1c2324;padding:5px 9px;cursor:pointer}
.tg-skill-back{display:none!important}
.tg-skill-treetabs{display:flex;flex:0 0 auto;gap:2px;padding:5px 4px;background:linear-gradient(#5c6062,#414748);overflow-x:auto;scrollbar-width:thin}
.tg-skill-tree-tab{min-width:54px;flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:4px;height:41px;padding:2px 5px;cursor:pointer;color:#e6e6e5;border:1px solid transparent;background:transparent;font-weight:800;font-size:10px;white-space:nowrap}

.tg-skill-tree-tab.is-active{color:#fff4ba;background:rgba(28,32,33,.36);border-bottom:3px solid #dfbc63}
.tg-skill-tree-tab:hover{background:rgba(11,14,15,.35)}
.tg-skill-panels{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);min-height:0;flex:1;gap:7px;margin-top:5px}
.tg-skill-listpanel,.tg-skill-infopanel{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:rgba(31,34,34,.9);border:2px solid #111}
.tg-skill-tablehead,.tg-skill-unlocks{display:grid;grid-template-columns:minmax(0,1fr) 59px 55px;background:#898b8b;color:#fff;text-shadow:0 1px #555;font-size:12px;font-weight:900;border-bottom:2px solid #111}
.tg-skill-tablehead span,.tg-skill-unlocks span{padding:9px 6px;border-right:2px solid #222}.tg-skill-tablehead span:last-child,.tg-skill-unlocks span:last-child{border-right:0}
.tg-skill-rows{min-height:0;overflow-y:auto;background:linear-gradient(135deg,#242727,#383c3b)}
.tg-skill-group{background:linear-gradient(90deg,#3e4142,#323536);color:#f6f5ef;border-bottom:3px solid #1a1b1b;border-top:1px solid #6d6b66;font-size:12px;font-weight:900;padding:9px 8px 9px 29px}
.tg-skill-row{display:grid;grid-template-columns:40px minmax(0,1fr) 59px 55px;align-items:center;width:100%;min-height:42px;border:0;border-bottom:2px solid #181b1c;color:#eee;background:linear-gradient(90deg,rgba(71,74,74,.94),rgba(63,66,67,.94));text-align:left;cursor:pointer;padding:0}
.tg-skill-row:hover,.tg-skill-row.is-selected{background:linear-gradient(90deg,#92856b,#68645a);color:#fff}
.tg-skill-rowname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:12px}
.tg-skill-rowlevel,.tg-skill-rowcost{text-align:center;font-weight:800;font-size:12px}
.tg-skill-rowcost{color:#fafafa}.tg-skill-row.is-max .tg-skill-rowcost{font-size:19px}
.tg-skill-treefooter{padding:6px 9px;text-align:right;background:#0b1113;color:#b3b3ad;font-size:10px;border-top:2px solid #222}
.tg-skill-infotitle{background:#060707;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:41px;padding:9px 11px;font-size:13px}
.tg-skill-infotitle strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-skill-infotitle span{white-space:nowrap}
.tg-skill-overview{display:flex;align-items:center;min-height:104px;background:linear-gradient(90deg,#3c4243,#4b5050);border-bottom:2px solid #171a1b}
.tg-skill-largeicon{display:flex;width:92px;min-width:92px;height:92px;align-items:center;justify-content:center;background:#202626;border-right:2px solid #171a1b}
.tg-skill-overview p{padding:9px 12px;white-space:pre-line;line-height:1.42;font-size:12px;font-weight:600;margin:0;color:#f8f9f6}
.tg-skill-longdesc{flex:1;min-height:82px;padding:10px 12px;overflow:auto;font-size:12px;line-height:1.42;color:#ecf1ef;background:linear-gradient(180deg,#3b4243,#303434)}
.tg-skill-unlocks{grid-template-columns:55px minmax(0,1fr) 51px;flex:0 0 auto;text-align:center}
.tg-skill-ranks{max-height:40%;min-height:76px;overflow:auto;background:#383d3f}
.tg-skill-rank{display:grid;grid-template-columns:55px minmax(0,1fr) 51px;align-items:center;min-height:33px;background:#626768;border-bottom:2px solid #232526;color:#f5f5f2}
.tg-skill-rank:nth-child(even){background:#575d5f}
.tg-skill-rank.is-owned{background:#857b64}.tg-skill-rank.is-locked{color:#b5b8b7;opacity:.63}
.tg-skill-rank>span:first-child{text-align:center;font-weight:bold}.tg-skill-rank>span:nth-child(2){font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-skill-rankmark{text-align:center;font-size:17px}
.tg-skill-viewonly{padding:5px 9px;background:#141b1d;color:#9facaf;font-size:9px;text-align:center;border-top:1px solid #5e5952}



/* Full-size individual icons from the game icon service (never sprites). */
.tg-skill-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;overflow:visible;vertical-align:middle}
.tg-skill-icon img{display:block;visibility:hidden;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}
.tg-skill-iconfallback{display:grid;place-items:center;position:absolute;inset:0;font-size:26px;color:#e7e7dd}
.tg-skill-icon--loaded img{visibility:visible}
.tg-skill-icon--loaded .tg-skill-iconfallback{display:none}
.tg-skill-icon--failed img{display:none}
.tg-skill-icon--failed .tg-skill-iconfallback{display:grid}
.tg-skill-icon--large{flex-basis:80px;width:80px;height:80px}
.tg-skill-icon--large .tg-skill-iconfallback{font-size:50px}
.tg-skill-icon--tab{width:34px;height:34px;flex-basis:34px}
.tg-skill-icon--tab .tg-skill-iconfallback{font-size:26px}
.tg-skill-rowicon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;overflow:visible}
.tg-skill-fallback{display:grid;place-items:center;width:36px;height:36px;font-size:25px;color:#f1ede5}
#treePlayerSkillsPane button:focus-visible,#treePlayerSkillsPane input:focus-visible,#treePlayerSkillsPane select:focus-visible{outline:2px solid #efbb54;outline-offset:1px}
@media(max-width:1240px){.tg-skill-layout{grid-template-columns:260px minmax(0,1fr)}.tg-skill-tree-tab > span:last-child{display:none}.tg-skill-tree-tab{min-width:46px}.tg-skill-panels{grid-template-columns:minmax(0,.92fr) minmax(0,1fr)}}
@media(max-width:850px){.tg-skill-layout{display:block;position:relative}.tg-skill-players{height:100%}.tg-skill-details{display:none;position:absolute;z-index:6;inset:0;background:#090e10}.tg-skill-details.is-mobile-open{display:flex}.tg-skill-back{display:inline-block!important;border:1px solid #826235;border-radius:6px;background:#161a1a;color:#f6d27f;padding:6px}.tg-skill-playerhead{flex-wrap:wrap}.tg-skill-panels{grid-template-columns:minmax(0,1fr)}.tg-skill-listpanel{min-height:39%;max-height:48%}.tg-skill-infopanel{min-height:0}.tg-skill-overview{min-height:70px}.tg-skill-largeicon{height:68px;width:65px;min-width:65px}.tg-skill-overview p{font-size:11px}.tg-skill-longdesc{min-height:48px;font-size:11px}.tg-skill-ranks{max-height:34%}}
@media(max-width:470px){.tg-skill-details{padding:5px}.tg-skill-playerheadcopy small{font-size:9px}.tg-skill-playeractions label{font-size:0}.tg-skill-playeractions select{font-size:11px}.tg-skill-row{grid-template-columns:34px minmax(0,1fr) 45px 43px}.tg-skill-rowlevel,.tg-skill-rowcost,.tg-skill-rowname{font-size:11px}.tg-skill-tablehead{grid-template-columns:minmax(0,1fr) 45px 43px}.tg-skill-overview p{padding:7px;font-size:10px}}

.tg-skill-rows,.tg-skill-ranks{scrollbar-color:#8a774c #1e2425;scrollbar-width:thin}
.tg-skill-rowname,.tg-skill-group,.tg-skill-infotitle strong{font-stretch:condensed;letter-spacing:.01em}

/* Skill-only expanded workspace. The size of Players, Hall of Fame, etc. is unchanged. */
.tree-player-directory-dialog.tg-skill-mode{
 width:min(1680px,98vw)!important;
 height:min(960px,96dvh)!important;
 max-height:96dvh!important;
 transition:width .17s ease,height .17s ease;
}
#treePlayerSkillsPane .tg-skill-layout{grid-template-columns: minmax(270px,24%) minmax(0,1fr)}
#treePlayerSkillsPane .tg-skill-players{background:#090f11;border-right:1px solid #6a542e}
#treePlayerSkillsPane .tg-skill-details{padding:14px 16px 16px;background:radial-gradient(ellipse at 60% 0%,rgba(175,133,70,.1),transparent 54%),#0a0e10}
#treePlayerSkillsPane .tg-skill-playerhead{min-height:50px;margin-bottom:10px}
#treePlayerSkillsPane .tg-skill-playerheadcopy strong{font-size:17px}
#treePlayerSkillsPane .tg-skill-playerheadcopy small{font-size:11px}
#treePlayerSkillsPane .tg-skill-treetabs{padding:5px;gap:5px;background:linear-gradient(#4e5354,#383d3f)}
#treePlayerSkillsPane .tg-skill-tree-tab{flex:1 0 0;min-width:0;height:56px;gap:10px;padding:5px 8px;font-size:12px;border-radius:3px;transition:background .14s ease}
#treePlayerSkillsPane .tg-skill-tree-tab.is-active{background:linear-gradient(#3e4243,#262a2a);border-bottom:3px solid #e9c46c;color:#fff0b1}
#treePlayerSkillsPane .tg-skill-panels{grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:10px;margin-top:8px}
#treePlayerSkillsPane .tg-skill-listpanel,#treePlayerSkillsPane .tg-skill-infopanel{border:1px solid #47423a;box-shadow:0 5px 19px rgba(0,0,0,.22)}
#treePlayerSkillsPane .tg-skill-tablehead{grid-template-columns:minmax(0,1fr) 72px 70px}
#treePlayerSkillsPane .tg-skill-tablehead,#treePlayerSkillsPane .tg-skill-unlocks{font-size:14px;background:#777b7b;text-shadow:0 1px #353a3a}
#treePlayerSkillsPane .tg-skill-tablehead span,#treePlayerSkillsPane .tg-skill-unlocks span{padding:11px 9px}
#treePlayerSkillsPane .tg-skill-row{grid-template-columns:52px minmax(0,1fr) 72px 70px;min-height:52px;background:linear-gradient(90deg,#45494a,#363c3d);border-bottom:2px solid #222527}
#treePlayerSkillsPane .tg-skill-row:hover{background:linear-gradient(90deg,#7c725d,#54514b)}
#treePlayerSkillsPane .tg-skill-row.is-selected{background:linear-gradient(90deg,#ad966a,#686459);box-shadow:inset 3px 0 0 #f3d178}
#treePlayerSkillsPane .tg-skill-rowname{font-size:15px;line-height:1.2}
#treePlayerSkillsPane .tg-skill-rowlevel,#treePlayerSkillsPane .tg-skill-rowcost{font-size:13px}
#treePlayerSkillsPane .tg-skill-group{padding:11px 12px 11px 52px;font-size:13px;background:linear-gradient(90deg,#303738,#2a3132);border-bottom:2px solid #171a1b;color:#f4e4c0}
#treePlayerSkillsPane .tg-skill-infotitle{font-size:16px;min-height:52px;padding:13px 14px;background:#0a0c0c;border-bottom:1px solid #706046}
#treePlayerSkillsPane .tg-skill-infotitle span{font-size:14px;color:#e1d8c8}
#treePlayerSkillsPane .tg-skill-overview{min-height:128px;align-items:center;background:linear-gradient(90deg,#343a3b,#404647)}
#treePlayerSkillsPane .tg-skill-largeicon{width:114px;min-width:114px;height:126px;padding:12px;background:#232b2c;border-right:1px solid #14191b}
#treePlayerSkillsPane .tg-skill-overview p{padding:15px;font-size:14px;line-height:1.5;font-weight:600}
#treePlayerSkillsPane .tg-skill-longdesc{padding:16px;font-size:14px;line-height:1.52;min-height:110px;background:linear-gradient(#353c3e,#272f31)}
#treePlayerSkillsPane .tg-skill-unlocks{grid-template-columns:65px minmax(0,1fr) 65px}
#treePlayerSkillsPane .tg-skill-ranks{max-height:43%;min-height:110px}
#treePlayerSkillsPane .tg-skill-rank{grid-template-columns:65px minmax(0,1fr) 65px;min-height:40px;font-size:14px}
#treePlayerSkillsPane .tg-skill-rank>span:nth-child(2){font-size:14px}
#treePlayerSkillsPane .tg-skill-treefooter,#treePlayerSkillsPane .tg-skill-viewonly{font-size:11px;padding:9px}
#treePlayerSkillsPane .tg-skill-player{min-height:76px}
#treePlayerSkillsPane .tg-skill-playertext strong{font-size:14px}
#treePlayerSkillsPane .tg-skill-listmeta{font-size:12px}
@media(max-width:1380px){
 #treePlayerSkillsPane .tg-skill-layout{grid-template-columns: minmax(250px,26%) minmax(0,1fr)}
 #treePlayerSkillsPane .tg-skill-tree-tab{gap:4px;padding:4px;font-size:11px}
 #treePlayerSkillsPane .tg-skill-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #treePlayerSkillsPane .tg-skill-rowname{font-size:13px}
 #treePlayerSkillsPane .tg-skill-overview p,#treePlayerSkillsPane .tg-skill-longdesc{font-size:12px}
}
@media(max-width:1080px){
 #treePlayerSkillsPane .tg-skill-layout{grid-template-columns: 258px minmax(0,1fr)}
 #treePlayerSkillsPane .tg-skill-tree-tab > span:last-child{display:none}
 #treePlayerSkillsPane .tg-skill-tree-tab{min-width:44px}
 #treePlayerSkillsPane .tg-skill-row{grid-template-columns:42px minmax(0,1fr) 53px 55px}
 #treePlayerSkillsPane .tg-skill-tablehead{grid-template-columns:minmax(0,1fr) 53px 55px}
 #treePlayerSkillsPane .tg-skill-rowicon{width:42px}
 #treePlayerSkillsPane .tg-skill-rowname{font-size:12px}
 #treePlayerSkillsPane .tg-skill-overview{min-height:94px}
 #treePlayerSkillsPane .tg-skill-largeicon{width:78px;min-width:78px;height:95px;padding:7px}
 #treePlayerSkillsPane .tg-skill-icon--large{width:60px;height:60px;flex-basis:60px}
}
@media(max-width:850px){
 .tree-player-directory-dialog.tg-skill-mode{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 #treePlayerSkillsPane .tg-skill-layout{display:block;position:relative}
 #treePlayerSkillsPane .tg-skill-details{padding:9px}
 #treePlayerSkillsPane .tg-skill-panels{grid-template-columns:minmax(0,1fr);gap:7px}
 #treePlayerSkillsPane .tg-skill-listpanel{min-height:36%;max-height:47%}
 #treePlayerSkillsPane .tg-skill-infopanel{flex:1;min-height:0}
 #treePlayerSkillsPane .tg-skill-tree-tab{height:46px}
 #treePlayerSkillsPane .tg-skill-row{min-height:43px}
 #treePlayerSkillsPane .tg-skill-rowicon{height:39px}
 #treePlayerSkillsPane .tg-skill-icon{width:32px;height:32px;flex-basis:32px}
 #treePlayerSkillsPane .tg-skill-icon--large{width:58px;height:58px;flex-basis:58px}
 #treePlayerSkillsPane .tg-skill-overview p{font-size:11px}
 #treePlayerSkillsPane .tg-skill-longdesc{min-height:48px;font-size:11px;padding:9px}
 #treePlayerSkillsPane .tg-skill-rank{min-height:33px}
 #treePlayerSkillsPane .tg-skill-rank>span:nth-child(2){font-size:12px}
}
@media(max-width:470px){
 #treePlayerSkillsPane .tg-skill-details{padding:5px}
 #treePlayerSkillsPane .tg-skill-infotitle{font-size:12px}
 #treePlayerSkillsPane .tg-skill-playerhead{flex-wrap:wrap}
 #treePlayerSkillsPane .tg-skill-row{grid-template-columns:36px minmax(0,1fr) 42px 40px}
 #treePlayerSkillsPane .tg-skill-tablehead{grid-template-columns:minmax(0,1fr) 42px 40px}
 #treePlayerSkillsPane .tg-skill-rowname{font-size:11px}
 #treePlayerSkillsPane .tg-skill-rowlevel,#treePlayerSkillsPane .tg-skill-rowcost{font-size:10px}
 #treePlayerSkillsPane .tg-skill-rowicon{width:36px}
 #treePlayerSkillsPane .tg-skill-icon{width:30px;height:30px;flex-basis:30px}
 #treePlayerSkillsPane .tg-skill-ranks{max-height:34%}
}

/* --- Taller viewport-filling Skill Trees workspace, scoped to Skill Trees only. --- */
.tree-player-directory-overlay.tg-skill-overlay-expanded{padding:6px!important}
.tree-player-directory-dialog.tg-skill-mode{
 width:min(1900px,calc(100vw - 12px))!important;
 height:min(1120px,calc(100dvh - 12px))!important;
 max-width:calc(100vw - 12px)!important;
 max-height:calc(100dvh - 12px)!important;
}
#treePlayerSkillsPane .tg-skill-layout,
#treePlayerSkillsPane .tg-skill-details,
#treePlayerSkillsPane .tg-skill-panels,
#treePlayerSkillsPane .tg-skill-infopanel{min-height:0}
#treePlayerSkillsPane .tg-skill-panels{flex:1 1 auto;overflow:hidden}
#treePlayerSkillsPane .tg-skill-infopanel{display:flex;flex-direction:column;min-height:0}
#treePlayerSkillsPane .tg-skill-longdesc{
 flex:1 1 40%;min-height:104px;
 overflow-y:auto;white-space:pre-line;overflow-wrap:anywhere;
 scrollbar-color:#94805b #222a2b;scrollbar-width:thin;
}
#treePlayerSkillsPane .tg-skill-ranks{
 flex:1 1 48%;min-height:100px;max-height:none;
 overflow-y:auto;scrollbar-gutter:stable;
}
#treePlayerSkillsPane .tg-skill-rank{cursor:pointer;outline-offset:-2px;transition:background-color .1s ease}
#treePlayerSkillsPane .tg-skill-rank:hover,
#treePlayerSkillsPane .tg-skill-rank:focus-visible,
#treePlayerSkillsPane .tg-skill-rank.is-inspected{
 background:#afa17c;color:#fff;opacity:1;
}
#treePlayerSkillsPane .tg-skill-rank.is-locked:hover,
#treePlayerSkillsPane .tg-skill-rank.is-locked:focus-visible,
#treePlayerSkillsPane .tg-skill-rank.is-locked.is-inspected{background:#6b716e;color:#fff;opacity:1}
@media(max-width:850px){
 .tree-player-directory-overlay.tg-skill-overlay-expanded{padding:0!important}
 .tree-player-directory-dialog.tg-skill-mode{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important}
 #treePlayerSkillsPane .tg-skill-infopanel{min-height:0}
 #treePlayerSkillsPane .tg-skill-longdesc{min-height:70px;flex:1 1 35%;font-size:11px}
 #treePlayerSkillsPane .tg-skill-ranks{min-height:75px;flex:1 1 48%;max-height:none}
}
@media(max-height:700px) and (min-width:851px){
 #treePlayerSkillsPane .tg-skill-tree-tab{height:44px}
 #treePlayerSkillsPane .tg-skill-overview{min-height:86px}
 #treePlayerSkillsPane .tg-skill-largeicon{height:86px}
 #treePlayerSkillsPane .tg-skill-longdesc{min-height:65px}
 #treePlayerSkillsPane .tg-skill-ranks{min-height:85px}
}

/* Compact Skill Trees header: only show controls while the Skills tab is active. */
#treePlayerDirectoryTabs .tg-skill-toolbar[hidden]{display:none!important}
#treePlayerDirectoryTabs .tg-skill-toolbar{
 display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;min-width:0;
 color:#b7c4c5;font-size:11px;
}
#treePlayerDirectoryTabs .tg-skill-toolbar label{white-space:nowrap}
#treePlayerDirectoryTabs .tg-skill-toolbar select,
#treePlayerDirectoryTabs .tg-skill-toolbar button{
 min-height:36px;border:1px solid #755a32;border-radius:7px;
 background:#171e1e;color:#f4e5bd;font:inherit;
}
#treePlayerDirectoryTabs .tg-skill-toolbar select{max-width:138px;padding:5px 8px}
#treePlayerDirectoryTabs .tg-skill-toolbar button{min-width:38px;padding:5px 9px;font-size:20px;line-height:1;cursor:pointer}
#treePlayerDirectoryTabs .tg-skill-toolbar button:hover{border-color:#e0b858;background:#273030}
#treePlayerDirectoryTabs .tg-skill-toolbar button:focus-visible,
#treePlayerDirectoryTabs .tg-skill-toolbar select:focus-visible{outline:2px solid #efbb54;outline-offset:2px}
#treePlayerSkillsPane .tg-skill-playertext small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1120px){
 #treePlayerDirectoryTabs .tg-skill-toolbar label{display:none}
 #treePlayerDirectoryTabs .tg-skill-toolbar select{max-width:116px}
}
@media(max-width:850px){
 #treePlayerDirectoryTabs:has(.tg-skill-toolbar:not([hidden])){flex-wrap:wrap;overflow-x:visible}
 #treePlayerDirectoryTabs .tg-skill-toolbar:not([hidden]){margin-left:auto;gap:6px}
 #treePlayerDirectoryTabs .tg-skill-toolbar select{max-width:120px;min-height:38px}
 #treePlayerDirectoryTabs .tg-skill-toolbar button{min-height:38px;min-width:38px}
}
@media(max-width:650px){
 #treePlayerDirectoryTabs:has(.tg-skill-toolbar:not([hidden])) .tree-player-directory-tab{flex:0 0 auto!important;min-height:36px!important;padding:0 8px!important}
 #treePlayerDirectoryTabs .tg-skill-toolbar:not([hidden]){margin-left:auto}
 #treePlayerDirectoryTabs .tg-skill-toolbar select{max-width:104px;font-size:11px}
}
@media(max-width:470px){
 #treePlayerDirectoryTabs:has(.tg-skill-toolbar:not([hidden])){gap:4px!important;padding:6px 7px!important}
 #treePlayerDirectoryTabs .tg-skill-toolbar:not([hidden]){width:100%;justify-content:flex-end;padding-top:3px}
 #treePlayerDirectoryTabs .tg-skill-toolbar select{max-width:146px}
}
/* On narrow phones, place language controls next to Vehicle Garage, not on a third row. */
@media(max-width:470px){
 #treePlayerDirectoryTabs .tg-skill-toolbar:not([hidden]){
   width:auto;max-width:100%;flex:0 0 auto;
   margin-left:auto;padding-top:0;
 }
 #treePlayerDirectoryTabs .tg-skill-toolbar select{max-width:124px}
}

/* Only narrow screens need a Back to Players control; desktop has the player list alongside the trees. */
.tg-skill-mobile-nav{display:none}
@media(max-width:850px){
 #treePlayerSkillsPane .tg-skill-mobile-nav{display:flex;flex:0 0 auto;align-items:center;min-height:36px;padding:1px 0 6px}
 #treePlayerSkillsPane .tg-skill-mobile-nav .tg-skill-back{min-height:32px;cursor:pointer}
}