.home-version{display:inline-flex;margin-top:14px;color:var(--muted);font-size:12px}
.route-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.spell-source-select{min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.22)}
.spell-source-note{margin-top:6px;color:var(--muted);font-size:13px}
.detail-section{margin-top:28px}.detail-section:first-child{margin-top:0}.detail-section h3{margin-bottom:8px;color:var(--gold);font-size:14px;letter-spacing:.06em}.detail-section p{margin-bottom:0}
.detail-footnote{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted)!important;font-size:12px}.detail-footnote code{word-break:break-all;color:var(--gold-light)}
.mobile-sheet{display:none}
.complete-text{color:var(--green)!important}.warning-text{color:var(--warning)!important}.danger-button{color:var(--danger)!important}
.progress-track{height:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red-light),var(--gold))}
.two-column-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.node-stage-tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.node-stage{display:grid;grid-template-columns:28px minmax(130px,1fr);gap:8px;align-items:center;flex:0 0 210px;min-height:58px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.13);text-align:left}.node-stage>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-soft);color:var(--muted);font-size:12px}.node-stage b,.node-stage small{display:block;grid-column:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.node-stage b{font-size:13px}.node-stage small{color:var(--muted);font-size:12px}.node-stage.active{border-color:var(--gold);background:rgba(223,189,114,.08)}.node-stage.complete>span{color:#102011;background:var(--green)}.compact-stages .node-stage{flex-basis:230px}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:78px;padding:12px 14px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:8px;background:rgba(255,255,255,.018);text-align:left}.option-card:hover,.option-card.focused{background:var(--surface-hover)}.option-card.selected{border-color:var(--line-strong);box-shadow:inset 3px 0 var(--gold)}.option-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(223,189,114,.09);color:var(--gold);font-size:20px}.option-card strong,.option-card small{display:block}.option-card strong{font-size:15px}.option-card small{display:-webkit-box;overflow:hidden;margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.choice-check{color:var(--gold);font-size:16px}
.inline-choice-panel{margin-top:18px;padding:18px;border-top:1px solid var(--line);background:rgba(0,0,0,.08)}.inline-choice-panel h3{margin-bottom:4px}.inline-choice-panel p{color:var(--muted)}
.ability-layout{width:min(760px,100%);margin:auto}.point-buy-line{display:grid;grid-template-columns:auto auto minmax(120px,1fr);gap:14px;align-items:center;margin-bottom:12px;padding:10px 4px;border-bottom:1px solid var(--line)}.point-buy-line span{color:var(--muted)}.point-buy-line b{color:var(--gold);font-size:18px}.ability-list{display:grid}.ability-row{display:grid;grid-template-columns:minmax(120px,1fr) 180px 120px;gap:18px;align-items:center;min-height:74px;padding:8px 4px;border-bottom:1px solid var(--line);cursor:pointer}.ability-row:hover,.ability-row.focused{background:linear-gradient(90deg,rgba(223,189,114,.07),transparent)}.ability-label strong,.ability-label span{display:block}.ability-label strong{font-family:Georgia,"Noto Serif SC",serif;font-size:18px}.ability-label span{color:var(--muted);font-size:12px;letter-spacing:.1em}.ability-adjust{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;text-align:center}.ability-adjust b{font-family:Georgia,serif;font-size:28px}.ability-adjust .icon-button{border:1px solid var(--line);background:rgba(0,0,0,.12)}.ability-final{display:grid;grid-template-columns:auto auto;align-items:center;text-align:right}.ability-final span{grid-column:1/-1;color:var(--muted);font-size:12px}.ability-final b{font-size:20px;color:var(--gold-light)}.ability-final small{color:var(--muted)}.creation-bonus{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(320px,1.2fr);gap:24px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.creation-bonus h3{margin-bottom:4px}.creation-bonus p{margin:0;color:var(--muted)}
.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skill-option{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:68px;padding:10px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:8px;background:rgba(255,255,255,.016);text-align:left}.skill-option:hover,.skill-option.focused{background:var(--surface-hover)}.skill-option.selected{border-color:var(--line-strong);box-shadow:inset 3px 0 var(--gold)}.skill-glyph{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(223,189,114,.09);color:var(--gold);font-size:18px}.skill-option strong,.skill-option small{display:block}.skill-option strong{font-size:15px}.skill-option small{color:var(--muted);font-size:12px}
.spell-toolbar-right{display:grid;gap:8px}.spell-counts{display:flex;align-items:center;flex-wrap:wrap;gap:0;min-height:34px;padding:0 2px 8px;border-bottom:1px solid var(--line)}.spell-counts span{display:inline-flex;align-items:center;min-height:28px;padding:0 14px;color:var(--text-soft);font-size:13px}.spell-counts span:first-child{padding-left:0}.spell-counts span+span{border-left:1px solid var(--line)}.spell-list-image{width:48px;height:48px;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.25)}.spell-detail-image{flex:0 0 72px;width:72px;height:72px;object-fit:cover;border:1px solid var(--line-strong);border-radius:14px;background:rgba(0,0,0,.25)}.library-thumb{width:46px;height:46px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:20px}.review-hero{grid-column:1/-1;padding:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(143,52,48,.15),transparent)}.review-hero h2{margin:4px 0;font-size:30px}.review-hero p{color:var(--text-soft)}.combat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.combat-strip div{padding:10px 0;border-top:1px solid var(--line)}.combat-strip span,.combat-strip b{display:block}.combat-strip span{color:var(--muted);font-size:12px}.combat-strip b{margin-top:4px;color:var(--gold-light);font-size:22px}.review-section{padding:18px;border-top:1px solid var(--line);background:rgba(0,0,0,.08)}.review-section h3{font-size:17px}.score-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.score-grid>div{padding:10px 6px;text-align:center;background:rgba(255,255,255,.025)}.score-grid span,.score-grid b,.score-grid small{display:block}.score-grid span{color:var(--muted);font-size:12px}.score-grid b{color:var(--gold-light);font-size:23px}.score-grid small{color:var(--muted)}.summary-list{display:grid}.summary-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-row span{color:var(--muted)}.summary-row b{font-weight:600}.issue-section{grid-column:1/-1}.issue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.issue-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.12);text-align:left}.issue-item>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(221,176,94,.13);color:var(--warning)}.issue-item b{font-size:13px}.issue-item small{color:var(--gold)}.issue-item.error{border-color:rgba(217,120,112,.4)}.success-state{padding:18px;color:var(--green);text-align:center}.review-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}
.character-page,.library-page{min-height:100dvh;background:rgba(8,7,5,.66);backdrop-filter:blur(8px)}.character-topbar,.library-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(8,7,5,.9);backdrop-filter:blur(16px)}.character-topbar>div,.library-topbar>div{text-align:center}.character-topbar strong,.library-topbar strong{display:block;font-family:Georgia,"Noto Serif SC",serif;font-size:18px}.character-topbar>:last-child,.library-topbar>:last-child{justify-self:end}.character-content{width:min(1180px,calc(100% - 32px));margin:auto;padding:34px 0 60px}.character-identity{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(360px,.8fr);gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.character-level{display:block;color:var(--gold-light);font-family:Georgia,serif;font-size:72px;line-height:.9}.character-identity h1{margin:0 0 4px;font-size:36px}.character-identity p,.character-identity small{display:block;margin:0;color:var(--text-soft)}.character-combat{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.character-combat div{text-align:center}.character-combat span,.character-combat b{display:block}.character-combat span{color:var(--muted);font-size:12px}.character-combat b{font-size:23px;color:var(--gold-light)}.sheet-section{padding:24px 0;border-bottom:1px solid var(--line)}.sheet-section h2{font-size:21px}.score-grid.large b{font-size:30px}.sheet-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.sheet-skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.sheet-skill-list div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.spell-sheet-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.spell-sheet-groups>div{padding:14px;border-top:1px solid var(--line)}
.library-shell{height:calc(100dvh - 64px);display:grid;grid-template-columns:176px minmax(0,1fr) 360px;overflow:hidden}.library-nav{padding:24px 12px;border-right:1px solid var(--line);background:rgba(8,7,5,.68)}.library-nav button{width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:transparent;text-align:left;color:var(--muted)}.library-nav button:hover,.library-nav button.active{background:var(--surface-hover);color:var(--text)}.library-list-pane{min-width:0;padding:24px 28px;overflow:hidden;background:rgba(12,10,8,.68)}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.library-heading h1{margin:0;font-size:28px}.library-heading .search-input{max-width:320px}.library-list{height:calc(100% - 62px);overflow:auto;border-top:1px solid var(--line)}.library-item{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:76px;padding:10px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.library-item:hover,.library-item.active{background:var(--surface-hover)}.library-item strong,.library-item small,.library-item p{display:block}.library-item small{color:var(--muted);font-size:12px}.library-item p{overflow:hidden;margin:3px 0 0;color:var(--text-soft);font-size:13px;white-space:nowrap;text-overflow:ellipsis}.library-glyph{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:rgba(223,189,114,.09);color:var(--gold)}.library-detail{padding:28px 24px;border-left:1px solid var(--line);background:rgba(9,8,6,.88);overflow:auto}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.impact-confirm-list{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.12);color:var(--text-soft)}.save-list{display:grid;gap:8px}.save-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.save-row>button:first-child{display:grid;gap:3px;min-height:58px;padding:8px;border:0;background:transparent;text-align:left}.save-row strong,.save-row span{display:block}.save-row span{color:var(--muted);font-size:12px}
.mobile-character-inline{display:none}

/* M3 translucent surfaces */
.option-card,.skill-option,.review-section{background:rgba(12,10,8,.32)}
.node-stage{background:rgba(10,8,6,.34)}
.option-card:hover,.option-card.focused,.skill-option:hover,.skill-option.focused{background:rgba(223,189,114,.075)}


/* M5 decision density, inline impacts, and selected summaries */
.spell-decision-content{overflow:hidden}
.node-stage.pending{border-style:dashed}.node-stage.pending>span{color:var(--warning)}
.ability-workspace{display:grid;grid-template-columns:minmax(520px,1fr) minmax(270px,330px);gap:28px;align-items:start;min-height:100%}
.ability-workspace .ability-layout{width:100%;margin:0}
.ability-impact-inline{position:sticky;top:0;padding:18px;border-left:1px solid var(--line);background:linear-gradient(135deg,rgba(223,189,114,.055),rgba(8,7,5,.18))}
.ability-impact-inline h2{margin:5px 0 6px;font-size:25px}.ability-impact-inline>p{color:var(--text-soft)}
.impact-score-hero{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end;margin:20px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.impact-score-hero span{color:var(--muted)}.impact-score-hero b{color:var(--gold-light);font:38px Georgia,serif}.impact-score-hero small{padding-bottom:6px;color:var(--gold)}
.impact-related{display:grid;gap:0;margin-top:20px}.impact-related>span{margin-bottom:6px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em}.impact-related div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
.live-selection-group{display:grid;gap:8px;padding-top:3px}.live-selection-head{display:flex;justify-content:space-between;align-items:center}.live-selection-head span{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.06em}.live-selection-head b{color:var(--muted);font-size:12px}
.live-icon-row{display:flex;flex-wrap:wrap;gap:6px}.summary-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:rgba(223,189,114,.045);color:var(--gold-light)}.summary-icon:hover,.summary-icon:focus-visible{border-color:var(--gold);background:rgba(223,189,114,.12)}
.skill-summary-icon span{font-size:17px}.skill-summary-icon i{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--gold);color:#17120d;font-size:8px;font-style:normal}
.summary-spell-image{width:32px;height:32px;border-radius:7px;object-fit:cover}.live-spell-groups{display:grid;gap:7px}.live-spell-group{display:grid;grid-template-columns:54px minmax(0,1fr);gap:6px;align-items:start}.live-spell-group>small{padding-top:8px;color:var(--muted);font-size:10px}
.summary-floating-tooltip{position:fixed;z-index:160;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;background:#17130f;color:var(--text);box-shadow:var(--shadow);font-size:13px;line-height:1.55;white-space:pre-line;pointer-events:none}.summary-floating-tooltip[hidden]{display:none}

/* M8 prepared spell visibility and stable in-view selection */
.prepared-strip{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 2px 10px;border-bottom:1px solid var(--line)}
.prepared-strip>span{flex:0 0 auto;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.05em}
.prepared-strip>small{color:var(--muted);font-size:12px}
.prepared-icon-row{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;padding:2px 0;scrollbar-width:thin}
.prepared-icon{position:relative;flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:9px;background:rgba(223,189,114,.035)}
.prepared-icon:hover,.prepared-icon:focus-visible,.prepared-icon.active{border-color:var(--gold);background:rgba(223,189,114,.1)}
.prepared-spell-image{width:100%;height:100%;object-fit:cover;border-radius:8px}
.spell-item.prepared{box-shadow:inset 3px 0 var(--gold)}
.spell-summary-icon.prepared{border-color:rgba(223,189,114,.7);box-shadow:0 0 0 2px rgba(223,189,114,.08)}
.prepared-selection-group{padding:10px 0 4px;border-top:1px solid var(--line)}