.capacity-page{width:min(1150px,94vw);margin:calc(var(--app-header-offset,120px)) auto 70px;flex-direction:column;gap:24px;display:flex}.hero-card{justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px;display:flex}.hero-card h1{color:var(--brand-heading,#2d3e50);margin:6px 0 8px;font-size:clamp(2rem,3vw,2.8rem)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--brand-subtle-text,#7f8c8d);font-size:.8rem;font-weight:800}.hero-actions{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.hero-actions button{border-radius:var(--brand-radius,18px);background:linear-gradient(135deg, var(--brand-accent,#3498db), var(--brand-accent-strong,#2980b9));color:var(--brand-accent-contrast-text,#fff);cursor:pointer;box-shadow:var(--brand-shadow,0 15px 35px #00000014);border:none;padding:14px 24px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.hero-actions button:hover,.hero-actions button:focus-visible{box-shadow:var(--brand-hover-shadow,0 20px 40px #0000001f);transform:translateY(-2px)}.hero-actions p{color:var(--brand-subtle-text,#7f8c8d);margin:0;font-weight:600}.capacity-grid{grid-template-rows:auto auto;grid-template-columns:minmax(260px,320px) 1fr;gap:24px;display:grid}.capacity-grid>article{background:var(--brand-surface,#ffffffe6);border-radius:var(--brand-radius,18px);border:1px solid var(--brand-border,#dde4eb);box-shadow:var(--brand-shadow,0 10px 30px #00000014)}.controls-card{grid-row:span 2;padding:24px}.field-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.field-group label{color:var(--brand-heading,#2d3e50);font-weight:700}.field-hint{color:var(--brand-subtle-text,#7f8c8d);margin:0;font-size:.9rem}.capacity-input{align-items:center;gap:10px;display:flex}.capacity-input input{flex:1}input[type=text],input[type=number]{border:1px solid var(--brand-border,#dde4eb);background:#fffffff2;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:1rem}.toggles .toggle-row{flex-direction:column;gap:8px;display:flex}.toggles label{color:var(--brand-subtle-text,#7f8c8d);font-weight:600}.toggles input[type=checkbox]{margin-right:8px}.totals{justify-content:space-between;gap:24px;margin-top:12px;display:flex}.totals div{background:var(--brand-accent-muted,#3498db14);border-radius:12px;flex:1;padding:12px 14px}.totals span{color:var(--brand-subtle-text,#7f8c8d);font-size:.9rem;display:block}.totals strong{color:var(--brand-heading,#2d3e50);font-size:1.6rem}.dice-zone{grid-column:2/3;padding:24px}.dice-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.die-card{border:1px solid var(--brand-border,#dde4eb);background:var(--brand-surface,#ffffffd9);border-radius:16px;flex-direction:column;gap:8px;min-height:150px;padding:18px;display:flex;position:relative;overflow:hidden}.die-card:after{content:attr(data-impact);color:var(--brand-accent,#3498db);font-size:1.1rem;font-weight:800;position:absolute;top:12px;right:12px}.die-card h3{color:var(--brand-heading,#2d3e50);margin:0;font-size:1.2rem}.die-card p{color:var(--brand-subtle-text,#7f8c8d);margin:0;font-size:.95rem}.die-meta{color:var(--brand-subtle-text,#7f8c8d);margin-top:auto;font-size:.85rem}.dice-hint{color:var(--brand-subtle-text,#7f8c8d);margin:16px 0 0;font-size:.95rem}.summary-card{padding:24px}.summary-card header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.summary-card button{border:1px solid var(--brand-border,#dde4eb);background:var(--brand-accent,#3498db);cursor:pointer;color:var(--brand-accent-contrast-text,#fff);border-radius:999px;padding:8px 16px;font-weight:700;transition:transform .2s}.summary-card button:hover,.summary-card button:focus-visible{transform:translateY(-2px)}#summaryOutput{background:var(--brand-surface,#0f172a);color:var(--brand-text,#0f172a);white-space:pre-wrap;border-radius:14px;min-height:140px;margin-bottom:20px;padding:16px;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.history{border-top:1px solid var(--brand-border,#dde4eb);padding-top:14px}.history-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.history-header button{color:var(--brand-accent,#3498db);cursor:pointer;background:0 0;border:none;font-weight:700}#historyList{flex-direction:column;gap:8px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}#historyList li{color:var(--brand-subtle-text,#7f8c8d);font-size:.9rem}.seo-copy{background:var(--brand-surface,#ffffffe6);border-radius:var(--brand-radius,18px);border:1px solid var(--brand-border,#dde4eb);padding:24px 28px;line-height:1.7}.seo-copy h2{margin-top:0}.seo-copy ul{margin:0;padding-left:1.2rem}.ghost-btn{border:1px dashed var(--brand-border,#dde4eb);color:var(--brand-accent-contrast-text,#3498db);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-weight:700}@media (width<=960px){.capacity-grid{grid-template-columns:1fr}.controls-card{grid-row:auto}}@media (width<=600px){.hero-card{flex-direction:column}.hero-actions{align-items:stretch;width:100%}.hero-actions button{width:100%}}