.dice-page{padding-top:1rem}.dice-page>nav{margin-bottom:.5rem}.dice-page>section[aria-labelledby=tool-title]{padding-bottom:1rem}.dice-page #tool-title{font-size:1.75rem;line-height:1.2}.dice-page #tool-title+p{margin-top:.5rem;line-height:1.5}.dice-tool{padding:0;border:0;background:transparent}.dice-layout{display:flex;min-width:0;flex-direction:column;gap:1.5rem}.dice-workspace{display:grid;min-width:0;gap:1rem;padding:.75rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.dice-stage{display:flex;min-width:0;flex-direction:column;align-items:center;gap:.75rem}.dice-result-caption{width:100%;min-height:1.25rem;color:var(--text-muted);font-size:.875rem;line-height:1.25rem}.dice-visual{display:flex;width:100%;height:10rem;flex-shrink:0;align-items:flex-end;justify-content:center;padding:.5rem .5rem 1rem;overflow:clip}.dice-values{--die-size: clamp(5.5rem, 28vw, 6.5rem);display:flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}.dice-values--many{--die-size: 4rem;gap:.5rem}.dice-values--crowded{--die-size: 2.5rem}.dice-cube-scene{position:relative;width:var(--die-size);height:var(--die-size);flex-shrink:0;perspective:30rem}.dice-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.25,.7,.3,1)}.dice-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);backface-visibility:hidden}.dice-face.face-1{transform:translateZ(calc(var(--die-size) / 2))}.dice-face.face-6{transform:rotateY(180deg) translateZ(calc(var(--die-size) / 2))}.dice-face.face-2{transform:rotateX(-90deg) translateZ(calc(var(--die-size) / 2))}.dice-face.face-5{transform:rotateX(90deg) translateZ(calc(var(--die-size) / 2))}.dice-face.face-3{transform:rotateY(90deg) translateZ(calc(var(--die-size) / 2))}.dice-face.face-4{transform:rotateY(-90deg) translateZ(calc(var(--die-size) / 2))}.dice-pips{display:grid;width:68%;height:68%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.dice-pip{display:block;width:calc(var(--die-size) / 7);height:calc(var(--die-size) / 7);border-radius:50%;background:var(--text-primary)}.dice-chip{display:flex;width:var(--die-size);height:var(--die-size);align-items:center;justify-content:center;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);color:var(--text-primary);font-size:clamp(1rem,5vw,1.75rem);font-weight:700;transition:transform .9s cubic-bezier(.25,.7,.3,1)}.dice-chip--preview{font-size:clamp(.75rem,calc(var(--die-size) / 4),1.5rem)}.dice-summary{display:flex;width:100%;height:6rem;flex-shrink:0;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.dice-summary--ready{justify-content:center}.dice-ready-title{font-size:1.25rem;font-weight:700;line-height:1.4;color:var(--text-primary)}.dice-sum{flex-shrink:0;font-size:3rem;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.dice-sum-caption{flex-shrink:0;color:var(--text-muted);font-size:.8125rem;line-height:1.25rem}.dice-equation{max-width:100%;max-height:2.5rem;overflow-y:auto;padding-inline:.25rem;color:var(--text-muted);font-size:.875rem;line-height:1.25rem;overflow-wrap:anywhere}.dice-roll{width:100%;min-height:3.25rem;border-radius:.5rem;font-size:1rem}.dice-result-actions{display:flex;width:100%;min-height:2.75rem;justify-content:center}.dice-settings{min-width:0;padding-top:.75rem;border-top:1px solid var(--border)}.dice-settings-toggle{display:flex;width:100%;min-height:3.5rem;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.5rem;text-align:left}.dice-settings-toggle>span:first-child{display:flex;min-width:0;flex-direction:column;gap:.25rem}.dice-settings-label{font-size:.875rem;line-height:1.25rem;font-weight:700}.dice-settings-preview{color:var(--text-muted);font-size:.75rem;line-height:1.25rem;overflow-wrap:anywhere}.dice-settings-toggle:hover{color:var(--primary)}.dice-settings-toggle:active{background:var(--primary-soft)}.dice-settings-toggle-action{display:flex;flex-shrink:0;align-items:center;gap:.25rem;color:var(--primary);font-size:.75rem;line-height:1.25rem}.dice-settings-toggle-action svg{width:1rem;height:1rem;transform:rotate(-90deg)}.dice-settings[data-open=true] .dice-settings-toggle-action svg{transform:rotate(0)}.dice-settings-content{display:none;min-width:0;flex-direction:column;gap:1rem}.dice-settings[data-open=true] .dice-settings-content{display:flex;margin-top:1rem}.dice-settings-title{display:none;font-size:1.125rem;line-height:1.5rem;font-weight:700}.dice-presets{display:flex;flex-direction:column;gap:.5rem}.dice-presets-label{font-size:.875rem;font-weight:600;line-height:1.25rem}.dice-preset-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.dice-preset{min-height:2.75rem;padding:.5rem .25rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text-primary);font-size:.875rem;line-height:1.25rem;font-weight:600}.dice-preset:hover{border-color:var(--primary)}.dice-preset[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.dice-preset:disabled{opacity:.65;cursor:default}.dice-fields{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.dice-fields .field-input{border-radius:.5rem}.dice-fields .field-input:disabled{opacity:.65;cursor:default}.dice-fields p>span[aria-hidden]{display:none}.dice-modifier-field{grid-column:1 / -1;max-width:20.3125rem}.dice-closed-error{margin-top:.5rem;color:var(--primary);font-size:.8125rem;line-height:1.25rem}.dice-history{display:grid;min-width:0;grid-template-areas:"heading" "list" "actions";gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--border)}.dice-history-heading{grid-area:heading}.dice-history-heading h2{font-size:1.25rem;line-height:1.75rem;font-weight:700}.dice-history-heading p{margin-top:.25rem;color:var(--text-muted);font-size:.75rem;line-height:1.25rem}.dice-history ol{grid-area:list;max-height:15rem;min-width:0;overflow-y:auto;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);font-size:.875rem;line-height:1.5rem}.dice-history li{display:flex;min-width:0;align-items:baseline;gap:.75rem;padding:.625rem .75rem}.dice-history li+li{border-top:1px solid var(--border)}.dice-history-number{min-width:1.5rem;flex-shrink:0;color:var(--text-muted);font-variant-numeric:tabular-nums}.dice-history-expression{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.dice-history-actions{grid-area:actions;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.25rem .5rem}.dice-history-action{min-height:2.75rem;padding-inline:.5rem;border-color:transparent;border-radius:.5rem;background:transparent;font-size:.8125rem}.dice-history-action svg{width:1.125rem;height:1.125rem;flex-shrink:0}.dice-copy-control{display:flex;min-width:0;flex-shrink:0;flex-direction:column;gap:.25rem}.dice-copy-error{max-width:16rem;color:var(--text-muted);font-size:.75rem;line-height:1.25rem;overflow-wrap:anywhere}.dice-copy-fallback{display:block;margin-top:.25rem;color:var(--text-primary);user-select:text}.dice-instruction-steps{display:grid;gap:1rem;margin-top:1.25rem}.dice-instruction-step{display:flex;min-width:0;align-items:flex-start;gap:.75rem}.dice-instruction-number{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:1rem;font-weight:700}.dice-page #instruction,.dice-games,.dice-probabilities{margin-top:2rem}.dice-game-examples{display:grid;gap:1.25rem;margin-top:1.25rem}.dice-game-example h3{font-size:1rem;font-weight:700;line-height:1.5rem}.dice-game-example p,.dice-games-note{color:var(--text-muted);font-size:.875rem;line-height:1.5rem}.dice-game-example p{margin-top:.5rem}.dice-games-note{margin-top:1.25rem}.dice-page #faq{margin-top:2rem;padding-top:1.5rem}@media(min-width:48rem){.dice-game-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.dice-page{padding-top:2rem}.dice-page #tool-title{font-size:2.25rem}.dice-page>section[aria-labelledby=tool-title]{padding-bottom:1.5rem}.dice-workspace{padding:1.5rem;gap:1.5rem}.dice-visual{height:12rem}.dice-values{--die-size: 8.5rem;gap:2.75rem}.dice-values--many,.dice-values--crowded{--die-size: 4rem;gap:.75rem}.dice-sum{font-size:3.5rem}.dice-summary{height:7rem}.dice-equation{font-size:1rem;line-height:1.5rem;max-height:3rem}.dice-roll{min-height:3.5rem}.dice-history{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading actions" "list list";gap:1rem}.dice-history-heading h2{font-size:1.5rem;line-height:2rem}.dice-history-actions{justify-content:flex-end;align-items:center}.dice-history li{padding:.75rem 1rem}.dice-instruction-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.dice-probabilities{margin-top:3rem}}@media(min-width:64rem){.dice-workspace{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:2rem}.dice-stage{padding-inline:0 1.5rem}.dice-settings{padding:.25rem 0 0 1.5rem;border-top:0;border-left:1px solid var(--border)}.dice-settings-toggle,.dice-closed-error{display:none}.dice-settings-content,.dice-settings[data-open=true] .dice-settings-content{display:flex;margin-top:0}.dice-settings-title{display:block}.dice-modifier-field{width:calc((100% - 1rem)/2)}}
