/* Compact three-column planner: progress, shared skill grid, persistent detail. */
.page{display:block;max-width:1720px;padding-top:28px}.page>.nav{position:static;display:flex;gap:21px;overflow-x:auto;padding:0 0 18px;margin:0 0 38px;border-bottom:1px solid #344458}.nav .nav-label{display:none}.page>.nav a{white-space:nowrap;border:0;font-size:.875rem;padding:9px 0}.planner-workspace>.section-title{margin-bottom:12px}.planner-workspace>.section-desc{margin-bottom:20px}
.workspace-shell{background:#0b111c;border:1px solid #314359;border-radius:12px;overflow:clip}.workspace-toolbar{padding:16px 20px;align-items:center;gap:14px}.workspace-toolbar>label{font-size:.75rem;max-width:410px;min-width:180px}.workspace-toolbar input{font-size:1rem;padding:5px 0}.workspace-toolbar .builder-actions{margin-left:auto;gap:7px}.workspace-toolbar .builder-button{min-height:38px;padding:9px 12px;font-size:.8125rem}.save-indicator{font-size:.75rem;color:#96c6b5}.save-indicator[data-state=error]{color:#f3aba9}.save-indicator[data-state=saving]{color:#a8bddc}
.workspace-tabs{padding:0 18px;gap:12px;justify-content:flex-end;border-top:0}.workspace-tabs button{flex:0 1 auto;padding:11px 22px;font-size:.9375rem;border-radius:7px 7px 0 0}.workspace-tabs small{font-size:.75rem}.workspace-tabs button[aria-selected=true]{background:#1c283a;border-color:#e2bd6c;color:#f1e7d3;box-shadow:none}
.planner-layout{display:grid;grid-template-columns:245px minmax(0,1fr);align-items:start;gap:16px;padding:16px}.planner-content{min-width:0}.progress-sidebar{display:flex;flex-direction:column;position:sticky;top:16px;border:1px solid #344559;border-radius:10px;padding:18px;background:#121c29;min-height:660px;max-height:calc(100vh - 32px);overflow:auto}.level-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.level-picker label{grid-column:1/-1;color:#aabdd5;font-size:.8125rem}.level-picker select{width:100%;background:#1b2b3e;color:#e8eff9;border:1px solid #42617d;border-bottom:2px solid #e2bd6c;border-radius:6px;padding:8px;font:500 .875rem 'DM Sans',Arial,sans-serif}.text-button{border:0;background:transparent;color:#adcae7;font:500 .8125rem/1.5 'DM Sans',Arial,sans-serif;padding:5px 2px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.text-button:disabled{opacity:.4;cursor:default}.progress-sidebar .text-button{font-size:.75rem}
.progress-sidebar .step-player{display:flex;flex:1;flex-direction:column;position:static;top:auto;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;margin:15px 0 0}.progress-sidebar .step-player-top{display:block;font-size:.8125rem;color:#b8c9dc}.progress-sidebar .step-player-top strong{display:block;font-size:.8125rem;margin-top:6px;color:#90a9c5}.progress-sidebar .step-player input[type=range]{width:100%;margin:12px 0 22px;accent-color:#e2bd6c}.step-card{display:flex;align-items:flex-start;gap:11px;min-height:126px;padding:2px 0 18px}.step-card>img{flex:0 0 52px;width:52px;height:52px;object-fit:contain;border-radius:7px}.progress-sidebar .step-description{display:block;min-height:0;margin:0}.progress-sidebar .step-description strong{display:block;font-size:1rem;line-height:1.5;color:#eff4fb;overflow-wrap:anywhere}.progress-sidebar .step-description span{display:block;margin-top:8px;font-size:.8125rem;line-height:1.6;color:#b2c4dc}
.progress-points{margin:0;padding:15px;border:1px solid #293e55;border-radius:8px;background:#1b293b}.progress-points>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:12px}.progress-points>div:first-child{display:block;margin:0;padding-bottom:13px;border-bottom:1px solid #334861}.progress-points dt{color:#b1c4db;font-size:.8125rem;line-height:1.5}.progress-points dd{margin:0;font-weight:700;color:#e5effc;font-size:1.1rem;white-space:nowrap;font-variant-numeric:tabular-nums}.progress-points>div:first-child dd{font-size:1.6rem;margin-top:5px;color:#ecd098}.progress-points .over-budget{color:#ffb4ac}.progress-budget-note{font-size:.75rem;line-height:1.7;color:#91a9c6;margin:14px 0 3px}.playback-footer{margin-top:auto;padding-top:38px}.playback-footer .step-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.playback-footer .builder-button{min-width:0;min-height:44px;font-size:.875rem;padding:10px}.planner-workspace .playback-footer [data-next]{background:#e1b760;border-color:#f3cc81;color:#182330}.playback-shortcuts{display:flex;justify-content:space-between;margin:9px 0 13px}.playback-footer .edit-mode,.playback-footer [data-edit-record]{display:block;width:100%;margin:10px 0 0}.playback-footer>small{display:block;font-size:.75rem;color:#8197b6;line-height:1.6;margin-top:14px}
.skill-surface{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;align-items:start}.skill-surface>.builder-section{border:1px solid #33465c;border-radius:10px;background:#121c29;overflow:hidden;padding:16px;min-height:660px}.skill-surface .builder-shell{background:transparent}.skill-surface :is(.builder-tabs,.builder-stats,.builder-budget-row,.builder-panel-heading,.builder-toolbar,.builder-bottom){display:none}.skill-surface .builder-grid{display:block;padding:0;border:0;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-color:#526d89 #121c29;scrollbar-width:thin}.skill-group{margin:0 0 24px}.skill-group:last-child{margin-bottom:0}.skill-group>h3{font:600 .875rem/1.5 'DM Sans',Arial,sans-serif;border-bottom:1px solid #35475f;margin:0 0 9px;padding:0 0 7px;color:#dfebfb}.skill-group-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 5px;align-items:start}
.planner-workspace .skill-group .builder-tile{display:flex;align-items:center;flex-direction:column;min-height:140px;min-width:0;padding:5px 3px 9px;border:1px solid transparent;border-radius:6px;background:transparent;position:relative;box-shadow:none}.planner-workspace .skill-group .builder-tile>img{width:70px;height:70px;max-width:100%;object-fit:contain;border:2px solid #d5a558;border-radius:8px;background:#08121c;box-shadow:none;margin:0 0 5px}.skill-group[data-skill-group=passive] .builder-tile>img{border-color:#70b597}.skill-group[data-skill-group=stigma] .builder-tile>img{border-color:#b69de5}.planner-workspace .skill-group .builder-tile .tile-level{position:absolute;top:52px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:70px;max-width:100%;padding:1px 6px 1px 2px;text-align:right;font:700 .8125rem/1.4 'DM Sans',Arial,sans-serif;color:#fff;background:transparent;text-shadow:0 1px 5px #000,0 1px 2px #000;border:0;border-radius:0}.planner-workspace .skill-group .tile-name{display:block;text-align:center;font-size:.8125rem;line-height:1.3;color:#e4effa;margin:2px 0 0;overflow-wrap:anywhere;min-height:0}.planner-workspace .skill-group .tile-english{display:block;text-align:center;font-size:.75rem;line-height:1.35;color:#98afcb;margin:4px 0 0;overflow-wrap:anywhere}.skill-surface .tile-meta,.skill-surface .tile-dots{display:none}.tile-unlock{font-size:.75rem;line-height:1.35;text-align:center;color:#859bb7;margin-top:7px}.builder-tile.character-locked>img{filter:grayscale(1);opacity:.35}.planner-workspace .character-locked .tile-name{color:#879bb6}.planner-workspace .character-locked .tile-level{display:none}.planner-workspace .skill-group .builder-tile.is-inspected{border-color:#dfb565;background:#213047}.planner-workspace .skill-group .step-current{outline:1px solid #f0c875!important;outline-offset:0;box-shadow:none!important;background:#213047}.planner-workspace .skill-group .step-current>img{border:3px solid #86e6b3;box-shadow:0 0 12px #86e6b335}.planner-workspace .skill-group .step-current .tile-name{color:#90ecc2}
.skill-surface .inline-detail{display:block;position:sticky;top:16px;inset-inline:auto;align-self:start;max-height:calc(100vh - 32px);overflow:auto;width:auto;max-width:none;margin:0;padding:17px;background:#121c29;border:1px solid #344559;border-radius:10px;color:#d5e3f5;box-shadow:none;scrollbar-color:#526d89 #121c29;scrollbar-width:thin}.inline-detail .detail-top{margin-bottom:12px;padding:0;font-size:.75rem}.inline-detail #detail-close,.inline-detail [data-ui=detail-close],.inline-detail [data-ui=detail-done]{display:none}.inline-detail .detail-heading{display:flex;gap:10px;align-items:start;margin-bottom:14px}.inline-detail .detail-heading>img{width:47px;height:47px;flex:0 0 47px}.inline-detail .detail-heading h3{font:600 1.05rem/1.45 'DM Sans',Arial,sans-serif;margin:0;color:#edf4fd}.inline-detail .detail-level{font-size:.8125rem;margin-top:3px}.inline-detail .skill-original{font-size:.75rem;line-height:1.4;margin-top:4px}.inline-detail [data-ui=detail-description]{font-size:.875rem;line-height:1.75;margin:10px 0 18px}.inline-detail .detail-level-heading{font-size:.8125rem}.inline-detail .detail-slider-row{gap:8px}.inline-detail .detail-slider-row input{min-width:0;width:100%;accent-color:#e2bd6c}.inline-detail .builder-step{width:30px;height:34px;flex:0 0 30px;min-width:0;min-height:0}.inline-detail .detail-milestones{gap:5px;margin:10px 0 16px}.inline-detail .detail-milestones button{font-size:.75rem;padding:5px;min-width:35px;min-height:30px}.inline-detail .detail-allocation{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:5px;padding:12px;font-size:.75rem}.inline-detail .detail-allocation>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #34465d;padding-top:9px}.inline-detail .detail-allocation label{min-width:0;font-size:.75rem}.inline-detail .detail-allocation input{width:100%;font-size:.875rem}.inline-detail .detail-help{font-size:.75rem;line-height:1.65}.inline-detail .specialty-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:15px}.inline-detail .specialty-heading h4{font-size:.875rem}.inline-detail .specialty-heading span{font-size:.75rem}.inline-detail .specialty-list{gap:8px}.inline-detail .specialty-option{padding:11px;gap:8px;grid-template-columns:18px minmax(0,1fr);background:#1b2939;border:1px solid #334a63;border-radius:7px}.inline-detail .specialty-option img{display:none}.inline-detail .specialty-option .specialty-copy{font-size:.8125rem;line-height:1.6}.inline-detail .specialty-option .specialty-level{font-size:.75rem}.inline-detail .specialty-option.locked{opacity:.58}.inline-detail .specialty-option.selected{border-color:#81cfae;background:#203c38}.inline-detail .detail-status{font-size:.75rem;line-height:1.6}.inline-detail .detail-footer{margin-top:18px}.inline-detail .detail-footer .builder-button{font-size:.75rem;min-height:34px;padding:8px 10px}
.planner-workspace[data-panel=settings] .planner-layout{grid-template-columns:1fr}.planner-workspace[data-panel=settings] .progress-sidebar{display:none}.timeline-studio{border:0;border-radius:8px;background:#121c29;padding:24px}.level-budget-table{max-height:440px;overflow:auto;margin-top:20px;border:1px solid #334960;border-radius:7px;scrollbar-color:#526d89 #121c29}.level-budget-table table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.level-budget-table th,.level-budget-table td{padding:10px 16px;border-bottom:1px solid #2c4058}.level-budget-table thead{position:sticky;top:0;z-index:1;background:#22314a}.level-budget-table thead th{font-size:.8125rem;color:#d8e6f5}.level-budget-table tbody th{width:22%;color:#a9c2de;font-weight:500}.level-budget-table input{font-size:.875rem!important;margin:0!important;padding:7px 10px!important}.workspace-status{font-size:.8125rem;padding:12px 20px;color:#95adc8}.planner-workspace .builder-button.primary{background:#8bdbef;border-color:#addff0;color:#0f2535}.planner-workspace .builder-button:focus-visible,.text-button:focus-visible,.level-picker select:focus-visible{outline:2px solid #f0c875;outline-offset:3px}
[data-workspace-panel=daeva] .daeva-app{border:1px solid #344559;border-radius:10px;background:#121c29;overflow:hidden}[data-workspace-panel=daeva] .daeva-layout{grid-template-columns:minmax(0,1fr) 260px}[data-workspace-panel=daeva] .daeva-board-panel{padding:16px}[data-workspace-panel=daeva] .daeva-totals{display:none}[data-workspace-panel=daeva] .daeva-tabs{padding:12px 16px;gap:7px}[data-workspace-panel=daeva] .daeva-tabs button{min-height:51px;padding:7px;font-size:.8125rem}[data-workspace-panel=daeva] .daeva-tabs small{font-size:.75rem}[data-workspace-panel=daeva] .daeva-node-info{margin-top:15px}[data-workspace-panel=daeva] .daeva-toolbar{padding:10px 16px}[data-workspace-panel=daeva] .daeva-map{max-width:100%}[data-workspace-panel=daeva] .daeva-summary{background:#152131;padding:17px}[data-workspace-panel=daeva] .daeva-scroll{max-height:680px}
@media(min-width:1600px){.skill-surface{grid-template-columns:minmax(0,1fr) 300px}.planner-layout{grid-template-columns:260px minmax(0,1fr)}.planner-workspace .skill-group .builder-tile>img{width:78px;height:78px}.planner-workspace .skill-group .builder-tile .tile-level{width:78px;top:60px}.planner-workspace .skill-group .builder-tile{min-height:148px}}
@media(max-width:1350px){.planner-layout{grid-template-columns:220px minmax(0,1fr);gap:12px;padding:12px}.progress-sidebar{padding:15px}.skill-surface{grid-template-columns:minmax(0,1fr) 255px;gap:12px}.skill-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.planner-workspace .skill-group .builder-tile{min-height:138px}[data-workspace-panel=daeva] .daeva-layout{grid-template-columns:1fr}[data-workspace-panel=daeva] .daeva-summary{border-top:1px solid #344559;border-left:0;display:block}}
@media(max-width:1050px){.skill-surface{grid-template-columns:minmax(0,1fr) 245px}.planner-layout{grid-template-columns:190px minmax(0,1fr);gap:10px}.skill-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-detail .detail-heading{flex-wrap:wrap}.progress-sidebar{padding:12px}.step-card{display:block}.step-card>img{margin-bottom:10px}.level-picker{grid-template-columns:1fr}.level-picker label{grid-column:auto}.level-picker .text-button{justify-self:start}.workspace-toolbar{padding:14px}.workspace-toolbar .save-indicator{order:3;flex-basis:100%}}
@media(max-width:850px){.planner-layout{grid-template-columns:200px minmax(0,1fr)}.skill-surface{grid-template-columns:1fr}.skill-surface .inline-detail{position:static;max-height:none}.skill-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skill-surface .builder-grid{max-height:none}.skill-surface>.builder-section{min-height:0}.inline-detail .detail-heading{flex-wrap:nowrap}.workspace-tabs{justify-content:stretch;padding:0 8px;gap:4px}.workspace-tabs button{flex:1;padding:10px 8px;font-size:.875rem}.workspace-tabs small{font-size:.75rem}}
@media(max-width:650px){.planner-layout{display:block;padding:10px}.progress-sidebar{position:static;max-height:none;min-height:0;margin-bottom:12px;padding:15px}.level-picker{grid-template-columns:1fr auto}.level-picker label{grid-column:1/-1}.level-picker .text-button{justify-self:end}.progress-sidebar .step-player{display:block;margin-top:13px}.progress-sidebar .step-player-top{display:flex;justify-content:space-between;gap:10px}.progress-sidebar .step-player-top strong{margin:0}.progress-sidebar .step-player input[type=range]{margin:12px 0}.step-card{display:flex;min-height:0;padding-bottom:12px}.step-card>img{width:42px;height:42px;flex-basis:42px;margin:0}.progress-sidebar .step-description strong{font-size:.875rem}.progress-sidebar .step-description span{font-size:.75rem;margin-top:5px}.progress-points{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px;padding:12px}.progress-points>div,.progress-points>div:first-child{display:block;margin:0;border:0;padding:0}.progress-points dt{font-size:.75rem}.progress-points dd,.progress-points>div:first-child dd{font-size:1.2rem;margin-top:7px}.progress-budget-note{margin-top:9px}.playback-footer{padding-top:12px}.playback-shortcuts{display:none}.playback-footer>small{display:none}.playback-footer .edit-mode{margin-top:8px}.skill-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.planner-workspace .skill-group .builder-tile{min-height:136px}.planner-workspace .skill-group .builder-tile>img{width:60px;height:60px}.planner-workspace .skill-group .builder-tile .tile-level{width:60px;top:44px;font-size:.75rem}.planner-workspace .skill-group .tile-name{font-size:.75rem}.skill-surface>.builder-section{padding:12px}.workspace-toolbar>.builder-actions{width:100%;margin:0;display:flex;gap:6px}.workspace-toolbar .builder-actions button{flex:1;font-size:.75rem;padding:8px 5px}.workspace-toolbar .save-indicator{order:initial;flex-basis:auto;margin-left:auto}.workspace-toolbar>label{min-width:0;flex-basis:65%}.workspace-tabs small{display:none}.timeline-studio{padding:15px}.level-budget-table th,.level-budget-table td{padding:8px}.level-budget-table input{padding:7px!important;font-size:.8125rem!important}.level-budget-table th{font-size:.75rem!important}.level-budget-table input::placeholder{font-size:.75rem}.record-heading{display:block}}
@media(max-width:380px){.skill-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.progress-points{grid-template-columns:1fr 1fr 1fr}}
.skill-surface .inline-detail .specialty-option>span:not(.auto-check){font-size:.8125rem;line-height:1.6;grid-column:2}.skill-surface .inline-detail .specialty-option>small{grid-column:2;color:#a2bddd;font-size:.75rem;text-align:left;white-space:normal}.skill-surface .inline-detail .specialty-option .auto-check{grid-column:1}.skill-surface [data-ui=builder-panel]{padding:0}.skill-surface .inline-detail .detail-allocation strong{margin:0;font-size:1.1rem}
[data-workspace-panel=daeva] .daeva-summary{max-height:calc(100vh - 110px);overflow:auto;scrollbar-color:#526d89 #121c29}[data-workspace-panel=daeva] .daeva-summary>.daeva-node-info{margin:0 0 22px;border:0;border-bottom:1px solid #34485f;border-radius:0;background:transparent;padding:0 0 19px}[data-workspace-panel=daeva] .daeva-node-info-heading{flex-wrap:wrap}[data-workspace-panel=daeva] .daeva-node-info-heading>strong{margin:0;flex-basis:100%}
@media(max-width:850px){[data-workspace-panel=daeva] .daeva-summary{max-height:none}}
.saved-guides .section-title{justify-content:space-between}.saved-guides .section-title .builder-button{flex-shrink:0}.saved-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.saved-guide-card{background:#121c29;border:1px solid #34485f;border-radius:10px;padding:22px;min-width:0}.saved-guide-author{font-size:.875rem;color:#92cee0;margin:0 0 12px}.saved-guide-card h3{font:600 1.15rem/1.5 'DM Sans',Arial,sans-serif;margin:0 0 14px;color:#e0ecfc;overflow-wrap:anywhere}.saved-guide-meta,.guide-list-status{font-size:.875rem;line-height:1.7;color:#a4bad5}.saved-guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.saved-guide-actions a{text-decoration:none}.guide-list-status{margin:20px 0}.saved-guides [hidden]{display:none!important}.save-indicator{font-size:.875rem}.playback-footer [data-own-guide-edit]{display:block;width:100%;margin-top:10px}
@media(max-width:1000px){.saved-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.saved-guides-grid{grid-template-columns:1fr}.workspace-toolbar>.builder-actions{flex-wrap:wrap}.workspace-toolbar .builder-actions button{flex:1 1 42%}}
.current-budget{display:grid;gap:7px;margin:12px 0 4px;color:#b1c4db;font-size:.875rem;line-height:1.5}.current-budget[hidden]{display:none}.current-budget input{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:8px 10px;border:1px solid #42617d;border-radius:6px;background:#1b2b3e;color:#e8eff9;font:inherit}.current-budget input::placeholder{color:#91a9c6}.current-budget input:focus-visible{outline:2px solid #e2bd6c;outline-offset:2px}.current-budget input:disabled{opacity:.55;cursor:default}
.level-income{margin:12px 0 0;font-size:.8125rem;color:#a9bdd6}.level-income>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:7px 0}.level-income dt{line-height:1.5}.level-income dd{margin:0;color:#e4d09f;font-weight:600;font-variant-numeric:tabular-nums}.level-income[hidden],.manual-budget[hidden]{display:none}.current-budget small{font-size:.75rem;line-height:1.6;color:#91a9c6}.manual-budget{margin:12px 0;color:#b1c4db;font-size:.8125rem}.manual-budget summary{cursor:pointer;line-height:1.5}.level-budget-table .level-point-value{color:#e4d09f;font-variant-numeric:tabular-nums}.level-budget-table table{min-width:660px}
.planner-workspace [data-timeline-only][hidden],.planner-workspace [data-snapshot-only][hidden],.new-guide-choices[hidden]{display:none}.new-guide-choices{margin:0 18px 18px;padding:20px;border:1px solid #54748f;border-radius:8px;background:#152436;color:#d5e3f5}.new-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.new-guide-heading h3{margin:0;font-size:1.125rem;line-height:1.5}.new-guide-choices p{font-size:1rem;line-height:1.6;color:#aec4dc}.guide-template-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-template{display:flex;flex-direction:column;gap:10px;padding:16px;min-width:0;border:1px solid #476783;border-radius:7px;background:#0f1c2a;color:#deebf8;text-align:left;cursor:pointer;font:inherit}.guide-template strong{font-size:1rem;line-height:1.5;color:#e4d09f}.guide-template span{font-size:.875rem;line-height:1.65;color:#adc3db}.guide-template:hover{border-color:#e4d09f;background:#1e3043}.guide-template:focus-visible{outline:2px solid #e4d09f;outline-offset:3px}.guide-format{margin:0;padding:0 20px 16px;font-size:.875rem;line-height:1.5;color:#e4d09f}.build-mode-note{font-size:.875rem;line-height:1.65;color:#b1c6df;margin:0 0 16px}.saved-guide-format{font-size:.875rem;line-height:1.5;color:#e4d09f;margin:0 0 10px}@media(max-width:700px){.guide-template-buttons{grid-template-columns:1fr}.new-guide-choices{margin:0 10px 14px;padding:14px}}