:root{color-scheme:dark;--ga-bg: #12131a;--ga-surface: #1c1e2b;--ga-icon-bg: #171a26;--ga-tab-bg: #232635;--ga-tab-bg-hover: #2c3042;--ga-surface-hover: #2c3042;--ga-ink-900: #1a1c28;--ga-brand: #f2eee3;--ga-brand-hover: #ffffff;--ga-brand-80: rgba(242, 238, 227, .72);--ga-brand-60: rgba(242, 238, 227, .55);--ga-brand-40: rgba(242, 238, 227, .12);--ga-on-brand: #12131a;--ga-accent: #ffc53d;--ga-accent-hover: #ffd873;--ga-yellow: #ffc53d;--ga-green: #35e0d0;--ga-blue: #4da6ff;--ga-purple: #9b7cff;--ga-danger: #ff5c8a;--ga-lime: #c8f04b;--ga-muted: #8c93ac;--ga-dotted: rgba(53, 224, 208, .35);--ga-discord: #7c8af7;--ga-discord-hover: #9aa5ff;--ga-x: #f2eee3;--ga-x-hover: #ffffff;--ga-game-bg: #12131a;--ga-overlay: rgba(18, 19, 26, .92);--ga-icon-btn-bg: #232635;--ga-icon-btn-hover: #2c3042;--ga-shell-dark: #1a1c28;--ga-shell-seam: #ffffff;--ga-light: #ffffff;--ga-light-sky: #6e7bff;--ga-light-ground: #0a0b12;--ga-emissive-base: #2e2e2e;--ga-field-bg: #232a3c;--ga-field-grid: rgba(53, 224, 208, .24);--ga-field-line: #35e0d0;--ga-die-icon-bg: #232635;--ga-die-icon-stroke: rgba(242, 238, 227, .12);--ga-die-icon-pip: #ffc53d;--play-1: #ffc53d;--play-2: #ff5c8a;--play-3: #35e0d0;--play-4: #c8f04b;--play-5: #ff8a3d;--play-6: #9b7cff;--play-7: #4da6ff;--palette-gashapon: var(--play-1), var(--play-2), var(--play-3), var(--play-4), var(--play-5), var(--play-6), var(--play-7);--palette-dice: var(--play-1), var(--play-2), var(--play-3), var(--play-4), var(--play-5), var(--play-6), var(--play-7);--rgb-mango: 255 197 61;--rgb-lychee: 255 92 138;--rgb-soda: 53 224 208;--rgb-lime: 200 240 75;--rgb-orange: 255 138 61;--rgb-violet: 155 124 255;--rgb-blue: 77 166 255;--rgb-text: 242 238 227;--rgb-ink: 18 19 26;--fs-h1: 28px;--lh-h1: 34px;--fs-lead: 16px;--lh-lead: 28px;--fs-body: 16px;--lh-body: 24px;--fs-card-title: 20px;--lh-card-title: 28px;--fs-card-desc: 14px;--lh-card-desc: 22.4px;--fs-pill: 14px;--lh-pill: 20px;--fs-badge: 12px;--lh-badge: 16px;--fs-badge-new: 16px;--fs-wordmark: 24px;--fs-icon-btn: 20px;--fs-loader: 1.2rem;--fs-operation: 16px;--lh-operation: 24px;--fs-empty-title: 40px;--lh-empty-title: 60px;--fs-empty-title-sm: 32px;--fs-empty-desc: 18px;--lh-empty-desc: 27px;--fs-result-text-min: 28px;--fs-result-text-max: 40px;--lh-result-text: 1.5;--fs-result-btn: 20px;--lh-result-btn: 30px;--fs-game-title: 40px;--lh-game-title: 1.2;--fs-result-sum: 80px;--lh-result-sum: 1.5;--fs-counter: 24px;--lh-counter: 30px;--fs-counter-sm: 22px;--lh-counter-sm: 22px;--fs-circle-btn: 16px;--lh-circle-btn: 1.2;--fs-circle-btn-lg: 18px;--fw-body: 400;--fw-strong: 500;--fw-display: 700;--ls-display: .06em;--ls-operation: .14em;--font-display-latin: "Unbounded", system-ui, sans-serif;--font-display-tc: "LXGW WenKai TC Subset", "Noto Sans TC Subset", "Noto Sans TC", "PingFang TC", system-ui, sans-serif;--font-body: "Noto Sans TC Subset", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--radius-card: 14px;--radius-pill: 9999px;--radius-sm: 6px;--radius-modal-btn: 10px;--radius-counter: 50px;--radius-result-btn: 500px;--bw-card: 1px;--bw-logo: 2px;--bw-divider: 1px;--bw-icon-stroke: 3px;--bw-game-icon: 2px;--bw-game-icon-strong: 2.5px;--bw-circle-btn: 1px;--bw-spinner: 3px;--bw-result-btn: 1px;--bw-celebrate-ring: 2px;--glow-color: var(--rgb-mango);--glow-inset: inset 0 1px 0 rgb(var(--rgb-text) / .06);--glow-divider: 0 0 8px rgb(var(--rgb-soda) / .35);--filter-icon-glow: drop-shadow(0 0 6px currentColor);--filter-logo-glow: drop-shadow(0 0 10px rgb(var(--rgb-mango) / .55));--filter-badge-glow: drop-shadow(0 0 10px rgb(var(--rgb-lychee) / .5));--icon-color: var(--play-1);--bg-color: var(--play-1);--bg-badge: rgb(var(--rgb-ink) / .8);--shadow-card: 0 0 0 1px rgb(var(--rgb-text) / .1), 0 10px 26px -14px #000000;--shadow-alert: 0 24px 60px -24px #000000;--shadow-modal-btn: none;--shadow-press-y: -2px;--scale-press: .94;--opacity-soft: 1;--opacity-operation: 1;--opacity-disabled: .45;--opacity-disabled-strong: .45;--opacity-empty: 1;--opacity-soon: .68;--sp-1: 4px;--sp-xs: 6px;--sp-2: 8px;--sp-3: 10px;--sp-4: 12px;--sp-5: 16px;--sp-6: 20px;--sp-7: 24px;--sp-section: 24px;--sp-page-top: 80px;--sp-page-bottom: 120px;--sp-grid-gap: 24px;--sp-grid-gap-sm: 16px;--sp-card-pad-x: 20px;--sp-link-pad-x: 18px;--dur-fast: .09s;--dur-base: .22s;--dur-enter: .32s;--delay-enter: .06s;--dur-toast: .18s;--dur-press: .09s;--dur-fade-in: .32s;--dur-loader-out: .4s;--dur-spin: 1s;--dur-sphere-enter: .5s;--delay-corner: .06s;--delay-result: calc(.7 * var(--dur-celebrate));--dur-celebrate: 1s;--dur-celebrate-dice: calc(.7 * var(--dur-celebrate));--dur-drag-follow: .06s;--dur-drag-release: .18s;--dur-pulse: 2.4s;--enter-shift: 12px;--ease-out: cubic-bezier(.2, .7, .3, 1);--ease-glide: cubic-bezier(.16, .84, .3, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--ease-out-native: ease-out;--ease-in: ease-in;--ease-in-out: ease-in-out;--ease-linear: linear;--halo-scale: 1.14;--halo-opacity: .32;--halo-opacity-hover: .55;--halo-opacity-active: .9;--halo-opacity-die: .5;--emissive-ball: .85;--emissive-ball-seam: 1.3;--emissive-die-body: .18;--emissive-die-pip: 1.15;--emissive-ring: .9;--emissive-wall: .55;--halo-opacity-die-drag: .8;--emissive-die-drag: 1.45;--halo-scale-hover: 1.18;--emissive-ball-hover: 1.15;--hover-lerp: .18;--field-grid-step: 1;--field-ring-width: .12;--bloom-strength: .55;--bloom-radius: .4;--bloom-threshold: .72;--particle-count: 18;--particle-size: 6px;--particle-dist: 132px;--particle-dur: .5s;--particle-fade: .28s;--particle-dist-dice: calc(.5 * var(--particle-dist));--opacity-ring-ball: .34;--opacity-ring-die: .26;--mix-die-body: .22;--light-hemi-strength: .55;--light-key-strength: .45;--metal-ball: 0;--rough-ball: .38;--metal-die: .05;--rough-die: .42;--size-logo: 90px;--size-logo-gap: 20px;--size-wordmark-h: 48px;--size-wordmark-w: 371px;--size-tab-h: 48px;--size-tab-min-w: 88px;--size-social-w: 132px;--size-pill-h: 32px;--size-lang-w: 126px;--size-card-h: 140px;--size-card-icon-w: 160px;--size-card-icon: 76px;--size-card-icon-h: 67px;--size-hero-divider-h: 72px;--size-badge-new: 72px;--size-icon-btn: 48px;--size-circle-btn: 68px;--size-circle-btn-lg: 80px;--size-spinner: 50px;--size-sphere-min: 130px;--size-sphere-max: 150px;--size-sphere-vw: 24vw;--size-sphere: clamp(var(--size-sphere-min), var(--size-sphere-vw), var(--size-sphere-max));--size-sphere-seam-h: 2px;--size-drag-glow: 220px;--blur-drag-glow: 18px;--bg-horizon: radial-gradient(120% 80% at 50% 108%, rgb(var(--rgb-soda) / .1), transparent 62%);--bg-topglow: radial-gradient(90% 60% at 50% -10%, rgb(var(--rgb-mango) / .07), transparent 60%);--bg-vignette: radial-gradient(140% 120% at 50% 45%, transparent 42%, rgb(var(--rgb-ink) / .7) 100%);--bg-scanline: repeating-linear-gradient(180deg, rgb(var(--rgb-text) / .022) 0 1px, transparent 1px 3px)}*,*:before,*:after{--glow-sm: 0 0 0 1px rgb(var(--glow-color) / .5), 0 0 12px rgb(var(--glow-color) / .28);--glow-md: 0 0 0 1px rgb(var(--glow-color) / .6), 0 0 24px rgb(var(--glow-color) / .35);--glow-lg: 0 0 0 1px rgb(var(--glow-color) / .7), 0 0 44px rgb(var(--glow-color) / .45), 0 0 88px rgb(var(--glow-color) / .2);--glow-text: 0 0 18px rgb(var(--glow-color) / .55);--bg-icon-glow: radial-gradient(120% 100% at 50% 120%, rgb(var(--glow-color) / .14), transparent 70%);--bg-icon-glow-hover: radial-gradient(120% 100% at 50% 120%, rgb(var(--glow-color) / .28), transparent 70%);--bg-sphere: radial-gradient(120% 120% at 50% 22%, var(--bg-color) 0 46%, var(--ga-ink-900) 54% 100%);--bg-sphere-seam: rgb(var(--glow-color) / .9);--shadow-card-hover: 0 0 0 1px rgb(var(--glow-color) / .55), 0 0 26px -4px rgb(var(--glow-color) / .32), 0 14px 30px -16px #000000;--shadow-btn: var(--glow-sm);--shadow-btn-active: var(--glow-md);--shadow-result-btn: var(--glow-md);--particle-color: rgb(var(--glow-color));--glow-particle: 0 0 8px var(--particle-color);--bg-celebrate-glow: radial-gradient(circle, rgb(var(--glow-color) / .85), transparent 62%);--bg-drag-glow: radial-gradient(circle, rgb(var(--glow-color) / .55), transparent 68%);--border-celebrate-ring: rgb(var(--glow-color) / .9)}@media(max-width:767px){:root{--fs-h1: 20px;--lh-h1: 28px;--fs-lead: 14px;--lh-lead: 26px;--size-logo-gap: 16px;--size-wordmark-h: 40px;--size-wordmark-w: 287px;--size-social-w: 48px;--size-badge-new: 75px;--particle-dist: 88px;--fs-operation: 12px;--ls-operation: .1em}}@media(max-width:799px){:root{--size-card-h: 120px;--size-card-icon-w: 140px}}@media(prefers-reduced-motion:reduce){:root{--dur-enter: 1ms;--delay-enter: 0s;--dur-celebrate: 1ms;--dur-pulse: 0s;--dur-sphere-enter: 1ms;--delay-result: 0s;--delay-corner: 0s;--particle-count: 0;--particle-dur: 0s;--enter-shift: 0px}}.drag-glow{position:absolute;left:0;top:0;z-index:4;width:var(--size-drag-glow);height:var(--size-drag-glow);margin-left:calc(-.5 * var(--size-drag-glow));margin-top:calc(-.5 * var(--size-drag-glow));border-radius:50%;background:var(--bg-drag-glow);filter:blur(var(--blur-drag-glow));mix-blend-mode:screen;pointer-events:none;opacity:0;transform:translate3d(calc(var(--x, 0) * 1px),calc(var(--y, 0) * 1px),0);transition:transform var(--dur-drag-follow) var(--ease-linear),opacity var(--dur-fast)}.drag-glow.on{opacity:1}.drag-glow.release{opacity:0;transform:translate3d(calc(var(--x, 0) * 1px),calc(var(--y, 0) * 1px),0) scale(1.4);transition:transform var(--dur-drag-release) var(--ease-out),opacity var(--dur-drag-release)}.game-title-wrap{position:fixed;left:50%;transform:translate(-50%);z-index:6;top:100px;max-width:600px;width:100%;display:none;pointer-events:none}.game-title-wrap.show{display:block}.game-title{position:relative;margin:0;text-align:center;font-family:var(--font-body);font-weight:var(--fw-strong);font-size:var(--fs-game-title);line-height:var(--lh-game-title);text-transform:uppercase;color:var(--ga-brand);text-shadow:var(--glow-text)}.result-board{position:absolute;top:15%;left:50%;transform:translate(-50%);z-index:5;width:100%;text-align:center;pointer-events:none;opacity:0;transition:opacity var(--dur-base)}.result-board.show{opacity:1}.result-board .celebrate-fx{top:50%}.result-board .celebrate-particles{--particle-dist: var(--particle-dist-dice)}.result-board.show .celebrate-glow{animation:ga-cel-glow calc(.3 * var(--dur-celebrate)) var(--ease-inout) calc(.12 * var(--dur-celebrate)) forwards}.result-board.show .celebrate-particles>i{animation-delay:calc(.08 * var(--dur-celebrate))}.result-board.show .result-sum{animation:ga-cel-sum calc(.22 * var(--dur-celebrate)) var(--ease-out) calc(.08 * var(--dur-celebrate)) backwards}@keyframes ga-cel-sum{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.result-board.show .result-face{animation:ga-cel-face calc(.22 * var(--dur-celebrate)) var(--ease-out) calc(.3 * var(--dur-celebrate) + min(var(--i, 0) * .04 * var(--dur-celebrate),.18 * var(--dur-celebrate))) both}@keyframes ga-cel-face{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result-sum-wrap{position:relative;display:inline-block;vertical-align:top}.result-sum{display:block;font-family:var(--font-display-latin);font-weight:var(--fw-display);font-variant-numeric:tabular-nums;font-size:var(--fs-result-sum);line-height:var(--lh-result-sum);color:var(--ga-brand);text-shadow:var(--glow-text);min-height:1.5em}.result-faces{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.1rem}.result-face{display:inline-flex}.result-face.stacked{margin-left:-32px}.dice-counter{position:relative;display:flex;align-items:center;justify-content:center;width:150px;height:60px;padding:var(--sp-3);color:var(--ga-brand)}.counter-bg{position:absolute;inset:0;background:var(--ga-surface);border:var(--bw-card) solid var(--ga-brand-40);border-radius:var(--radius-counter);box-shadow:var(--glow-sm)}.counter-btn{position:relative;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:var(--fs-counter);display:inline-flex;align-items:center;justify-content:center;transition:color var(--dur-fast),transform var(--dur-fast)}.counter-btn:hover{color:var(--ga-accent)}.counter-btn:not(:disabled):active{transform:scale(var(--scale-press))}.counter-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.counter-value{position:relative;width:40px;height:30px;margin:0 5px;font-family:var(--font-display-latin);font-weight:var(--fw-display);font-variant-numeric:tabular-nums;font-size:var(--fs-counter);line-height:var(--lh-counter);text-align:center}.counter-btn .ico-chevron{display:none}@media(max-width:767px){.dice-counter{width:80px;height:80px;padding:0}.counter-bg{border-radius:50%}.counter-btn{position:absolute;left:0;width:80px;height:60px;border-radius:0;background:none}.counter-btn .ico-wide{display:none}.counter-btn .ico-chevron{display:block}#counter-plus{top:0;z-index:2;align-items:flex-start;padding-top:var(--sp-3)}#counter-minus{bottom:0;z-index:1;align-items:flex-end;padding-bottom:var(--sp-3)}.counter-value{position:absolute;left:0;top:50%;width:80px;margin:0;transform:translateY(-50%);font-size:var(--fs-counter-sm);line-height:var(--lh-counter-sm);z-index:3;pointer-events:none}}@media(prefers-reduced-motion:reduce){.counter-btn:active{transform:none}.drag-glow{display:none}}
