#combatLeftColumn{display:grid;grid-template-rows:minmax(0,1fr) 220px;gap:12px;height:100%;min-height:0;min-width:0}#combatLeftColumn #initiativeRail{position:static;top:auto;height:100%;max-height:none;min-height:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}#combatLeftColumn #initiativeList{flex:1;min-height:0;max-height:none;overflow:auto}#combatLeftColumn .initiative-add{flex-shrink:0}#combatDiceCard{border:1px solid #52647d;border-radius:12px;background:#111d2e;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:12px;gap:12px}.combat-dice-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #40536d;padding-bottom:10px}.combat-dice-heading h2{font-size:13px!important;margin:0;color:#c6d9ef}.combat-dice-launch{display:flex;align-items:center;gap:6px;background:#44351b!important;border:1px solid #e0b354!important;color:#ffe5a3!important;border-radius:7px;font-size:12px!important;padding:5px 8px}#combatDiceCard #screenRollResult{display:grid;grid-template-columns:62px minmax(0,1fr);align-content:start;align-items:center;gap:10px;flex:1;min-height:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:auto;white-space:normal;z-index:auto}#combatDiceCard .roll-total{font-size:46px;min-width:0;border:0;padding:0;text-align:left;line-height:1.1;color:#f8d897}#combatDiceCard .roll-label{font-size:12px;color:#b2c1d4;overflow-wrap:anywhere}#combatDiceCard .roll-name,#combatDiceCard .roll-message{font-size:14px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4;overflow-wrap:anywhere}#combatDiceCard #screenRollResult .roll-breakdown{grid-column:1/-1;align-items:flex-start;text-align:left;width:100%;max-width:none;margin:0;padding:10px 0 0;border-left:0;border-top:1px solid #40536d;gap:5px}#combatDiceCard .roll-breakdown-value{font-size:13px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}#combatDiceCard .roll-breakdown-label{font-size:11px;color:#b2c1d4}#combatDiceCard .roll-natural{grid-column:1/-1;justify-self:start;display:block;font-size:11px}#combatDiceCard .roll-placeholder{grid-column:1/-1;color:#b2c1d4;font-size:13px;line-height:1.6}@media(max-width:899px){#combatLeftColumn{height:auto;grid-template-rows:minmax(220px,55vh) 220px}}@media(max-height:650px) and (min-width:900px){#combatLeftColumn{grid-template-rows:minmax(0,1fr) 185px}.combat-dice-heading{padding-bottom:6px}#combatDiceCard{gap:8px;padding:10px}}

/* Natural-roll status shares the summary row, never adds HUD height. */
body #combatDiceCard #screenRollResult{position:relative;grid-template-columns:62px minmax(0,1fr);grid-template-rows:minmax(56px,auto) auto;align-content:start;row-gap:8px}body #combatDiceCard .roll-total{grid-column:1;grid-row:1;align-self:start}body #combatDiceCard .roll-summary{grid-column:2;grid-row:1;align-self:start;padding-top:4px;min-height:48px}body #combatDiceCard .roll-natural{position:absolute;top:37px;left:72px;grid-column:auto;grid-row:auto;margin:0;padding:2px 5px;line-height:1.2;font-size:10px;min-height:0;white-space:nowrap}body #combatDiceCard #screenRollResult .roll-breakdown{grid-column:1/-1;grid-row:2;padding-top:8px}body #combatDiceCard .roll-placeholder{grid-row:1/-1}body #combatDiceCard .roll-breakdown-value{font-size:12px;line-height:1.4}

body #combatDiceCard #screenRollResult{grid-template-rows:minmax(64px,auto) auto}body #combatDiceCard .roll-natural{position:absolute;left:0;top:47px;max-width:62px;box-sizing:border-box;padding:2px 4px;font-size:10px;line-height:1.2;text-align:center}body #combatDiceCard .roll-summary{padding-top:4px;align-self:start}
#combatDiceCard .roll-stack-result{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding-top:8px}body #combatDiceCard .roll-stack-result .roll-total{position:static;text-align:center;font-size:36px;padding:0;color:#fcd34d}#combatDiceCard .roll-stack-formula{font-size:12px;font-weight:600;text-align:center;color:#b2c1d4;line-height:1.4}#combatDiceCard .roll-dice-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}#combatDiceCard .roll-die-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #40536d;border-radius:5px;background:#1e293b;color:#e2e8f0;font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums}#combatDiceCard .roll-die-badge.is-one{background:#672b31;border-color:#b55660;color:#ffe1e1}#combatDiceCard .roll-die-badge.is-max{background:#153e2b;border-color:#397c58;color:#bbf7d0}

