/* TIBORN: compact field journal, warm metal, quiet surfaces. */
:root{--panel:#121e2a;--line:#7894ac30;--muted:#abb9c8;--gold:#e5c184}
.game-dialog.game-workspace{width:min(1080px,calc(100vw - 48px));max-height:calc(100dvh - 64px);border-radius:9px;background:#121e2a;box-shadow:0 24px 90px #0008}
.workspace-header{padding:12px 20px;min-height:56px;gap:16px;background:#172534}
.workspace-header>div{display:flex;flex-direction:row;align-items:baseline;gap:12px}.workspace-header>div span{font-size:.8rem}
.workspace-world-state{font-size:.75rem;margin-right:60px}.close-dialog{top:10px;right:12px;height:34px;width:54px;padding:5px}
.workspace-tabs{padding:0 12px;gap:0;min-height:44px}.workspace-tabs button{min-height:44px;padding:11px 14px;gap:8px;font-size:.84rem}.workspace-tabs .icon{width:18px;height:18px}.tab-points{font-size:.7rem;min-width:17px;padding:1px 4px}
.game-workspace .close-dialog{top:10px;right:12px;height:34px;width:54px;padding:5px}.workspace-world-state{white-space:nowrap}
.game-workspace .panel-content{padding:20px;min-height:0;scrollbar-gutter:stable}.game-workspace h2{font-size:1.45rem;margin:4px 0 12px}.game-workspace .muted{font-size:.85rem;line-height:1.5}.game-workspace .primary,.game-workspace .secondary{min-height:34px;padding:8px 13px;font-size:.82rem;border-radius:5px}
.game-workspace .page-heading{margin-bottom:10px}.game-workspace .page-heading p{margin-top:5px}.game-workspace .eyebrow{font-size:.67rem;letter-spacing:.07em}
.mmo-lobby{padding:24px 4vw 14px;grid-template-columns:250px minmax(260px,1fr) 278px;gap:26px;grid-template-rows:auto minmax(0,1fr) auto}
.lobby-top{padding-bottom:16px}.lobby-top h1{font-size:2.6rem;margin:4px 0 0}.lobby-top .eyebrow{font-size:.68rem;letter-spacing:.17em}
.lobby-roster,.lobby-details{padding:18px;background:#142231e8;border-color:#91aac43b;box-shadow:0 10px 40px #0002;border-radius:7px}
.lobby-roster h2,.lobby-details h2{font-size:1.2rem;margin:6px 0 15px}.roster-list{gap:7px}.character-record{min-height:58px}.lobby-roster .primary,.lobby-roster .secondary{min-height:38px;padding:10px;font-size:.8rem}
.lobby-figure-title h2{font-size:2rem;margin-top:5px}.lobby-figure-title .eyebrow{font-size:.73rem}.lobby-figure .start-preview{max-height:470px;min-height:290px}.lobby-class-copy{font-size:.83rem;line-height:1.6;margin:15px 0}.lobby-summary{margin:13px 0 17px}.lobby-summary>div{padding:10px 0;font-size:.78rem}.lobby-details>.primary{min-height:43px;padding:11px;font-size:.85rem}.lobby-save-note{font-size:.72rem;line-height:1.5;margin-top:10px}.figure-caption{font-size:.74rem}.lobby-bottom{padding-top:13px;font-size:.72rem}.lobby-bottom p{font-size:.72rem}.lobby-paths{gap:6px}.lobby-paths strong{font-size:.76rem;padding:5px 8px}
.talent-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.talent-heading h2{display:flex;align-items:center;gap:15px;margin:4px 0 0}.talent-heading h2>span{font:500 .78rem Inter,sans-serif;letter-spacing:0;color:var(--gold);padding:4px 9px;background:#e5c18415;border:1px solid #e5c18435;border-radius:4px}.talent-heading .text-button{font-size:.8rem;white-space:nowrap}
.path-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.path-selector button{display:flex;align-items:center;gap:11px;text-align:left;padding:12px 15px;background:#192836;border:1px solid var(--line);border-radius:5px;color:#c3ced7}.path-selector button.selected{background:linear-gradient(110deg,#314049,#1b2a37);border-color:var(--path-color);box-shadow:inset 3px 0 var(--path-color);color:var(--path-color)}.path-selector .icon{width:24px;height:24px;flex-shrink:0}.path-selector strong{display:block;font:600 .88rem Inter,sans-serif}.path-selector small{display:block;margin-top:4px;font-size:.7rem;color:#a9b9c7}
.path-identity{display:flex;align-items:center;gap:13px;padding:13px 0 17px;border-bottom:1px solid var(--line);margin-bottom:13px}.path-crest{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;color:var(--path-color);border:1px solid #91a5b944;border-radius:50%;background:#202e3a}.path-crest .icon{width:23px;height:23px}.path-identity h3{font-size:.96rem;color:#eee4d1;margin:0 0 5px}.path-identity p{color:#afbfce;font-size:.8rem;line-height:1.55;margin:0;max-width:610px}.path-identity>button{margin-left:auto;max-width:165px;flex-shrink:0;font-size:.73rem!important}
.path-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.path-columns>section{min-width:0}.path-columns h4{display:flex;align-items:baseline;justify-content:space-between;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#e3cfaa;margin:0 0 8px}.path-columns h4 span{font-size:.65rem;text-transform:none;letter-spacing:0;font-weight:400;color:#91a4b7}
.path-node{display:flex;align-items:flex-start;gap:10px;position:relative;padding:12px 0;border-top:1px solid #7894ac25;min-width:0}.path-node:first-of-type{border-top:0}.node-symbol{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid #8199ac4d;background:#233341;color:#c5bcaa;border-radius:4px;font-size:.73rem;margin-top:1px}.node-symbol .icon{width:16px;height:16px}.learned>.node-symbol{border-color:#bda46b80;color:#e5c184;background:#bba2691c}.node-copy{min-width:0;flex:1}.node-copy header{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.node-copy h3{font-size:.82rem;line-height:1.3;font-weight:600;margin:0;color:#e4e9eb}.node-copy header>span{font-size:.64rem;color:#a4b3c1;white-space:nowrap}.node-copy p{font-size:.76rem;line-height:1.5;color:#b9c6d2;margin:5px 0 0}.node-copy .node-tradeoff{color:#cba88f;font-size:.72rem}.node-requirement{display:block;font-size:.65rem;color:#91a4b6;line-height:1.4;margin-top:5px}.node-values{display:flex;flex-wrap:wrap;gap:8px;font-size:.69rem;line-height:1.4;margin-top:5px;color:#add1c4}.node-values>span:first-child{color:#97acb9}.path-node .node-learn{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;min-height:30px;padding:0;font-size:1rem;margin-top:0}.node-learn .icon{width:16px;height:16px}.path-node.keystone{background:linear-gradient(90deg,#d2b77d10,transparent);padding:12px 8px;border:1px solid #d2b77d33;border-radius:5px;margin-top:5px}.path-choice{border:1px solid #8dabc33b;border-radius:5px;padding:0 9px;position:relative;margin:8px 0}.path-choice>span{display:block;color:#c8b38d;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding-top:7px}.path-choice>.path-node{padding:9px 0}.path-choice>.path-node:nth-child(2){border-top:0}.talent-footnote{color:#91a5b6;font-size:.7rem;line-height:1.5;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.inventory-layout{grid-template-columns:245px minmax(220px,1fr) 245px;gap:16px;margin-top:12px}.doll-stage{height:305px;min-height:305px}.item-detail{padding:14px;border-radius:5px}.item-detail h3{font-size:1.08rem}.item-detail .item-art{width:65px;height:65px;margin-bottom:10px}.item-detail>p{font-size:.79rem}.item-stats>div{padding:6px 0;font-size:.79rem}.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:10px}.item-slot{min-height:42px}.paperdoll-stats b{font-size:.95rem}
.stat-sections{gap:16px;margin-top:14px}.stat-sections>section{padding:13px}.stat-entry{padding:8px 0}.stat-entry p{font-size:.73rem;line-height:1.4}.training-section{margin-top:18px}.training-grid{gap:12px}.training-grid article{padding:12px}.sheet-progress{margin-top:14px}.journey-strip{gap:18px;margin-top:17px;padding-top:13px}.settings-list label{padding:13px 0}.menu-actions{gap:8px;margin-top:16px}.journal-layout{gap:20px}.journal-contract{padding:16px}.bestiary-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.bestiary-entry{padding:14px}.bestiary-entry h3{font-size:1rem}.bestiary-entry p{font-size:.78rem;line-height:1.5}.shop-layout{gap:18px;margin-top:16px}.shop-item{padding:9px;gap:10px}.shop-item>img{width:44px;height:44px}.shop-item strong{font-size:.83rem}.shop-item small{font-size:.72rem}.map-layout{grid-template-columns:165px minmax(0,1fr);margin-top:16px}.map-regions button{padding:8px 10px}.map-regions button span{font-size:.78rem}.map-regions button small{font-size:.68rem}
.player-hud{width:278px;padding:10px 12px;top:18px;left:18px}.quest-tracker{top:132px;left:18px;width:258px;padding:11px 12px}.game-menu{gap:0;padding:4px}.game-menu button{height:39px;width:38px}.game-menu .icon{width:20px;height:20px}.game-menu kbd{font-size:.6rem}.compass{width:148px;right:18px;top:18px}.compass>button{width:146px;height:123px}.compass canvas{width:146px;height:146px}.compass:after{height:124px}.compass strong{font-size:.76rem}.compass>div{padding:8px 5px}.compass div span{font-size:.72rem}.hotbar{padding:5px;gap:5px}.ability{height:56px}.ability>.icon{width:25px;height:25px}.action-dock{width:480px}.control-hint{font-size:.64rem;margin-top:7px}.online-hud{font-size:.71rem;padding:9px 12px;min-width:210px}.actor-label.friendly .actor-health b{background:#a4c899}
.path-resource{display:flex;gap:7px;align-items:center;margin:4px 0 0;font-size:.67rem;color:#c6d0d8;grid-column:1/-1;border-top:1px solid #8dabc32a;padding-top:6px}.path-resource[hidden]{display:none}.path-resource strong{font-weight:600;color:#e5c184}.path-resource progress{appearance:none;height:4px;width:58px;border:0;background:#2e414e;border-radius:3px}.path-resource progress::-webkit-progress-bar{background:#2e414e}.path-resource progress::-webkit-progress-value{background:#ddc18d}.path-resource span{margin-left:auto;color:#a6bac7}
@media(max-width:1100px){.inventory-layout{grid-template-columns:220px 1fr 225px}.mmo-lobby{grid-template-columns:220px minmax(200px,1fr) 244px;gap:18px;padding-left:24px;padding-right:24px}.lobby-roster,.lobby-details{padding:15px}.path-columns{gap:16px}}
@media(max-width:850px){.game-dialog.game-workspace{width:calc(100vw - 24px);max-height:calc(100dvh - 28px)}.workspace-tabs button{padding:11px 10px}.game-workspace .panel-content{padding:15px}.workspace-world-state{display:none}.mmo-lobby{grid-template-columns:205px minmax(200px,1fr);gap:16px}.lobby-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.lobby-details .lobby-class-copy,.lobby-save-note{display:none}.lobby-summary{grid-column:1;grid-row:1/5;margin:0}.lobby-details>h2,.lobby-details>.eyebrow,.lobby-details>.lobby-level,.lobby-details>.primary{grid-column:2}.lobby-figure .start-preview{min-height:270px;max-height:360px}.inventory-layout{grid-template-columns:225px 1fr}.item-detail{grid-column:1/-1;position:static;display:block}.item-detail>.item-art{float:left;margin-right:18px}.bestiary-grid{grid-template-columns:1fr 1fr}.path-identity{align-items:flex-start;flex-wrap:wrap}.path-identity>div:nth-child(2){flex:1;min-width:0}.path-identity>button{margin-left:53px}.path-selector button{padding:10px;gap:8px}.path-selector strong{font-size:.8rem}.path-selector small{font-size:.64rem}.node-copy header>span{font-size:.62rem}.node-symbol{flex-basis:24px;height:24px}.path-node{gap:7px}}
@media(max-width:600px){.game-dialog.game-workspace{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:7px}.workspace-header{padding:11px 13px}.workspace-header>div{display:block}.workspace-header>div span{font-size:.72rem}.workspace-tabs{overflow-x:auto;padding:0 5px;flex-shrink:0}.workspace-tabs button{padding:12px 10px;min-width:fit-content;font-size:.76rem}.workspace-tabs button .icon{width:16px}.game-workspace .panel-content{padding:13px}.talent-heading{gap:6px}.talent-heading h2{font-size:1.25rem;gap:8px;flex-wrap:wrap}.talent-heading h2>span{font-size:.68rem}.talent-heading .text-button{font-size:.69rem}.path-selector{gap:5px}.path-selector button{display:block;padding:10px 8px;text-align:center;min-height:74px}.path-selector .icon{display:none}.path-selector strong{font-size:.74rem}.path-selector small{font-size:.6rem}.path-identity h3{font-size:.9rem}.path-identity p{font-size:.78rem}.path-columns{grid-template-columns:1fr;gap:20px}.path-columns h4{font-size:.75rem}.node-copy p{font-size:.8rem}.node-copy h3{font-size:.86rem}.node-copy header>span,.node-requirement{font-size:.7rem}.path-node .node-learn{min-width:40px;min-height:40px;flex-basis:40px}.path-node{padding:13px 0}.mmo-lobby{padding:18px 14px 12px;grid-template-columns:1fr;gap:15px}.lobby-top h1{font-size:2rem}.lobby-top .eyebrow{font-size:.53rem}.lobby-roster{grid-row:3}.lobby-figure{grid-row:2}.lobby-details{grid-row:4;grid-template-columns:1fr;gap:0}.lobby-details .lobby-summary{display:none}.lobby-details>h2,.lobby-details>.eyebrow,.lobby-details>.lobby-level,.lobby-details>.primary{grid-column:1}.lobby-figure-title h2{font-size:1.45rem}.lobby-figure .start-preview{height:260px;min-height:260px}.lobby-bottom{grid-row:5;gap:8px}.lobby-bottom p{font-size:.65rem}.lobby-summary>div{font-size:.75rem}.lobby-details .primary{margin-top:10px}.inventory-layout{grid-template-columns:1fr}.item-detail{grid-column:auto}.doll-stage{height:285px}.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.item-slot{min-height:35px}.bestiary-grid{grid-template-columns:1fr}.player-hud{width:217px;top:10px;left:10px;padding:9px}.compass{width:110px;top:10px;right:10px}.compass>button{width:108px;height:85px}.compass canvas{width:108px;height:108px}.compass:after{height:85px}.quest-tracker{top:146px;left:10px;width:207px}.path-resource{font-size:.61rem;gap:4px}.path-resource progress{width:36px}.action-dock{width:calc(100% - 20px)}.game-menu button{width:34px;height:35px}.map-layout{grid-template-columns:1fr}.map-regions{max-height:170px}.stat-sections{grid-template-columns:1fr}}
.compass{width:176px}.compass>button{width:174px;height:174px;overflow:hidden}.compass canvas{width:174px;height:174px;margin:0;image-rendering:auto}.compass:after{height:175px;pointer-events:none}.compass .minimap-tools{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:3px 7px;border-top:1px solid #8da9bf30;border-bottom:1px solid #8da9bf25;background:#132331}.minimap-tools button{width:30px;height:26px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#e9cf9f;font-size:1.2rem;border-radius:3px}.minimap-tools button:hover{background:#90aab826}.minimap-tools button:disabled{opacity:.3;cursor:default}.minimap-tools>span{font-size:.68rem;color:#b7c9d2}.compass-n{top:6px;text-shadow:0 1px 4px #000}
.action-dock .ability{display:grid;place-items:center;height:58px;padding:0;position:relative}.ability .ability-name{display:none}.action-dock .ability>.icon{position:static;width:25px;height:25px;margin:0}.action-dock .ability-cost{font-size:.56rem;line-height:1;top:auto;bottom:4px;right:4px}.action-dock .ability>kbd{font-size:.56rem;line-height:1;top:4px;left:4px;padding:1px}.game-menu{display:flex;flex-direction:row;width:auto;right:18px;bottom:18px;gap:2px;padding:5px}.game-menu button{display:grid;place-items:center;width:36px;height:37px;padding:0;position:relative}.game-menu button>span,.game-menu button>kbd{display:none}.game-menu button:hover>span,.game-menu button:focus-visible>span{display:block;position:absolute;bottom:44px;right:0;white-space:nowrap;background:#142334;border:1px solid #8199ae55;padding:7px 9px;border-radius:4px;font-size:.75rem}.actor-label.npc{padding:5px 7px;gap:6px}.actor-label.npc .npc-symbol{width:24px;height:24px}.actor-label.npc .icon{width:17px;height:17px}.actor-label.npc .actor-name{font-size:.75rem}.actor-label.npc small{font-size:.62rem}
@media(max-width:600px){.compass{width:124px}.compass>button{width:122px;height:122px}.compass canvas{width:122px;height:122px}.compass:after{height:123px}.compass .minimap-tools{padding:2px 4px}.minimap-tools button{width:33px;height:30px}.compass strong{font-size:.68rem}.compass div span{font-size:.64rem}.compass>div{padding:6px 3px}}
@media(max-width:850px){.game-menu{bottom:103px;right:12px}}
@media(max-width:600px){.game-menu{bottom:107px;right:10px;gap:0;padding:3px}.game-menu button{width:30px;height:33px}.action-dock .ability{height:55px}.action-dock .ability>.icon{width:22px;height:22px}.workspace-world-state{display:none}.workspace-header>div>span{display:block;margin-top:4px}.path-identity{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px}.path-crest{width:34px;height:34px}.path-identity>button{grid-column:2;margin:0;justify-self:start;max-width:none}.path-identity h3{white-space:normal}.path-identity p{max-width:none}}
@media(prefers-reduced-motion:reduce){.path-node,.path-selector button,.game-dialog{transition:none!important;animation:none!important}}
.actor-label.npc{display:grid;grid-template-columns:20px auto;column-gap:6px;row-gap:0;align-items:center;padding:5px 7px}.actor-label.npc .npc-symbol{position:static;grid-row:1/3;width:20px;height:20px}.actor-label.npc .actor-name,.actor-label.npc small{grid-column:2}.quest-tracker{top:172px}
.inventory-layout .bag-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.inventory-layout .item-slot{min-height:0;aspect-ratio:1}.bag-empty{padding:14px!important;text-align:left!important}.item-detail{min-height:0}.item-detail .item-stats{margin:12px 0;padding:7px 0}.item-detail>p{margin:8px 0}.item-detail .primary{margin-top:6px}.equipment-slot img,.item-slot img,.item-art img{filter:none}.game-workspace:has(.inventory-layout){height:auto}.inventory-layout .bag-footer{margin-top:14px}@media(max-width:600px){.inventory-layout .bag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.equipment-art{display:grid;place-items:center;width:100%;height:100%;color:#cfbf9e}.equipment-art .icon{width:70%;height:70%;max-width:65px;max-height:65px;stroke-width:1.4}.equipment-slot .equipment-art{position:static;width:36px;height:36px}.item-slot .equipment-art{width:85%;height:85%}.equipment-slot .equipment-art .icon{width:30px;height:30px}.item-detail .item-art{float:left;width:42px;height:50px;margin:0 10px 8px 0}.item-detail .item-art .icon{width:36px;height:42px}.item-detail .quality-mark{clear:both;margin-top:10px}.item-detail .quality-explainer{font-size:.7rem!important}.item-detail .item-stats{clear:both}.uncommon .equipment-art{color:#aacaac}.rare .equipment-art{color:#a2c9df}.epic .equipment-art{color:#ccaddd}.legendary .equipment-art{color:#ecc688}

.rune-dock{display:flex;justify-content:center;gap:6px;margin-top:5px}.rune-dock[hidden]{display:none}.rune-button{display:flex;align-items:center;gap:6px;background:#142435ed;border:1px solid #728e9d55;border-radius:4px;min-height:28px;padding:4px 8px;font-size:.66rem;color:#cbd4da}.rune-button .icon{width:14px;height:14px}.rune-button b{min-width:14px;color:#e4c386}.rune-button:disabled{opacity:.5}.item-maker{color:#a8c6b3;font-size:.74rem}.workspace-tabs{overflow-x:auto}.workspace-tabs button{white-space:nowrap;flex-shrink:0}@media(max-width:850px){.game-menu{bottom:137px}}

.workspace-live{display:flex;align-items:center;gap:16px;padding:7px 20px;background:#101d2b;border-bottom:1px solid #7893aa22;font-size:.7rem;flex-shrink:0;color:#aebdca}.workspace-live b{font-weight:500;margin-left:4px}.live-health{color:#d6a4aa}.live-mana{color:#9bbfd8}#menu-activity{margin-left:auto;color:#dec68f;text-align:right}.gather-progress{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);width:240px;padding:11px 14px;pointer-events:none}.gather-progress[hidden]{display:none}.gather-progress>div{display:flex;justify-content:space-between;gap:10px;font-size:.78rem}.gather-progress progress{display:block;width:100%;height:5px;margin:8px 0;accent-color:#b6ca9b}.gather-progress small{display:block;color:#9eb1bd;font-size:.65rem}@media(max-width:600px){.workspace-live{padding:7px 12px;gap:9px;font-size:.64rem;flex-wrap:wrap}#menu-activity{flex-basis:100%;margin:0;text-align:left;font-size:.66rem}.gather-progress{bottom:177px}}
.game-workspace{grid-template-rows:auto auto auto minmax(0,1fr)}
.path-role{display:block;font-size:.68rem;color:var(--path-color);margin-bottom:5px}.specialization-badge{flex:none;max-width:145px;padding:7px 9px;font-size:.72rem;line-height:1.4;color:#a9bac7;border:1px solid #879baf3b;border-radius:4px}.specialization-badge.active{color:#e6d397;background:#d4b16d12;border-color:#d4b16d55}.path-role-details{margin:-5px 0 18px;font-size:.8rem;color:#b5c6d0}.path-role-details summary{cursor:pointer;padding:7px 0;color:#d1d9d9}.path-role-details p{max-width:80ch;line-height:1.6;margin:6px 0 12px}@media(max-width:600px){.specialization-badge{max-width:none;margin-left:0;padding:5px 8px}.path-identity{gap:8px}.path-role-details{font-size:.75rem}}
