*{box-sizing:border-box}:root{--ui-surface:#151322;--ui-surface-strong:#100f1d;--ui-surface-soft:#24263d;--ui-surface-hover:#343049;--ui-accent:#6047c7;--ui-accent-hover:#7359df;--ui-border:#6f59d8;--ui-highlight:#f5cf4f;--ui-text:#fff;--ui-muted:#f4f0ff;--ui-on-accent:#fff;--ui-font-scale:1;--ui-card-bg:#fff;--ui-card-bg-soft:#fafaff;--ui-card-bg-hover:#f5f2ff;--ui-card-border:#dcdced;--ui-card-text:#202030;--ui-card-muted:#555}html{min-height:100%}body{background-image:var(--app-background-image,url(/assets/icons/general/backgrounds/BG_Meadows_01.png));color:#1f1f1f;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;font-family:Arial,sans-serif}button,input{font:inherit}.app-shell{grid-template-columns:240px minmax(0,1fr);gap:24px;min-height:100vh;padding:20px;display:grid}.sidebar{background:var(--ui-surface);max-height:calc(100vh - 40px);color:var(--ui-muted);scrollbar-width:thin;scrollbar-color:var(--ui-surface-hover) var(--ui-surface-strong);border-radius:8px;flex-direction:column;align-self:start;padding:0;display:flex;position:sticky;top:20px;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--ui-surface-soft);align-items:center;gap:12px;margin:0 12px 12px;padding-bottom:12px;display:flex}.sidebar-logo{object-fit:contain;border-radius:10px;width:48px;height:48px}.sidebar h1{color:var(--ui-muted);margin:0;font-size:15px;line-height:1.15}.sidebar-nav{flex-direction:column;gap:0;display:flex}.sidebar-account{border-top:1px solid var(--ui-surface-soft);gap:8px;margin-top:auto;padding-top:12px;display:grid}.sidebar-username{color:var(--ui-muted);overflow-wrap:anywhere;padding:0 12px;font-size:13px;font-weight:700}.nav-tab{color:var(--ui-muted);background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:7px 12px;font-weight:700;text-decoration:none;display:flex}.nav-tab:hover{background:var(--ui-surface-soft);color:var(--ui-text)}.nav-tab.active,.nav-section.open{background:var(--ui-accent);color:var(--ui-on-accent)}.nav-tab:before{color:var(--ui-muted)}.content{align-content:start;min-width:0;display:grid;position:relative}.content-topbar{z-index:20;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;top:0;left:0;right:0}.content-body{min-width:0;padding-top:10px}.profile-box{background:var(--ui-surface);width:fit-content;max-width:min(100%,340px);min-height:66px;color:var(--ui-muted);pointer-events:auto;border:1px solid #2e2948;border-radius:8px;grid-template-columns:max-content 48px;align-items:center;gap:8px;padding:7px 8px;display:grid;position:relative;box-shadow:0 3px 10px #1814302e}.profile-avatar-button{border:2px solid var(--ui-border);background:var(--ui-surface-soft);border-radius:8px;place-items:center;width:48px;height:48px;padding:0;display:grid;overflow:hidden}.profile-avatar-button:hover{border-color:var(--ui-highlight);background:var(--ui-surface-hover)}.profile-avatar{object-fit:cover;width:100%;height:100%}.profile-copy{text-align:right;gap:2px;min-width:0;display:grid}.profile-copy strong,.profile-copy>span:not(.profile-active-action),.profile-copy>a:not(.profile-active-action){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-copy strong{color:var(--ui-highlight);font-size:16px}.profile-copy span{color:var(--ui-text);font-size:13px;font-weight:700}.profile-active-action{justify-items:end;gap:2px;min-width:0;max-width:100%;line-height:1.15;text-decoration:none;display:grid;color:var(--ui-highlight)!important;font-size:13px!important}.profile-active-action:hover,.profile-active-action:focus-visible{text-decoration:none;color:#ffe785!important}.profile-action-line{white-space:nowrap;justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:inline-flex}.profile-action-line img{object-fit:contain;flex:none;width:16px;height:16px}.profile-action-mastery{color:#fff;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.1}.profile-active-action-idle{text-decoration:none;color:#ff5a5a!important}.profile-active-action-idle .profile-action-line{color:#ff5a5a!important}.profile-active-action-idle:hover{text-decoration:none;color:#ff5a5a!important}.profile-gain-feed{z-index:8;justify-items:end;gap:5px;min-width:190px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.profile-gain-pop{max-width:260px;color:var(--ui-highlight);background:#151322f0;border:1px solid #f5cf4f73;border-radius:8px;align-items:center;gap:4px;padding:5px 7px;font-size:12px;font-weight:800;line-height:1.1;animation:2.6s ease-out forwards item-gain-pop;display:inline-flex;box-shadow:0 5px 14px #1814302e}.profile-gain-total{color:var(--ui-highlight)}.profile-gain-multiplier{color:#c792ff;font-weight:900}.profile-gain-icon{object-fit:contain;width:16px;height:16px}.quality-item-icon{flex:none;place-items:center;line-height:0;display:inline-grid;position:relative}.quality-item-icon>img:first-child{display:block}.quality-star-row{pointer-events:none;justify-content:center;align-items:center;width:max-content;display:inline-flex;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.quality-star{object-fit:contain;filter:drop-shadow(0 1px 1px #000000b3);width:9px;height:9px}.quality-star+.quality-star{margin-left:-2px}.profile-gain-pop .quality-star{width:5px;height:5px}.profile-gain-pop .quality-star+.quality-star{margin-left:-1px}.offline-progress-overlay{z-index:100;background:#0a091273;place-items:center;display:grid;position:fixed;inset:0}.offline-progress-modal{color:#f8f6ff;background:#151322fa;border:1px solid #f5cf4f75;border-radius:8px;width:min(360px,100vw - 32px);padding:20px;position:relative;box-shadow:0 18px 48px #0a091257}.offline-progress-modal h3{color:var(--ui-highlight);margin:0 32px 16px 0;font-size:18px}.offline-progress-close{background:var(--ui-surface);color:#fff;cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;width:26px;height:26px;position:absolute;top:8px;right:8px}.offline-progress-row,.offline-progress-rewards,.offline-progress-costs{border-top:1px solid #ffffff1a;gap:4px;padding:9px 0;font-size:14px;display:grid}.offline-progress-row{grid-template-columns:120px 1fr}.offline-progress-row span,.offline-progress-rewards span,.offline-progress-costs span{color:#c9c4df}.offline-progress-row strong,.offline-progress-rewards strong,.offline-progress-costs strong{color:#fff}.offline-progress-rewards strong{color:var(--ui-highlight)}.offline-progress-costs strong{color:#ff9d9d}@keyframes item-gain-pop{0%{opacity:0;transform:translateY(-4px)}12%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.profile-menu{z-index:10;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;gap:8px;width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 20px #1814302e}.profile-menu button{background:var(--ui-accent);color:#fff;text-align:center;border-radius:5px;width:100%;min-height:34px;font-weight:800}.profile-menu button:hover{background:var(--ui-accent-hover)}.profile-menu .profile-menu-danger{background:#cf3b35}.profile-menu .profile-menu-danger:hover{background:#df4a44}.profile-settings-panel{z-index:10;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;gap:10px;width:min(520px,100vw - 32px);max-height:min(520px,100vh - 120px);padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 20px #1814302e}.profile-settings-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-settings-header strong{color:var(--ui-highlight);font-size:15px}.profile-settings-header button{background:var(--ui-surface-soft);width:28px;height:28px;color:var(--ui-text);cursor:pointer;border:1px solid #ffffff2e;border-radius:6px}.settings-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:12px;display:grid}.settings-sidebar{border-right:1px solid var(--ui-surface-hover);align-content:start;gap:6px;padding-right:10px;display:grid}.settings-sidebar button{min-height:36px;color:var(--ui-muted);cursor:pointer;overflow-wrap:anywhere;text-align:left;white-space:normal;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 10px;font-size:12px;font-weight:800;line-height:1.15}.settings-sidebar button:hover,.settings-sidebar button.active{border-color:var(--ui-border);background:var(--ui-surface-soft);color:var(--ui-text)}.settings-content{gap:10px;min-width:0;display:grid}.settings-page{background:color-mix(in srgb, var(--ui-surface) 92%, transparent);color:var(--ui-text);border:1px solid #6f59d88c;border-radius:8px;margin-top:88px;padding:18px;box-shadow:0 8px 20px #1814302e}.settings-page-header{margin-bottom:14px}.settings-page-header h2{color:var(--ui-highlight);margin:0}.settings-section{gap:8px;display:grid}.settings-section-header{gap:2px;display:grid}.settings-section-header h3,.settings-section-header h4{color:var(--ui-text);margin:0;font-size:14px}.settings-section-header span{color:var(--ui-muted);font-size:11px;font-weight:700}.theme-options{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;margin-bottom:14px;display:grid}.theme-options button{background:var(--ui-surface-soft);color:var(--ui-text);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:8px;gap:6px;padding:8px;font-size:12px;font-weight:800;display:grid}.theme-options button:hover,.theme-options button.active{border-color:var(--ui-highlight);background:var(--ui-surface-hover)}.theme-swatch-row{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.theme-swatch-row span{border-radius:3px;height:13px;box-shadow:inset 0 0 0 1px #ffffff29}.card-style-options{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-bottom:14px;display:grid}.card-style-options button{background:var(--ui-surface-soft);color:var(--ui-text);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:8px;gap:6px;padding:8px;font-size:12px;font-weight:800;display:grid}.card-style-options button:hover,.card-style-options button.active{border-color:var(--ui-highlight);background:var(--ui-surface-hover)}.card-style-preview{border:1px solid;border-radius:6px;place-items:center;height:40px;font-weight:900;display:grid}.font-size-control{color:var(--ui-text);grid-template-columns:56px minmax(0,280px);align-items:center;gap:12px;margin-bottom:14px;font-weight:800;display:grid}.font-size-control input{width:100%;accent-color:var(--ui-accent)}.background-options{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.background-options button{background:var(--ui-surface-soft);color:var(--ui-text);cursor:pointer;overflow-wrap:anywhere;text-align:left;border:2px solid #0000;border-radius:8px;gap:5px;padding:5px;font-size:11px;font-weight:800;line-height:1.15;display:grid}.background-options button:hover,.background-options button.active{border-color:var(--ui-highlight);background:var(--ui-surface-hover)}.background-options img{aspect-ratio:4/3;object-fit:cover;border-radius:5px;width:100%}.signout-confirm{z-index:10;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;gap:10px;width:240px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 20px #1814302e}.signout-confirm p{color:var(--ui-text);margin:0;font-size:14px;font-weight:700}.signout-confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.signout-confirm-actions button{background:var(--ui-accent);border-radius:6px;min-height:34px;font-weight:700}.signout-confirm-actions button:hover{background:var(--ui-accent-hover)}.signout-confirm-actions .signout-cancel-button{color:#202030;background:#ececec}.signout-confirm-actions .signout-cancel-button:hover{background:#ddd}.panel{display:none}.panel.active{display:block}.sidebar h1{font-size:calc(15px * var(--ui-font-scale))}.settings-sidebar button,.background-options button,.theme-options button,.profile-menu button{font-size:calc(14px * var(--ui-font-scale))}.nav-tab,.skill-discipline-row,.skill-nav-item,.profile-copy strong,.settings-section-header h3,.settings-section-header h4,.font-size-control{font-size:calc(16px * var(--ui-font-scale))}.profile-copy span,.settings-section-header span{font-size:calc(13px * var(--ui-font-scale))}.page-section{display:block}.page-header{margin-bottom:20px}.page-header h2{margin:0 0 6px}.page-header p{color:#555;margin:0}.skill-panel.active{grid-template-columns:repeat(auto-fill,190px);justify-content:start;align-items:start;gap:12px;display:grid}.skill-nav-group{background:var(--ui-surface-strong);gap:1px;padding:4px 8px 8px;display:grid}.skill-discipline-row{width:100%;color:var(--ui-text);font-weight:700;font-size:calc(15px * var(--ui-font-scale));background:0 0;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 4px;text-decoration:none;display:grid}.skill-discipline-row:hover,.skill-discipline-row.active{background:var(--ui-surface-soft)}.skill-discipline-copy{gap:4px;min-width:0;display:grid}.skill-discipline-copy>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-discipline-level{color:var(--ui-highlight);font-variant-numeric:tabular-nums}.skill-level-track{background:#ffffff1f;border-radius:999px;width:100%;height:3px;display:block;position:relative;overflow:hidden}.skill-level-fill{width:var(--skill-level-progress,0%);border-radius:inherit;background:var(--ui-highlight);height:100%;display:block}.skill-nav-item{color:var(--ui-text);font-size:calc(14px * var(--ui-font-scale));grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:6px 4px 10px;font-weight:700;text-decoration:none;display:grid;position:relative}.skill-nav-item img{object-fit:contain;width:22px;height:22px}.skill-nav-progress{background:var(--ui-surface-hover);height:3px;position:absolute;bottom:3px;left:35px;right:8px}.skill-nav-progress div{background:var(--ui-border);height:100%}.discipline-page{max-width:100%;position:relative}.discipline-header{align-items:baseline;gap:10px;margin-bottom:10px;padding-right:300px;display:flex}.discipline-header h2{margin:0;font-size:25px;line-height:1.15}.discipline-header span{color:var(--ui-text-muted);font-size:15px;font-weight:700}.category-tabs{flex-wrap:wrap;align-items:center;gap:4px;max-width:calc(100% - 320px);margin-bottom:14px;display:flex}.category-tab{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);color:var(--ui-card-text);border-radius:6px;flex:none;padding:8px 11px;font-size:14px;font-weight:700;text-decoration:none}.category-tab:hover,.category-tab.active{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}.cooking-fuel-panel{border:1px solid var(--ui-card-border);background:color-mix(in srgb, var(--ui-card-bg) 88%, transparent);width:min(100%,960px);color:var(--ui-card-text);border-radius:3px;flex-wrap:wrap;align-items:flex-end;gap:6px;margin:-2px 320px 10px auto;padding:8px;display:flex;box-shadow:0 2px 6px #0000001f}.cooking-fuel-summary,.cooking-fuel-control,.cooking-fuel-quantity{gap:3px;min-width:0;display:grid}.cooking-fuel-summary{flex:0 110px}.cooking-fuel-control{flex:210px}.cooking-fuel-summary span,.cooking-fuel-control span,.cooking-fuel-quantity>span:first-child{color:var(--ui-card-muted);text-transform:uppercase;font-size:11px;font-weight:800}.cooking-fuel-summary strong{font-size:20px;line-height:1}.cooking-fuel-control select,.cooking-fuel-control input[type=number]{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);width:100%;min-width:0;height:31px;color:var(--ui-card-text);font:inherit;border-radius:2px;padding:4px 7px;font-size:13px;font-weight:700}.cooking-fuel-toggle{flex:0 116px;grid-template-columns:1fr auto;align-items:center}.cooking-fuel-toggle span{grid-column:1/-1}.cooking-fuel-toggle input{justify-self:start}.cooking-fuel-quantity{flex:2 390px;min-width:0}.cooking-fuel-quantity-options{flex-wrap:wrap;gap:4px;display:flex}.cooking-fuel-chip,.cooking-fuel-add{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);min-height:31px;color:var(--ui-card-text);font:inherit;border-radius:2px;padding:5px 8px;font-size:13px;font-weight:800}input.cooking-fuel-chip{width:98px;min-width:98px;padding-inline:10px}.cooking-fuel-chip:hover,.cooking-fuel-chip.active,.cooking-fuel-add:hover:not(:disabled){background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}.cooking-fuel-add{white-space:normal;flex:190px;align-self:stretch}.cooking-fuel-add:disabled{cursor:not-allowed;opacity:.55}.card{background:var(--ui-card-bg);width:190px;color:var(--ui-card-text);border-radius:8px;padding:10px;box-shadow:0 2px 6px #0000001a}.node-card{cursor:pointer;gap:8px;display:grid;position:relative}.node-card:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.sub-skill-tile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.sub-skill-icon{object-fit:cover;border:1px solid #d9d9d9;border-radius:8px;width:50px;height:50px;box-shadow:0 2px 8px #0000001f}.sub-skill-name{color:var(--ui-card-text);margin:0;font-size:15px;font-weight:700;line-height:1.2}.node-xp-reward,.node-mastery{text-align:center;margin:0;font-size:14px;font-weight:700;line-height:1.15}.node-xp-reward{color:var(--ui-text-muted)}.node-mastery{color:var(--ui-accent)}.node-modal-overlay{z-index:100;background:#0a0912a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.node-modal-layout{grid-template-columns:minmax(0,300px);justify-content:center;align-items:start;gap:16px;width:min(100%,300px);display:grid}.node-modal-layout.with-item-guide{grid-template-columns:minmax(0,300px) minmax(0,344px);width:min(100%,660px)}.node-modal{border:1px solid var(--ui-card-border);background:var(--ui-card-bg);width:100%;color:var(--ui-card-text);border-radius:8px;gap:10px;padding:14px;display:grid;position:relative;box-shadow:0 14px 40px #0a091257}.node-modal-close{width:28px;height:28px;color:var(--ui-card-text);background:0 0;border-radius:6px;place-items:center;padding:0;font-size:18px;font-weight:900;line-height:1;display:grid;position:absolute;top:8px;right:8px}.node-modal-close:hover{background:var(--ui-card-bg-hover);color:var(--ui-card-text)}.node-modal-header{align-items:center;gap:10px;padding-right:28px;display:flex}.node-modal-icon{object-fit:cover;border:1px solid #d9d9d9;border-radius:8px;width:52px;height:52px;box-shadow:0 2px 8px #0000001f}.node-modal-header h3{color:var(--ui-card-text);margin:0;font-size:17px;line-height:1.15}.node-modal-header p{color:var(--ui-accent);margin:4px 0 0;font-size:14px;font-weight:800}.custom-theme-modal{width:min(100%,720px);max-height:min(720px,100vh - 48px);overflow:auto}.custom-theme-column-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.custom-theme-column{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:74px;padding:9px;display:grid}.custom-theme-column.editable{grid-template-columns:34px minmax(0,1fr) 38px}.custom-theme-column-swatch{border-radius:6px;width:34px;height:50px;box-shadow:inset 0 0 0 1px #fff3}.custom-theme-column-copy{gap:3px;min-width:0;display:grid}.custom-theme-column-copy strong{color:var(--ui-card-text);font-size:12px;line-height:1.1}.custom-theme-column-copy span{color:var(--ui-card-muted);font-size:11px;font-weight:700;line-height:1.25}.custom-theme-column input{border:1px solid var(--ui-card-border);cursor:pointer;background:0 0;border-radius:6px;width:38px;height:34px;padding:0}.custom-theme-random{color:var(--ui-card-text);cursor:pointer;font:inherit;text-align:left}.custom-theme-random:hover{border-color:var(--ui-accent);background:var(--ui-card-bg-hover)}.custom-theme-random-swatch{border-radius:6px;width:34px;height:50px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.custom-theme-random-swatch span{min-height:0}.node-details{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);cursor:default;border-radius:6px;gap:4px;padding:7px;font-size:14px;display:grid}.node-detail-row{color:var(--ui-card-muted);justify-content:space-between;gap:10px;display:flex}.node-detail-row span:last-child{color:var(--ui-card-text);text-align:right;font-weight:700}.node-output-value{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px;max-width:142px;margin-left:auto;font-size:13px;display:inline-flex}.node-output-guide-button{color:var(--ui-card-text);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700}.node-output-guide-button:hover,.node-output-guide-button:focus-visible{color:var(--ui-card-text)}.node-output-amount{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.node-output-name{text-align:right;white-space:nowrap}.node-input-list{justify-items:end;gap:3px;display:grid}.node-input-value{cursor:pointer;font:inherit;background:0 0;border:0;outline:none;padding:0;position:relative}.node-input-tooltip{z-index:15;background:#151322;border:1px solid #d9d2ff;border-radius:8px;gap:3px;width:max-content;min-width:112px;padding:6px;font-size:10px;font-weight:800;line-height:1.15;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 18px #18143038;color:#fff!important;text-align:left!important}.node-input-value:hover .node-input-tooltip,.node-input-value:focus-visible .node-input-tooltip{display:grid}.node-input-tooltip:after{content:"";background:#151322;border-bottom:1px solid #d9d2ff;border-right:1px solid #d9d2ff;width:9px;height:9px;position:absolute;bottom:-5px;right:14px;transform:rotate(45deg)}.node-input-tooltip span:first-child{color:#f5cf4f!important}.node-input-tooltip span:last-child{color:#fff!important}.node-input-available{color:#238636!important}.node-input-missing{color:#cf3b35!important}.node-output-icon{object-fit:contain;width:16px;height:16px}.node-output-amount .quality-star{width:5px;height:5px}.node-output-amount .quality-star+.quality-star{margin-left:-1px}.node-efficiency-tooltip-anchor{cursor:help;outline:none;position:relative}.node-efficiency-tooltip{z-index:15;color:#fff;text-align:left;background:#151322;border:1px solid #d9d2ff;border-radius:8px;gap:3px;width:max-content;min-width:118px;padding:6px;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 18px #18143038}.node-efficiency-tooltip-anchor:hover .node-efficiency-tooltip,.node-efficiency-tooltip-anchor:focus-visible .node-efficiency-tooltip{display:grid}.node-efficiency-tooltip:after{content:"";background:#151322;border-bottom:1px solid #d9d2ff;border-right:1px solid #d9d2ff;width:9px;height:9px;position:absolute;bottom:-5px;right:14px;transform:rotate(45deg)}.node-efficiency-tooltip-title{font-size:10px;font-weight:800;color:#f5cf4f!important;text-align:left!important}.node-efficiency-tooltip-row,.node-efficiency-tooltip-total{justify-content:space-between;gap:18px;font-size:10px;font-weight:700;display:flex;color:#fff!important}.node-efficiency-tooltip-total{border-top:1px solid #ffffff24;margin-top:2px;padding-top:4px}.node-efficiency-tooltip-row span:last-child,.node-efficiency-tooltip-total span:last-child{color:#f5cf4f!important}.level-met{color:#238636!important}.level-met:before{content:"✓"}.level-locked{color:#8a4b18!important}button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:5px;padding:8px 12px}button:hover{background:#45a049}button:disabled{opacity:.7;cursor:not-allowed}.skill-toggle{isolation:isolate;color:#fff;letter-spacing:0;background:linear-gradient(#4fbd5b 0%,#399a43 100%);border:1px solid #2f8a3a;border-radius:999px;width:100%;min-height:36px;font-size:16px;font-weight:700;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 2px 6px #26702e47}.skill-toggle:before{z-index:-1;width:var(--skill-progress,0%);content:"";background:linear-gradient(90deg,#ffffff4d,#ffffff1f);transition:width .1s linear;position:absolute;inset:0}.skill-toggle span{z-index:1;position:relative}.skill-toggle:hover{background:linear-gradient(#58ca65 0%,#3fa84b 100%)}.skill-toggle.running{background:linear-gradient(#d35a5a 0%,#a93d3d 100%);border-color:#8d3434;box-shadow:inset 0 1px #ffffff38,0 2px 6px #802d2d47}.skill-toggle.running:hover{background:linear-gradient(#df6565 0%,#b64646 100%)}.node-action-message{color:#9f2722;text-align:center;background:#fff0ef;border:1px solid #e27c78;border-radius:6px;margin:0;padding:7px 8px;font-size:14px;font-weight:700;line-height:1.25}.auth-page{justify-content:center;align-items:flex-start;min-height:calc(100vh - 40px);padding-top:40px;display:flex}.auth-card{background:#fff;border-radius:10px;width:min(100%,420px);padding:24px;box-shadow:0 2px 6px #0000001f}.auth-card h2{margin-top:0}.auth-tab-buttons{gap:8px;margin:20px 0;display:flex}.auth-tab-buttons button{color:#222;background:#ececec;flex:1}.auth-tab-buttons button.active{color:#fff;background:#4caf50}.auth-form{gap:12px;display:grid}.auth-form input{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px}.auth-message{color:#2a2a2a;margin:0}.empty-state{background:var(--ui-card-bg);max-width:560px;color:var(--ui-card-text);border:1px dashed #ccc;border-radius:8px;padding:24px}.empty-state h3{margin:0 0 8px}.empty-state p{color:var(--ui-card-muted);margin:0}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-width:680px;display:grid}.stats-card{border:1px solid var(--ui-card-border);background:var(--ui-card-bg);border-radius:8px;gap:8px;padding:16px;display:grid;box-shadow:0 1px 4px #00000014}.stats-label{color:var(--ui-card-muted);font-size:13px;font-weight:700}.stats-card strong{color:var(--ui-card-text);font-size:26px;line-height:1.1}.inventory-filter{width:min(100%,320px);color:var(--ui-card-muted);text-transform:uppercase;gap:5px;font-size:12px;font-weight:800;display:grid}.inventory-filter input{border:1px solid var(--ui-card-border);background:var(--ui-card-bg);width:100%;color:var(--ui-card-text);font:inherit;text-transform:none;border-radius:6px;padding:9px 10px;font-size:14px;font-weight:700}.inventory-filter input:focus{border-color:var(--ui-accent);outline:none;box-shadow:0 0 0 2px #68be4e2e}.inventory-sections{gap:18px;display:grid}.inventory-section{gap:8px;display:grid}.inventory-section h3{color:var(--ui-card-text);margin:0;font-size:15px;line-height:1.2}.inventory-grid{grid-template-columns:repeat(auto-fill,64px);align-items:start;gap:8px;display:grid;overflow:visible}.inventory-slot{width:64px;height:64px;position:relative}.inventory-item{border:1px solid var(--ui-card-border);background:var(--ui-card-bg);width:64px;height:64px;color:var(--ui-card-text);border-radius:8px;place-items:center;padding:6px;display:grid;position:relative;box-shadow:0 1px 4px #00000014}.inventory-item:hover,.inventory-item.active{border-color:var(--ui-accent);background:var(--ui-card-bg-hover)}.inventory-item-icon{object-fit:contain;width:44px;height:44px}.inventory-item .quality-star-row{top:1px}.inventory-item .quality-star{width:10px;height:10px}.inventory-item-count{max-width:calc(100% - 8px);color:var(--ui-card-text);text-align:right;text-shadow:0 1px #ffffffe6;font-size:11px;font-weight:300;line-height:1.2;position:absolute;bottom:4px;right:4px}.inventory-modal{border:1px solid var(--ui-card-border);background:var(--ui-card-bg);width:min(100%,320px);color:var(--ui-card-text);border-radius:8px;gap:14px;padding:16px;display:grid;position:relative;box-shadow:0 14px 40px #0a091257}.inventory-detail-header{align-items:center;gap:10px;padding-right:28px;display:flex}.inventory-detail-icon{object-fit:contain;width:52px;height:52px}.inventory-detail-header .quality-star-row{top:0}.inventory-detail-header .quality-star{width:11px;height:11px}.inventory-modal h3,.inventory-modal h4,.inventory-modal p{margin:0}.inventory-modal h3{color:var(--ui-card-text);font-size:18px;line-height:1.15}.inventory-detail-header p{color:var(--ui-card-text);margin-top:3px;font-size:14px}.inventory-detail-section{gap:8px;display:grid}.inventory-modal h4,.inventory-guide-copy{color:var(--ui-card-muted);font-size:13px}.inventory-source-list{gap:6px;display:grid}.inventory-source-link{background:var(--ui-card-bg-soft);color:var(--ui-card-text);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.inventory-source-link:hover{color:#fff;background:#6047c7}.inventory-source-link img{object-fit:contain;width:22px;height:22px}.item-guide-overlay{z-index:120}.item-guide-modal{width:100%}.home-base-page{gap:14px;padding-top:72px;display:grid}.home-base-layout{grid-template-columns:minmax(320px,1fr) minmax(280px,360px);align-items:start;gap:14px;display:grid}.home-land-panel,.home-controls-panel{border:1px solid var(--ui-card-border);color:var(--ui-card-text);background:#151322e6;border-radius:8px;gap:12px;padding:12px;display:grid}.home-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-panel-heading h3,.home-control-section h3{color:var(--ui-card-text);margin:0;font-size:15px;line-height:1.15}.home-panel-heading p,.home-muted-copy,.home-definition-card p{color:var(--ui-card-muted);margin:0;font-size:13px;line-height:1.35}.home-plot-grid{justify-content:start;gap:8px;max-width:100%;padding:4px;display:grid;overflow:auto}.home-plot{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);min-width:68px;min-height:68px;color:var(--ui-card-text);text-align:center;border-radius:8px;place-items:center;gap:3px;padding:6px;font-size:11px;font-weight:800;line-height:1.1;display:grid;position:relative}.home-plot:hover,.home-plot.selected{border-color:var(--ui-highlight);background:var(--ui-card-bg-hover)}.home-plot img{object-fit:contain;width:28px;height:28px}.home-plot strong{color:var(--ui-highlight);font-size:10px}.home-plot-candidate{opacity:.35;border-style:dashed}.home-plot-candidate.available{opacity:1;color:#d7ffd1;border-color:#5cc83b;font-size:24px}.home-controls-panel{max-height:calc(100vh - 130px);overflow:auto}.home-control-section{border-bottom:1px solid var(--ui-card-border);gap:8px;padding-bottom:10px;display:grid}.home-control-section:last-child{border-bottom:0;padding-bottom:0}.home-selected-plot{color:var(--ui-card-muted);gap:3px;font-size:13px;display:grid}.home-selected-plot strong{color:var(--ui-card-text)}.home-select{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);width:100%;min-height:36px;color:var(--ui-card-text);font:inherit;border-radius:6px;padding:7px 9px;font-size:13px;font-weight:700}.home-definition-card{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);color:var(--ui-card-text);border-radius:8px;gap:8px;padding:9px;font-size:13px;display:grid}.home-definition-title{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;display:grid}.home-definition-title img{object-fit:contain;width:34px;height:34px}.home-definition-title div{gap:2px;display:grid}.home-definition-card strong{color:var(--ui-card-text)}.home-definition-card span,.home-definition-title span{color:var(--ui-card-muted);font-size:12px;font-weight:700}.home-buff-list{flex-wrap:wrap;gap:5px;display:flex}.home-buff-list span{color:#d7ffd1;background:#5cc83b29;border-radius:6px;padding:4px 6px;font-size:11px;font-weight:800}.home-primary-button,.home-secondary-button{border-radius:8px;min-height:36px;padding:8px 10px;font-size:13px;font-weight:900}.home-primary-button{background:var(--ui-accent);color:var(--ui-on-accent)}.home-secondary-button{border:1px solid var(--ui-card-border);background:var(--ui-card-bg-soft);color:var(--ui-card-text)}.home-secondary-button.active,.home-secondary-button:hover{border-color:var(--ui-highlight);color:var(--ui-highlight)}.home-action-message{background:var(--ui-card-bg-soft);color:var(--ui-card-text);border-radius:8px;margin:0;padding:8px;font-size:13px;font-weight:800}.topbar-auth,.topbar-login-button{display:none}@media (width<=760px){.app-shell{grid-template-columns:1fr;padding:12px}.sidebar{position:static}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.content-topbar{justify-content:stretch;margin-bottom:12px;position:static}.node-modal-overlay{align-items:start;overflow-y:auto}.node-modal-layout,.node-modal-layout.with-item-guide{grid-template-columns:minmax(0,1fr);width:min(100%,344px)}.home-base-layout{grid-template-columns:1fr}.home-controls-panel{max-height:none;margin-top:0}.profile-box{grid-template-columns:minmax(0,1fr) 52px;width:100%;max-width:none}.settings-page{margin-top:0}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-sidebar{border-right:0;border-bottom:1px solid var(--ui-surface-hover);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-bottom:10px;padding-right:0}.discipline-header{padding-right:0}.cooking-fuel-panel{grid-template-columns:1fr;width:100%;margin-bottom:10px;margin-left:0;margin-right:0}.cooking-fuel-quantity{grid-column:auto}.category-tabs{max-width:100%}.skill-nav-group{grid-column:1/-1}.skill-panel.active{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card{width:100%}.node-modal-overlay{padding:12px}}.resource-box{background:#fff0f0;border:1px solid #fcc;border-radius:6px;margin-bottom:10px;padding:10px;font-size:18px}