body #combatLeftColumn{grid-template-rows:minmax(0,1fr) 350px}#combatDiceCard{gap:8px;padding:10px}.dice-inline-controls{flex-shrink:0}.dice-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.dice-inline-grid label{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 6px;border:1px solid #40536d;border-radius:6px;font-size:12px;font-weight:600;background:#152033}.dice-inline-grid input{width:44px;min-width:0;height:28px;padding:2px 3px;border:1px solid #52647d;border-radius:4px;background:#0b1625;color:#e2e8f0;font-size:13px;text-align:center}.dice-inline-actions{display:flex;gap:6px;margin-top:6px}.dice-inline-actions button{height:32px;border-radius:6px;border:1px solid #52647d;padding:4px 8px}.dice-inline-actions [data-inline-roll]{flex:1;background:#44351b;color:#ffe5a3;border-color:#e0b354;font-size:12px;font-weight:700}#combatDiceCard .roll-stack-result{gap:5px;padding-top:0}body #combatDiceCard .roll-stack-result .roll-total{font-size:30px}@media(max-height:650px) and (min-width:900px){body #combatLeftColumn{grid-template-rows:minmax(0,1fr) 320px}}

@media(max-width:899px){body #combatLeftColumn{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) 350px}body #combatLeftColumn #initiativeRail{min-height:0}}

.story-left-column{display:grid;grid-template-rows:minmax(140px,1fr) auto;gap:10px;min-height:0;min-width:0;height:100%;overflow:hidden}.story-left-column>.story-column{min-height:0;overflow:hidden}.story-left-column #combatDiceCard{height:440px;max-height:55vh;gap:7px;padding:10px}.story-left-column #screenRollResult{flex:1;min-height:55px;overflow:auto}.dice-card-controls{flex-shrink:0;display:flex;flex-direction:column;gap:5px}.dice-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.dice-card-row{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid #40536d;border-radius:7px;background:#152033;padding:4px;min-width:0}.dice-card-d20,.dice-card-modifier{flex-direction:row;justify-content:space-between;padding:4px 7px}.dice-card-d20{background:#332a1a;border-color:#785c2a}.dice-card-label{font-size:12px;font-weight:700;color:#c6d9ef}.dice-card-d20 .dice-card-label{color:#fcd34d}.dice-card-stepper{display:flex;align-items:center;border:1px solid #40536d;border-radius:5px;overflow:hidden;background:#0b1625}.dice-card-stepper button{width:24px;height:26px;min-width:0;padding:0;border:0;border-radius:0;background:#1e293b;color:#e2e8f0;font-size:15px}.dice-card-count{width:23px;text-align:center;font-size:12px;font-weight:700}.dice-card-actions{display:flex;gap:6px;border-top:1px solid #40536d;padding-top:7px;flex-shrink:0}.dice-card-actions button{height:32px;padding:4px 8px;border:1px solid #40536d;border-radius:6px;font-size:12px}.dice-card-actions .dice-card-roll{flex:1;background:#44351b;color:#ffe5a3;border-color:#e0b354;font-weight:700}.dice-card-roll svg{display:none}body #combatLeftColumn.without-dice{grid-template-rows:minmax(0,1fr)}

.dice-card-grid .dice-card-row{flex-direction:row;justify-content:space-between;padding:4px}.dice-card-grid .dice-card-stepper button{width:20px}.dice-card-grid .dice-card-count{width:20px}body #combatDiceCard #screenRollResult:has(.roll-stack-result){display:block;min-height:100px}body #combatDiceCard .roll-stack-result .roll-total{text-align:center}body #combatDiceCard .roll-stack-result{width:100%;padding-top:0}

body #combatLeftColumn:not(.without-dice){grid-template-rows:minmax(0,1fr) 440px}body #combatDiceCard #screenRollResult{flex:1;min-height:118px;overflow:hidden;grid-template-rows:64px minmax(0,1fr);gap:5px}body #combatDiceCard #screenRollResult .roll-breakdown{padding-top:5px;min-height:0;overflow:hidden}body #combatDiceCard .roll-breakdown-label{display:none}body #combatDiceCard .roll-breakdown-value{max-height:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#combatDiceCard .roll-dice-badges{justify-content:flex-start;gap:4px}#combatDiceCard .roll-die-badge{font-size:11px;padding:3px 5px}.roll-history-more{font-size:11px;color:var(--ui-link);padding:2px 4px}.story-left-column #combatDiceCard{height:440px;max-height:none}

/* Keep the complete roll summary above the dice controls. */
body #combatDiceCard #screenRollResult{grid-template-rows:48px minmax(0,1fr);min-height:114px;gap:4px;overflow:hidden;align-content:start}body #combatDiceCard .roll-total{font-size:40px;line-height:1.05;align-self:center}body #combatDiceCard .roll-summary{padding-top:0;min-height:0;align-self:center;gap:2px}body #combatDiceCard .roll-label{font-size:11px;line-height:1.3}body #combatDiceCard .roll-name{font-size:13px;line-height:1.35}body #combatDiceCard #screenRollResult .roll-breakdown{border-top:1px solid #40536d;padding-top:4px;gap:2px;align-self:start}body #combatDiceCard .roll-breakdown-label{display:block;font-size:10px;line-height:1.2}body #combatDiceCard .roll-breakdown-value{font-size:12px;line-height:1.35}body #combatDiceCard .roll-natural{left:0;top:43px;font-size:9px;line-height:1}body .dice-card-stepper button{height:24px}body .dice-card-row{padding-top:3px;padding-bottom:3px}body .dice-card-controls{gap:4px}body .dice-card-grid{gap:4px}body .dice-card-actions{padding-top:5px}body .dice-card-actions button{height:30px}

body #combatDiceCard #screenRollResult{min-height:130px}body #combatDiceCard #screenRollResult .roll-breakdown{display:flex;flex-direction:column;gap:3px;overflow:visible}#combatDiceCard .roll-dice-formula{font-size:12px;color:#b2c1d4;line-height:1.35}#combatDiceCard .roll-dice-badges{display:flex;flex-wrap:wrap;gap:4px;width:100%}body #combatDiceCard .roll-die-badge{min-height:22px;padding:3px 5px;line-height:1.2}

body #combatDiceCard .roll-breakdown>.roll-dice-badges{position:static;inset:auto;box-shadow:none;background:transparent;border:0;border-radius:0;padding:0;max-height:none;overflow:visible;flex-shrink:0}body #combatDiceCard #screenRollResult .roll-breakdown{height:auto;max-height:none;flex-shrink:0}

body #combatDiceCard .roll-breakdown>.roll-details-heading{position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;max-height:none;overflow:visible}body #combatDiceCard .roll-details-heading .roll-natural{position:static;inset:auto;max-width:none;margin:0;padding:2px 5px;font-size:10px;line-height:1.2;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}body #combatDiceCard .roll-details-heading .roll-breakdown-label{margin:0;line-height:1.2}

/* One shared grid keeps all eight steppers on identical column lines. */
body .dice-card-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}body .dice-card-grid{display:contents}body .dice-card-row,body .dice-card-grid .dice-card-row{display:grid;grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:3px;height:32px;box-sizing:border-box;padding:3px 4px;min-width:0}body .dice-card-label{font-size:11px;line-height:1.2;white-space:nowrap;text-align:left}body .dice-card-stepper{display:grid;grid-template-columns:20px 20px 20px;align-items:center;width:62px;box-sizing:border-box;justify-self:end}body .dice-card-stepper button,body .dice-card-grid .dice-card-stepper button{width:20px;height:24px;line-height:1;padding:0;font-size:14px}body .dice-card-count,body .dice-card-grid .dice-card-count{width:20px;font-size:12px;line-height:1;text-align:center}body .dice-card-actions{padding-top:5px;gap:5px}body .dice-card-actions button{height:30px}body #combatLeftColumn:not(.without-dice){grid-template-rows:minmax(0,1fr) 390px}body .story-left-column #combatDiceCard{height:390px;max-height:none}body #combatDiceCard{gap:6px;padding:10px}body #combatDiceCard #screenRollResult{min-height:130px}

