.gs-root .dice-canvas{background:radial-gradient(ellipse at 50% 35%,oklch(.17 .02 240),var(--bg-2) 80%)}.gs-root .dice-stage{flex:1;justify-content:center;gap:44px;padding:72px 40px 48px}.gs-root .dice-readout,.gs-root .dice-stage{display:flex;flex-direction:column;align-items:center}.gs-root .dice-readout{gap:8px}.gs-root .dice-roll{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:96px;font-weight:700;line-height:1;letter-spacing:-.04em;transition:color var(--t-state) var(--ease)}@media (max-width:1280px){.gs-root .dice-roll{font-size:72px}}.gs-root .dice-roll-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.gs-root .dice-track-wrap{width:100%;max-width:620px;padding-top:34px}.gs-root .dice-track{position:relative;height:14px;border-radius:999px;background:var(--bg-3)}.gs-root .dice-zone{position:absolute;top:0;bottom:0}.gs-root .dice-zone.l{left:0;border-radius:999px 0 0 999px}.gs-root .dice-zone.r{right:0;border-radius:0 999px 999px 0}.gs-root .dice-zone.win{background:color-mix(in oklch,var(--accent-green) 35%,transparent)}.gs-root .dice-zone.lose{background:color-mix(in oklch,var(--accent-red) 30%,transparent)}.gs-root .dice-target{position:absolute;top:-7px;bottom:-7px;width:2px;margin-left:-1px;background:var(--ink-2);border-radius:999px}.gs-root .dice-target-lbl{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:11px;color:var(--ink-2);white-space:nowrap}.gs-root .dice-marker{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:999px;background:currentColor;border:3px solid var(--bg-2);box-shadow:0 0 0 1px currentColor}.gs-root .dice-marker-val{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:13px;font-weight:600;color:currentColor;white-space:nowrap}.gs-root .dice-ticks{display:flex;justify-content:space-between;margin-top:32px;font-size:11px;color:var(--ink-3)}.gs-root .dice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:620px}.gs-root .dice-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-4);border-radius:999px;outline:none;margin-top:4px}.gs-root .dice-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:999px;background:var(--accent-green);cursor:pointer;-webkit-transition:transform var(--t-btn) var(--ease);transition:transform var(--t-btn) var(--ease)}.gs-root .dice-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.gs-root .dice-slider::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--accent-green);border:0;cursor:pointer}.gs-root .dice-slider:disabled{opacity:.5;cursor:not-allowed}.gs-root .dice-history{margin-top:16px;padding:14px 16px}.gs-root .dice-history-rows{display:flex;flex-direction:column;gap:6px;margin-top:10px}.gs-root .dh-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px 0;font-size:12px;border-top:1px solid var(--ds-border)}.gs-root .dh-row:first-child{border-top:0}@media (max-height:500px) and (orientation:landscape),(max-width:720px){.mscreen .dice-mwrap{padding:30px 16px 26px;display:flex;flex-direction:column;align-items:center;gap:10px}.mscreen .dice-mval{font-size:64px;font-weight:700;line-height:1;letter-spacing:-.04em;text-shadow:0 2px 30px color-mix(in oklch,currentColor 30%,transparent)}.mscreen .dice-msub{font-size:12px;letter-spacing:.12em;color:var(--ink-3);text-align:center}.mscreen .dice-mline{width:80%;height:1px;margin-top:4px;opacity:.7;background:repeating-linear-gradient(90deg,var(--accent-blue),var(--accent-blue) 4px,transparent 4px,transparent 8px)}}