/* Screen 10 reference, scoped to reusable advancement components. */
.workspace-main{width:100%}.workspace .content,.workspace.is-playing .content{flex:none;width:100%;max-width:1824px;margin-left:auto;margin-right:auto;align-self:stretch}.wordmark small{font-size:12px;letter-spacing:.4px}
.prepared-scene-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;align-content:start}.prepared-scene-list article{display:flex;flex-direction:column;gap:12px;padding:20px;background:#101b16;border:1px solid #2b3d34;border-radius:12px}.prepared-scene-list h3{font-size:24px;margin:0}.prepared-scene-list p{font-size:15px;line-height:1.65;white-space:pre-wrap}.prepared-scene-list button{margin-top:auto;align-self:start}.prepared-scene-empty{font-size:15px;padding:24px;display:flex;gap:24px;align-items:center}
.players-columns{align-items:stretch}.players-members .member-card{padding:24px;min-height:110px}.players-columns .cards{align-content:start}.journal-records{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-records article{padding:24px;min-height:120px}.inventory-dialog .inventory-columns{flex:1;min-height:0}.inventory-work{display:flex;flex-direction:column}.inventory-work>button{margin-top:auto}.combatgrid>div{display:flex;flex-direction:column;gap:16px}.combatgrid>div>button:last-child{margin-top:auto}
dialog.creation-dialog{inset:0;margin:0;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border:0;border-radius:0;padding:0;background:#0a1210;overflow:hidden}
dialog.creation-dialog::backdrop{background:#0a1210}dialog.creation-dialog>.creation-wizard,dialog.creation-dialog>.dialog-form{width:100%;height:100%;max-height:none;display:flex;flex-direction:column;gap:0;overflow:hidden}
.creation-dialog .dialog-head,.creation-dialog .creation-steps,.creation-dialog .dialog-body,.creation-dialog .actions{width:100%;max-width:1624px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
.creation-dialog .dialog-head{position:relative;padding-top:16px;padding-bottom:8px;flex-shrink:0}.creation-dialog .dialog-head h2{font:600 24px Spectral,serif;margin:0;color:#dcbf78}.creation-dialog .dialog-head p{margin:4px 0;font-size:13px}.creation-dialog .eyebrow{font-size:13px}.creation-dialog .dialog-body{flex:1;min-height:0;overflow:auto;padding-top:16px;padding-bottom:16px;display:flex;flex-direction:column;gap:16px}
.creation-dialog .creation-steps{display:flex;gap:8px;padding-top:8px;padding-bottom:12px;background:none;border-bottom:1px solid #22332b;flex-shrink:0}.creation-dialog .creation-steps li{flex:none;display:flex;gap:5px;border:1px solid #2b3d34;padding:6px 14px;border-radius:999px;font:13px Inter,sans-serif;color:#a3b3a7}.creation-dialog .creation-steps li>span{width:auto;height:auto;border:0;background:none;font:inherit}.creation-dialog .creation-steps .complete{color:#7fd0a2;border-color:#2f5a44}.creation-dialog .creation-steps .active{background:#dcbf78;color:#17130a;font-weight:600;border-color:#dcbf78}.creation-dialog .creation-steps .active>span{background:none;color:inherit;border:0}
.creation-dialog .actions{background:#0a1210;display:flex;gap:12px;min-height:76px;padding-top:12px;padding-bottom:16px;border-top:1px solid #22332b}.creation-dialog .actions>#dhClose{margin-left:auto;margin-right:0;font-size:14px;border:1px solid #2b3d34;background:#15251e}.creation-dialog .actions button{border-radius:10px;min-height:44px}.creation-dialog .creation-exit{position:absolute;right:32px;top:16px;min-height:44px;width:44px;padding:0;font-size:24px}
.creation-save-question{max-width:480px!important;width:480px!important;height:auto!important;max-height:90dvh!important;padding:24px!important}.creation-save-question h2{margin:0 0 16px}.creation-save-question .actions{display:flex;flex-wrap:wrap;padding:16px 0 0}
.development{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;color:#e9eee2;font:15px/1.45 Inter,sans-serif}.development h1{font:600 24px Spectral,serif;margin:0 0 4px;color:#dcbf78}.development .sub{color:#a3b3a7;margin:0;font-size:13px}.development .bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.development .xp{padding:8px 16px;border-radius:12px;border:1px solid #7a6a36;background:#17150e;white-space:nowrap;font-size:13px}.development .xp b{font:600 22px Spectral,serif;color:#dcbf78}.development .xp span{color:#a3b3a7}.development .bar input{margin-left:auto;width:240px;min-height:44px;border-radius:10px}.development .chip{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #2b3d34;background:#101b16;color:#a3b3a7;font-size:13px}.development .chip.on{border-color:#dcbf78;color:#dcbf78}.development .tabs{border-bottom:1px solid #22332b;display:flex;gap:0}.development .tab{min-height:44px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:none;color:#a3b3a7;font-weight:500}.development .tab.on{color:#dcbf78;border-color:#dcbf78}.development .tab em{font-style:normal;color:#a3b3a7;font-size:13px;margin-left:4px}
.development .grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;min-height:0;flex:1;align-items:start}.development .list{border:1px solid #2b3d34;border-radius:16px;background:#101b16;overflow:auto;min-height:0;max-height:100%;scroll-padding:12px}.development .advance-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto 78px;gap:12px;align-items:center;padding:8px 14px;border-bottom:1px solid #1b2a23;min-height:62px;cursor:pointer;outline-offset:-2px}.development .advance-row:last-child{border:0}.development .advance-row.sel{background:#17150e;box-shadow:inset 3px 0 #dcbf78;outline:1px solid #dcbf78}.development .advance-row small{display:block;color:#a3b3a7;font-size:13px;line-height:1.5}.development .advance-row strong{font-size:14px;font-weight:600}.development .mk{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:1px solid #3a4f43;color:#a3b3a7}.development .ok .mk{background:#1d3a2b;border-color:#7fd0a2;color:#7fd0a2}.development .av .mk{border-color:#dcbf78;color:#dcbf78}.development .cost{font:600 15px Inter;color:#dcbf78;text-align:right}.development .dim .cost{color:#a3b3a7}.development .b{min-height:34px;border-radius:8px;border:1px solid #2b3d34;background:#15251e;font-size:13px;font-weight:500;padding:6px}.development .advance-row.dim{color:#a3b3a7}.development .sec{padding:8px 14px;background:#0d1712;color:#a3b3a7;font-size:13px;letter-spacing:.05em;text-transform:uppercase;position:sticky;top:0;z-index:1}
.development .detail{border:1px solid #2b3d34;border-radius:16px;background:#101b16;padding:16px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;max-height:100%;overflow:auto;min-width:0}.development .detail h2{font:600 20px Spectral,serif;margin:0;color:#dcbf78}.development .detail p{margin:0;font-size:15px;line-height:1.55}.development .tag{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid #2b3d34;font-size:13px;color:#a3b3a7;margin:0 4px 4px 0;background:none}.development .kv{display:flex;gap:12px;justify-content:space-between;font-size:13px;color:#a3b3a7;border-top:1px solid #1b2a23;padding-top:8px}.development .kv b{color:#e9eee2;text-align:right}.development .detail button{min-height:36px;border-radius:8px}.development .detail .gold{min-height:44px;background:#dcbf78!important;border-color:#dcbf78!important;color:#17130a;font-weight:600}.development .detail .help{font-size:13px}.development .specialization-source{font-size:13px}.development .specialization-picker[open]>div{position:static;max-height:240px}.development .specialization-picker summary{border-radius:8px}.development .empty-results{padding:24px;font-size:15px}
.creation-dialog:has(.development) .dialog-body{overflow:hidden}.development .grid{overflow:hidden}.development .list{height:100%}.development .detail{height:auto;align-self:start}

.creation-dialog .dialog-head{background:#0a1210}.creation-dialog .actions>#dhBack{order:-1;margin-right:auto}.creation-dialog .actions>#dhClose{margin-left:0}.development .tabs{margin:0;padding:0}.development .grid{margin:0}.development .detail h2 .help-tip{font:inherit}.development .detail h2 .help-tip-trigger{min-width:34px;min-height:34px;width:34px;height:34px}

.prepared-scene-list:has(article:only-child){grid-template-columns:1fr;height:calc(100% - 94px)}.prepared-scene-list article:has(figure){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(180px,1fr) auto auto;align-content:stretch;min-height:0}.prepared-scene-list figure{grid-column:1/-1;margin:0;min-height:180px;overflow:hidden;border-radius:8px}.prepared-scene-list figure .scene-background-art{position:static;width:100%;height:100%;max-height:420px;object-fit:cover;opacity:1;filter:none}.prepared-scene-list article h3{grid-column:1}.prepared-scene-list article p{grid-column:1;max-width:95ch}.prepared-scene-list article button{grid-column:2;grid-row:2/4;align-self:end}.member-characters{flex-basis:100%;display:grid;gap:12px;width:100%}.member-characters>button{justify-content:start;text-align:left;gap:20px;min-height:160px;padding:12px;background:transparent}.member-characters .portrait{width:100px;height:136px}.member-characters>button>span{display:grid;gap:12px}.member-characters strong{font:600 24px Spectral,serif}.member-characters small{font-size:15px}.member-characters p{font-size:15px;margin:8px 0}.member-characters>button>span>span{font-size:14px;color:var(--green)}

.combat-stage .combatpanel{min-height:100%;display:flex;flex-direction:column}.combat-stage .combatgrid{flex:1;align-items:stretch}.combat-stage .combatgrid>div{min-height:0}.combatpanel .turn{min-height:72px;padding:16px;font-size:17px;gap:20px}.combatpanel .turn small{display:block;margin-top:6px;font-size:15px}.combatgrid>div>.primary{position:sticky;bottom:0}.journal-records p{font-size:17px;line-height:1.65}.journal-records article{padding:24px;min-height:140px}.inventory-dialog .owned-items-grid:has(.movable-item:only-child) .movable-item{padding:24px;min-height:180px;gap:16px}.inventory-dialog .movable-item strong{font-size:18px}.inventory-work>button:last-of-type{position:sticky;bottom:0}

.full-random-controls{margin-block:20px;padding:18px;border:1px solid var(--line,#72653c)}
.random-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.random-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid var(--line,#72653c);min-width:0}
.random-field small,.random-field strong{display:block;overflow-wrap:break-word}
.random-field>div{flex:1 1 auto;min-width:0}
.random-field button{min-height:44px;max-width:180px;flex-shrink:0}
.random-audit{margin-block:12px;padding:10px;border-bottom:1px solid var(--line,#72653c)}
.creation-dice td{overflow-wrap:anywhere;max-width:300px}
@media(min-width:1800px){.random-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:760px){.random-fields{grid-template-columns:minmax(0,1fr)}.random-field{flex-wrap:wrap}.random-field>div{flex:1 1 100%}.random-field button{max-width:none;width:100%}}

.choice-help{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:.9rem;min-width:0}
.choice-help>span{min-width:0;overflow-wrap:anywhere}