body .dice-card-row,body .dice-card-grid .dice-card-row{grid-template-columns:minmax(0,1fr) 56px;padding-left:2px;padding-right:2px;gap:2px}body .dice-card-stepper{grid-template-columns:18px 18px 18px;width:56px}body .dice-card-stepper button,body .dice-card-grid .dice-card-stepper button,body .dice-card-count,body .dice-card-grid .dice-card-count{width:18px}body .dice-card-label{font-size:11px}body .dice-card-modifier .dice-card-label{font-size:11px}@media(max-width:1100px) and (min-width:651px){body .story-columns{grid-template-columns:200px minmax(0,1fr)}}

/* Fast d20 checks stay visible; uncommon dice stacks live in Custom roll. */
body #combatLeftColumn:not(.without-dice){grid-template-rows:minmax(0,1fr) 250px}body .story-left-column #combatDiceCard{height:250px;max-height:none}body #combatDiceCard #screenRollResult{min-height:130px}.dice-quick-actions{display:grid;grid-template-columns:60px minmax(0,1fr);gap:6px;flex-shrink:0}.dice-quick-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 9px;border:1px solid #52647d;border-radius:6px;font-size:12px;font-weight:600;line-height:1.3}.dice-quick-actions .dice-d20-quick{background:#44351b;color:#ffe5a3;border-color:#e0b354}.dice-quick-actions button:hover{border-color:#e0b354;background:#332a1a}.dice-custom-roll{background:#1e293b;color:#e2e8f0}