.dice-box{--dice-ink:#27304a;--dice-ink-soft:#4b5575;--dice-aurora-purple:rgba(225, 213, 255, 0.58);--dice-aurora-blue:rgba(218, 240, 255, 0.58);--dice-aurora-lilac:rgba(246, 222, 255, 0.42);--dice-aurora-mint:rgba(222, 246, 238, 0.32);--dice-panel-surface:rgba(255, 255, 255, 0.66);--dice-panel-surface-strong:rgba(255, 255, 255, 0.82);--dice-accent:#7c86d8;--dice-accent-soft:#eef1ff;--dice-muted:#68718d;border-radius:32px;width:1200px;background-color:#fff;margin-top:32px;margin-bottom:32px;padding:28px;display:flex;justify-content:center}.dice-box,.faq,.features,.more-tools,main>.main-section{width:100%;max-width:100%}@media (min-width:1264px){.dice-box,.faq,.features,.more-tools,main>.main-section{max-width:1200px}}.dice-scope-box{width:100%;min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.dice-stage-box{border-radius:30px;min-height:640px;background:radial-gradient(circle at 18% 12%,rgba(225,213,255,.46) 0,rgba(225,213,255,.18) 30%,transparent 58%),radial-gradient(circle at 88% 18%,rgba(218,240,255,.58) 0,rgba(218,240,255,.22) 36%,transparent 64%),radial-gradient(circle at 58% 86%,rgba(246,222,255,.32) 0,transparent 54%),linear-gradient(150deg,rgba(255,255,255,.96) 0,rgba(250,252,255,.88) 100%);position:relative;overflow:hidden;box-shadow:0 20px 52px rgba(96,110,180,.045)}.dice-stage-box::before{content:"";border-radius:inherit;background:radial-gradient(ellipse at 50% 58%,rgba(255,255,255,.62) 0,rgba(255,255,255,.2) 32%,transparent 64%),linear-gradient(180deg,rgba(255,255,255,.16) 0,transparent 40%);position:absolute;inset:0;pointer-events:none}.dice-stage{width:100%;height:100%;min-height:640px;cursor:pointer;touch-action:manipulation;position:relative;z-index:1}.dice-stage canvas{width:100%;height:100%;display:block}.dice-stage:focus-visible{outline:4px solid rgba(124,134,216,.34);outline-offset:-8px}.dice-fallback-stage{display:grid;place-items:center}.dice-fallback-board{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,28px);padding:28px}.dice-fallback-board.is-rolling .dice-fallback-die{animation:dice-fallback-roll .28s ease-in-out infinite alternate}.dice-fallback-die{border-radius:22px;width:clamp(74px,12vw,112px);aspect-ratio:1;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.98),transparent 36%),linear-gradient(145deg,#fff,#f5f6fb);padding:17%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10%;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 20px 34px rgba(39,48,74,.12)}.dice-fallback-die i{border-radius:50%;width:100%;aspect-ratio:1;align-self:center;justify-self:center;background:#171717}.dice-fallback-die i[hidden]{visibility:hidden}.dice-fallback-die.has-number{padding:0;place-items:center;color:#171717;font-size:clamp(30px, 6vw, 48px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.dice-loading{border-radius:999px;min-height:36px;background:rgba(255,255,255,.72);color:#4b5563;padding:0 16px;display:inline-flex;align-items:center;position:absolute;left:24px;bottom:24px;pointer-events:none;transition:opacity .2s ease}.dice-loading.hidden{opacity:0;visibility:hidden}.dice-panel-box{border-radius:30px;background:radial-gradient(circle at 18% 8%,var(--dice-aurora-purple) 0,rgba(225,213,255,.22) 30%,transparent 58%),radial-gradient(circle at 92% 16%,var(--dice-aurora-blue) 0,rgba(218,240,255,.22) 34%,transparent 62%),radial-gradient(circle at 72% 88%,var(--dice-aurora-lilac) 0,transparent 52%),radial-gradient(circle at 12% 76%,var(--dice-aurora-mint) 0,transparent 48%),linear-gradient(150deg,rgba(255,255,255,.94) 0,rgba(250,252,255,.86) 100%);padding:22px;display:flex;flex-direction:column;gap:16px;min-width:0;box-shadow:0 20px 52px rgba(96,110,180,.06)}.dice-result-box{border-radius:26px;min-height:190px;background:radial-gradient(circle at 16% 10%,rgba(238,242,255,.42) 0,transparent 46%),radial-gradient(circle at 92% 24%,rgba(232,246,255,.34) 0,transparent 42%),linear-gradient(145deg,rgba(255,255,255,.68) 0,rgba(250,252,255,.52) 100%);color:var(--dice-ink);padding:24px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:8px}.dice-result-box span,.dice-stats-box span{font-size:14px;font-weight:600;letter-spacing:0}.dice-result-box span{color:var(--dice-muted)}.dice-result-box strong{min-height:88px;max-width:100%;font-size:clamp(38px, 4vw, 60px);line-height:1;font-weight:800;letter-spacing:0;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 4px;font-variant-numeric:tabular-nums;text-align:center;transform-origin:center}.dice-result-box strong.has-chips{align-content:center;flex-wrap:wrap;gap:12px;width:100%;white-space:normal;overflow:visible}.dice-result-box strong.result-count-1{font-size:clamp(54px, 5.4vw, 82px)}.dice-result-box strong.result-count-2{font-size:clamp(44px, 4.7vw, 68px)}.dice-result-box strong.result-count-3{gap:7px;font-size:clamp(34px, 3.8vw, 54px)}.dice-result-box .dice-result-chip{position:relative;border-radius:28px 22px 30px 20px;min-width:1.32em;height:1.08em;background:linear-gradient(145deg,rgba(255,255,255,.72) 0,rgba(247,249,255,.58) 100%);box-shadow:inset 0 -1px 0 rgba(92,102,150,.06),0 6px 14px rgba(118,131,210,.075);color:var(--dice-ink);font-size:inherit;font-weight:inherit;line-height:1;flex:0 1 1.36em;display:inline-flex;align-items:center;justify-content:center}.dice-result-box strong.result-count-1 .dice-result-chip{min-width:1.18em;flex-basis:1.18em}.dice-result-box strong.result-count-2 .dice-result-chip{min-width:1.22em;flex-basis:1.22em}.dice-result-box strong.result-count-3 .dice-result-chip{min-width:1.18em;flex-basis:1.18em}.dice-result-box .dice-result-chip:nth-child(4n+1){border-radius:23px 31px 22px 29px;transform:translateY(-1px) rotate(-1deg);background:rgba(255,255,255,.66)}.dice-result-box .dice-result-chip:nth-child(4n+3){border-radius:31px 23px 29px 22px;transform:translateY(1px) rotate(1deg);background:rgba(248,250,255,.64)}.dice-result-separator{display:none}.dice-result-box .dice-result-idle{display:inline-flex;align-items:center;justify-content:center;gap:9px}.dice-result-box .dice-result-idle span{border-radius:16px 20px 15px 18px;width:16px;height:16px;background:rgba(124,134,216,.16);box-shadow:none;animation:dice-idle-breathe 1.2s ease-in-out infinite}.dice-result-box .dice-result-idle span:nth-child(2){width:16px;height:16px;animation-delay:.14s}.dice-result-box .dice-result-idle span:nth-child(3){border-radius:20px 15px 18px 16px;animation-delay:.28s}.dice-result-total{color:var(--dice-ink-soft);font-size:16px;font-weight:700;line-height:1.2;text-align:center;font-variant-numeric:tabular-nums}.dice-actions-box{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px}.dice-clear-button,.dice-count-option,.dice-icon-button,.dice-primary-button{border:0;border-radius:18px;min-height:48px;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:box-shadow .18s ease,background-color .18s ease,color .18s ease,opacity .18s ease}.dice-primary-button{background:radial-gradient(circle at 18% 0,rgba(255,255,255,.32),transparent 38%),linear-gradient(135deg,#6f7fd8 0,#8b77d7 100%);color:#fff;grid-column:1/2;box-shadow:0 14px 28px rgba(115,126,216,.24)}.dice-feature-icon svg,.dice-icon-button svg,.dice-primary-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dice-primary-button:hover{background:radial-gradient(circle at 18% 0,rgba(255,255,255,.38),transparent 38%),linear-gradient(135deg,#6475d2 0,#806ed0 100%);box-shadow:0 14px 28px rgba(115,126,216,.28)}.dice-count-option:hover,.dice-icon-button:hover{background:rgba(255,255,255,.9)}.dice-clear-button:active,.dice-count-option:active,.dice-icon-button:active,.dice-primary-button:active,.dice-type-option:active{opacity:.86}.dice-clear-button:focus-visible,.dice-icon-button:focus-visible,.dice-primary-button:focus-visible{outline:3px solid rgba(124,134,216,.34);outline-offset:2px}.dice-icon-button{background:var(--dice-panel-surface);color:var(--dice-accent)}.dice-icon-button .sound-off-icon{display:none}.dice-icon-button.is-muted .sound-on-icon{display:none}.dice-icon-button.is-muted .sound-off-icon{display:block}.dice-count-box,.dice-type-box{border-radius:22px;min-height:70px;background:var(--dice-panel-surface);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dice-count-box>span,.dice-type-box>span{color:var(--dice-muted);font-size:14px;font-weight:600;letter-spacing:0}.dice-count-options,.dice-type-options{border-radius:18px;background:rgba(255,255,255,.7);padding:4px;display:grid;gap:4px;box-shadow:none}.dice-type-options{grid-template-columns:repeat(3,48px)}.dice-count-options{grid-template-columns:repeat(3,42px)}.dice-count-option,.dice-type-option{border:0;border-radius:14px;min-height:38px;background:0 0;color:var(--dice-ink-soft);cursor:pointer;font-weight:700}.dice-count-option.is-active,.dice-type-option.is-active{background:linear-gradient(135deg,#7584dc 0,#8c7cdc 100%);color:#fff}.dice-count-option.is-active:hover,.dice-type-option.is-active:hover{background:linear-gradient(135deg,#6b79d4 0,#8170d4 100%)}.dice-count-option:focus-visible,.dice-type-option:focus-visible{outline:3px solid rgba(124,134,216,.34);outline-offset:2px}.dice-stats-box{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}.dice-history-card{border-radius:22px;min-height:132px;width:100%;max-width:100%;background:var(--dice-panel-surface);padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0;overflow:hidden}.dice-history-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0}.dice-stats-box span{color:var(--dice-muted)}.dice-round-count{justify-self:start;color:var(--dice-ink-soft);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.dice-clear-button{position:relative;border-radius:999px;min-height:34px;background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.72),transparent 38%),linear-gradient(135deg,rgba(248,250,255,.78) 0,rgba(238,244,255,.62) 100%);color:rgba(47,54,83,.72);padding:0 15px;font-size:14px;font-weight:650;box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 6px 14px rgba(124,134,216,.07)}.dice-clear-button:hover{background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.78),transparent 38%),linear-gradient(135deg,rgba(248,250,255,.86) 0,rgba(236,243,255,.72) 100%);color:rgba(47,54,83,.84);text-decoration:none}.dice-stats-box p{border-radius:22px;padding-left:4px;padding-right:4px;color:var(--dice-ink-soft);width:100%;max-width:100%;min-width:0;min-height:44px;font-size:16px;line-height:1.4;word-break:normal;white-space:nowrap;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;gap:10px;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x proximity;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 100%)}.dice-stats-box p::-webkit-scrollbar{display:none}.dice-history-chip{border-radius:999px;min-width:0;height:38px;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.96),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,249,255,.86));color:var(--dice-ink);padding:0 12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 18px rgba(38,48,43,.07);scroll-snap-align:end}.dice-history-chip:last-child{border-radius:999px;background:radial-gradient(circle at 26% 20%,rgba(255,255,255,.28),transparent 36%),linear-gradient(135deg,#7584dc 0,#8c7cdc 100%);color:#fff}.dice-result-box strong.is-updated,.dice-result-total.is-updated,.dice-round-count.is-updated{animation:dice-value-pop .34s ease both}.dice-history-chip.is-new{animation:dice-chip-in .34s ease both}@keyframes dice-value-pop{0%{opacity:.45;transform:translateY(4px) scale(.96)}55%{opacity:1;transform:translateY(-1px) scale(1.04)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes dice-idle-breathe{0%,100%{opacity:.42;transform:scale(.88)}50%{opacity:.9;transform:scale(1)}}@keyframes dice-chip-in{0%{opacity:0;transform:translateX(10px) scale(.96)}100%{opacity:1;transform:translateX(0) scale(1)}}@keyframes dice-fallback-roll{0%{transform:rotate(-3deg)}100%{transform:rotate(3deg)}}.dice-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,980px)}.dice-tool-item::before{border-radius:18px;background:radial-gradient(circle at 35% 35%,#fff 0 8%,transparent 9%),radial-gradient(circle at 65% 35%,#fff 0 8%,transparent 9%),radial-gradient(circle at 35% 65%,#fff 0 8%,transparent 9%),radial-gradient(circle at 65% 65%,#fff 0 8%,transparent 9%),linear-gradient(145deg,var(--dice-ink),var(--dice-ink-soft))}.dice-feature-icon{width:52px;height:52px;margin-left:auto;margin-right:auto;color:#7b682c}.dice-types-guide{border-radius:32px;width:1200px;max-width:100%;min-width:280px;background-color:#fff;margin-top:32px;padding:64px 0}.dice-types-guide h2{margin-bottom:16px;text-align:center;font-size:clamp(32px, 4vw, 42px);font-weight:700;color:#0f172a}.dice-types-guide .section-subtitle{max-width:640px;margin:0 auto 42px;color:#64748b;font-size:18px;line-height:1.6;text-align:center}.dice-type-list{max-width:920px;margin-left:auto;margin-right:auto;display:grid;gap:12px}.dice-type-list article{border-radius:24px;min-height:112px;background:linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(248,250,255,.78) 58%,rgba(248,250,255,0) 100%);padding:16px 20px;display:flex;align-items:center;gap:18px}.dice-type-list img{border-radius:18px;width:76px;height:76px;object-fit:contain;flex:0 0 auto}.dice-type-list h3{margin-bottom:6px;color:var(--dice-ink);font-size:18px;font-weight:700}.dice-type-list p{color:#64748b;line-height:1.6}@media (max-width:1263.98px){.dice-box{padding:20px}.dice-scope-box{min-height:560px;grid-template-columns:1fr}.dice-stage,.dice-stage-box{min-height:560px}.dice-panel-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"result result" "actions actions" "type count" "history history";align-items:stretch}.dice-result-box{grid-area:result;min-height:180px}.dice-actions-box{grid-area:actions}.dice-type-box{grid-area:type}.dice-count-box{grid-area:count}.dice-stats-box{grid-area:history}.dice-actions-box,.dice-count-box,.dice-stats-box,.dice-type-box{align-self:stretch}}@media (max-width:767.98px){.header-right-box{display:none}.hero-subtitle{max-width:300px;font-size:18px}.hero-subtitle .hero-underline{white-space:normal}.dice-box{margin-top:14px;margin-bottom:14px;padding:10px}.dice-scope-box{min-height:auto;gap:12px}.dice-stage,.dice-stage-box{min-height:clamp(300px,82vw,390px)}.dice-stage-box{border-radius:22px}.dice-panel-box{border-radius:22px;padding:12px;gap:12px;display:flex}.dice-actions-box{grid-template-columns:minmax(0,1fr) 46px;gap:8px}.dice-icon-button,.dice-primary-button{min-height:46px}.dice-count-box,.dice-type-box{min-height:auto;padding:12px;align-items:stretch;flex-direction:column;gap:10px}.dice-count-options,.dice-type-options{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.dice-count-option,.dice-type-option{min-width:0;min-height:40px}.dice-types-guide{border-radius:22px;padding:42px 0}.dice-types-guide .section-subtitle{margin-bottom:28px;font-size:16px}.dice-type-list{gap:10px}.dice-type-list article{border-radius:20px;min-height:96px;padding:14px;gap:14px}.dice-type-list img{border-radius:16px;width:62px;height:62px}.dice-result-box{min-height:124px;border-radius:20px;padding:16px}.dice-result-box strong{min-height:66px;gap:8px;font-size:clamp(36px, 9.5vw, 52px)}.dice-result-box strong.result-count-1{font-size:clamp(54px, 15vw, 72px)}.dice-result-box strong.result-count-2{font-size:clamp(42px, 12vw, 58px)}.dice-result-box strong.result-count-3{gap:6px;font-size:clamp(30px, 8.6vw, 40px)}.dice-result-box .dice-result-idle span{width:14px;height:14px}.dice-result-box .dice-result-idle span:nth-child(2){width:14px;height:14px}.dice-history-card{min-height:94px;padding:14px}.dice-fallback-board{gap:10px;padding:16px}.dice-fallback-die{border-radius:18px;width:clamp(64px,24vw,88px)}.dice-tools-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:389.98px){.dice-count-box,.dice-history-card,.dice-type-box{padding:12px}.dice-count-options,.dice-type-options{gap:3px;padding:3px}.dice-count-option,.dice-type-option{min-height:38px;font-size:13px}}@media (prefers-reduced-motion:reduce){.dice-clear-button,.dice-count-option,.dice-icon-button,.dice-loading,.dice-primary-button{transition:none}.dice-fallback-board.is-rolling .dice-fallback-die,.dice-history-chip.is-new,.dice-result-box .dice-result-idle span,.dice-result-box strong.is-updated,.dice-result-total.is-updated,.dice-round-count.is-updated{animation:none}}