:root{font-family:Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#161513;background:#171513;font-synthesis:none;font-weight:500;--red:#ed211d;--yellow:#ffe034;--ink:#141311;--paper:#fffdf6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 5px var(--ink)}button:disabled{cursor:not-allowed}button:active:not(:disabled){translate:0 2px}button,input{touch-action:manipulation}.app{width:100%;max-width:460px;min-height:100svh;margin:auto;background:#080808;position:relative;isolation:isolate;padding-bottom:calc(118px + env(safe-area-inset-bottom));overflow-x:clip}.app--type,.app--horses{padding-bottom:0;min-height:100svh}header{height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:8;color:#fff;background:#080808;border-bottom:1px solid #ffffff30}.brand{font-size:11px;letter-spacing:1.8px;font-weight:900;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;min-height:44px}.brand-mark{font-size:25px;color:var(--red)}.edition{font-size:10px;letter-spacing:1px;color:#e3dfd5}.hero{position:relative;overflow:hidden;background:#080808}.hero-title,.hero-strip{display:none}.manga-art{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1;object-position:50% 28%}.hero--setup{height:clamp(420px,55svh,540px)}.hero--result{height:clamp(370px,46svh,440px)}.hero--result .manga-art{object-position:50% 35%}.hero--choice{height:clamp(400px,52svh,520px)}.hero--choice .manga-art{object-position:50% 7%}.hero:after{content:"";position:absolute;z-index:2;top:70%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#08080899);pointer-events:none}.hero--type,.hero--horses{height:calc(100svh - 44px - env(safe-area-inset-top));min-height:590px}.hero--type:before,.hero--horses:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0002,#0008),url(/assets/manga/rolling-art.webp) 50% 70%/cover;opacity:.65}.hero--type .manga-art,.hero--horses .manga-art{height:72svh;object-position:35% 0%}.hero--type:after,.hero--horses:after{top:58%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#080808 95%)}.setup,.results,.game{position:relative;z-index:5;margin:-32px 12px 0;padding:14px;background:var(--paper);border:4px solid var(--ink);border-radius:7px;box-shadow:0 0 0 2px #fff,6px 7px #000;background-image:radial-gradient(#00000010 .65px,transparent .65px);background-size:7px 7px}.setup:before,.results:before,.game:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;pointer-events:none;border:2px solid var(--ink);clip-path:polygon(0 0,100% 1%,99% 100%,1% 99%);border-radius:5px}.section-heading{display:flex;gap:9px;align-items:center;min-height:36px;margin:-14px -14px 12px;padding:7px 12px;background:var(--ink);color:#fff}.step{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:var(--red);color:#fff;font-size:12px;font-weight:900;transform:rotate(-6deg)}h2{font-size:17px;margin:0;font-weight:900;letter-spacing:-.5px}.small-tag{margin-left:auto;font-size:9px;letter-spacing:1px;color:var(--yellow)}.control{margin-bottom:10px}.control:last-of-type{margin-bottom:0}.control label{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:13px;margin:0 0 5px}.control label span{font-size:10px;color:#625e55;font-weight:600}.stepper{display:flex;align-items:center;gap:4px;background:#fff;border:2px solid var(--ink);border-radius:5px;padding:3px;min-height:60px}.stepper>button:not(.budget-value){height:52px;flex:0 0 52px;background:linear-gradient(#333,#080808);color:#fff;border:1px solid #000;border-radius:5px;font-size:28px;font-weight:700;box-shadow:inset 0 1px #777}.stepper>button:disabled{color:#888;background:#dedbd3;border-color:#c9c6bd;box-shadow:none}.stepper strong,.budget-value,.stepper input{flex:1;min-width:0;text-align:center;font-size:30px;font-weight:900;letter-spacing:-1px}.stepper small{font-size:14px;font-weight:700;margin-left:5px;letter-spacing:0}.budget-value{padding:0;min-height:52px;background:#fff;border:0}.pencil{font-size:15px;color:#777}.stepper input{width:100%;height:52px;background:#fff6c4;border:0;font-size:27px;scroll-margin-bottom:160px}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px}.quick button{min-height:44px;min-width:0;padding:5px 2px;border:2px solid var(--ink);border-radius:5px;background:#252321;color:#fff;font-size:11px;letter-spacing:-.3px;font-weight:900;box-shadow:0 2px #000}.quick button[aria-pressed=true]{background:var(--red);border-color:#9d120f;color:#fff;box-shadow:inset 0 0 0 1px #fff8,0 2px #000}.input-hint{font-size:10px;margin:6px 0 0;color:#625e55;text-align:center}.confirm{width:100%;min-height:48px;margin-top:8px;background:var(--ink);color:#fff;border:2px solid #000;border-radius:5px;font-weight:900}.action-note{display:none}.primary{position:fixed;z-index:30;left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));margin:0 auto;width:min(calc(100% - 24px),436px);min-height:80px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:4px solid #120706;border-radius:17px;background:linear-gradient(#ff3530,#e50b0b 65%,#bf0908);color:#fff;box-shadow:inset 0 0 0 2px #fff,0 6px #050505,0 0 0 2px #fff,0 0 22px #e0211f55;font-size:23px;font-weight:1000;letter-spacing:-.7px;text-shadow:1px 2px 0 #85100d}.primary:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #fff5;border-radius:9px;pointer-events:none}.primary span:first-child{font-size:35px}.primary span:last-child{margin-left:auto;font-size:26px}.primary span:first-child{margin-right:auto}.primary:active:not(:disabled){translate:0 2px;background:linear-gradient(#e82a25,#cc0606);box-shadow:inset 0 0 0 2px #fff,0 3px #050505,0 0 0 2px #fff,0 0 8px #e0211f33}.primary:disabled{background:#777;color:#ddd;box-shadow:inset 0 0 0 2px #ddd,0 5px #000;cursor:not-allowed}.retry{font-size:19px}.secondary{background:transparent;border:0;width:100%;min-height:56px;font-size:13px;font-weight:800;margin-top:12px;color:#171513}.secondary span{display:block;font-size:11px;color:#615e56;margin-top:4px}.hero-dice-layer{position:absolute;z-index:4;top:52%;left:44%;transform:translate(-50%,-50%);pointer-events:none}.dice-scene{--dice-size:112px;width:var(--dice-size);height:var(--dice-size);position:relative;perspective:650px;perspective-origin:50% 35%;transform-style:preserve-3d}.dice-flight{position:relative;width:100%;height:100%;transform-style:preserve-3d}.dice-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(28deg)}.dice-face{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #111;border-radius:9px;backface-visibility:hidden;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:9px;padding:16px;background:#fff;background-image:radial-gradient(#0000000d .8px,transparent .8px);background-size:4px 4px;box-shadow:inset 0 0 10px #00000018}.dice-face--front{transform:translateZ(calc(var(--dice-size)/2))}.dice-face--back{transform:rotateY(180deg) translateZ(calc(var(--dice-size)/2))}.dice-face--right{transform:rotateY(90deg) translateZ(calc(var(--dice-size)/2));background-color:#dfdfdb}.dice-face--left{transform:rotateY(-90deg) translateZ(calc(var(--dice-size)/2));background-color:#e8e8e3}.dice-face--top{transform:rotateX(90deg) translateZ(calc(var(--dice-size)/2))}.dice-face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--dice-size)/2));background-color:#cececa}.dice-pip{display:block;border-radius:50%;background:#111;box-shadow:inset 0 1px #000;aspect-ratio:1}.dice-pip--empty{visibility:hidden}.dice-shadow{position:absolute;left:-6%;bottom:-36px;width:112%;height:22px;background:#0009;border-radius:50%;filter:blur(3px);transform:scale(1.05)}.is-rolling .dice-flight{animation:dice-flight var(--roll-duration) cubic-bezier(.2,.6,.25,1) both}.is-rolling .dice-cube{animation:dice-spin var(--roll-duration) cubic-bezier(.15,.65,.3,1) both;will-change:transform}.is-rolling .dice-shadow{animation:dice-shadow var(--roll-duration) ease-out both}.is-settled .dice-flight{animation:dice-land .25s ease-out}.draw-number{position:absolute;z-index:6;left:50%;top:-98px;transform:translate(-50%);display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff;border:4px solid #111;box-shadow:0 0 0 4px #ffe034,4px 5px #000;font-size:46px;font-weight:1000;animation:draw-reveal .3s ease-out}.draw-number:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;z-index:-1;border-radius:50%;background:repeating-conic-gradient(transparent 0deg 20deg,#fff6 20deg,#fff6 23deg);pointer-events:none}@keyframes dice-flight{0%{transform:translateY(-32px) translateZ(-180px) scale(.55)}25%{transform:translateY(-58px) translateZ(45px) scale(1.08)}64%{transform:translateY(0) translateZ(0) scale(1)}79%{transform:translateY(-18px) translateZ(15px) scale(1.02)}to{transform:translateY(0) translateZ(0) scale(1)}}@keyframes dice-spin{0%{transform:rotateX(-160deg) rotateY(-140deg) rotate(-120deg)}64%{transform:rotateX(650deg) rotateY(718deg) rotate(330deg)}to{transform:rotateX(704deg) rotateY(748deg) rotate(360deg)}}@keyframes dice-shadow{0%{opacity:.2;transform:scale(.45)}25%{opacity:.25;transform:scale(.65)}64%{opacity:.65;transform:scale(1.14)}79%{opacity:.3;transform:scale(.8)}to{opacity:.6;transform:scale(1.05)}}@keyframes dice-land{0%{transform:translateY(-8px)}50%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes draw-reveal{0%{transform:translate(-50%) scale(1);background:#fff}40%{transform:translate(-50%) scale(1.15);background:#fffbd8}to{transform:translate(-50%) scale(1);background:#fff}}.app--type .game,.app--horses .game{position:absolute;left:16px;right:16px;bottom:calc(22px + env(safe-area-inset-bottom));margin:0;padding:12px;background:#fffef3;box-shadow:0 0 0 2px #fff,5px 6px #000}.app--type .game .section-heading,.app--horses .game .section-heading{margin:-12px -12px 10px;padding:7px 12px}.app--type footer,.app--horses footer{display:none}.rolling-caption{position:absolute;top:-76px;right:0;margin:0;color:#fff;text-shadow:3px 3px 0 #000,-2px -2px 0 #000;font-weight:1000;font-size:29px;transform:rotate(-8deg)}.game h3{margin:6px 0 12px;text-align:center;font-size:29px;font-weight:1000;letter-spacing:-1px}.game>p:last-child{margin:8px 0 0;text-align:center;font-size:12px;font-weight:700;color:#5b574e}.results{margin-top:-20px;background:#fffef7}.result-card{display:flex;flex-direction:column;background:#fff;border:0;border-radius:0;box-shadow:none}.result-card .horse-balls{order:1}.result-top{order:2;display:flex;justify-content:space-between;align-items:center;padding:10px 2px 14px;border-bottom:2px solid #111;background:#fff}.result-top>span{font-size:12px;font-weight:900;color:#625e55}.result-top strong{font-size:28px;font-weight:1000;text-align:right;line-height:1.12}.result-top small{display:block;font-size:13px;margin-top:5px}.horse-balls{display:flex;justify-content:center;gap:8px;margin:12px 0 20px}.horse-balls>span{position:relative;display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border:3px solid #111;border-radius:50%;background:#fff;font-size:31px;font-weight:1000;letter-spacing:-1px;box-shadow:2px 3px #000}.horse-balls>span.axis{background:var(--yellow)}.result-card .horse-balls>span:only-child{width:80px;height:80px;flex-basis:80px;font-size:46px}.horse-balls .pending{color:#777;border-style:dashed;border-color:#777;box-shadow:none;background:#eeeae1}.drawing{margin:10px 0 8px;gap:8px}.drawing>span{width:44px;height:44px;flex-basis:44px;font-size:23px;border-width:2px}.drawing>span:not(.pending){animation:number-pop .25s ease-out}.axis-info{order:3;background:#fff8cb;border-left:4px solid var(--red);padding:12px;margin:14px 0 6px}.axis-info p{margin:4px 0;font-size:21px;font-weight:1000}.axis-info b{display:inline-block;font-size:13px;width:42px}.axis-info small{display:block;font-size:11px;color:#5c5544;margin-top:8px}.allocation{order:4;padding:0}.allocation p{display:flex;justify-content:space-between;align-items:center;margin:0;padding:12px 0;border-bottom:1px solid #dedbd3;font-size:12px;font-weight:700}.allocation strong{font-size:22px;font-weight:1000}.allocation small{font-size:12px;margin-left:4px}.allocation .total{background:var(--ink);color:#fff;padding:16px 14px;margin:10px -14px 0;position:relative;border:0}.allocation .total>span{font-size:15px;font-weight:900}.allocation .total strong{font-size:36px;color:var(--yellow);letter-spacing:-1px}.allocation .total small{font-size:17px;color:var(--yellow)}.allocation p:last-child{font-size:11px;color:#6b665b;border:0}.allocation p:last-child strong{font-size:18px}.equal-note{order:6;text-align:center;font-size:10px;color:#645f55;margin:12px 0 2px}.insufficient{order:5;background:#fff0c1;border:2px solid #a46400;padding:12px;font-size:12px;line-height:1.7}.shout{margin:5px 0 6px;font-size:29px;font-weight:1000;text-align:center}.choice>p:nth-child(2){margin:0 0 13px;font-size:12px;font-weight:700;text-align:center}.choice button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:60px;border:3px solid var(--ink);border-radius:8px;background:linear-gradient(#fff,#eeece7);padding:10px 12px;margin-top:10px;box-shadow:2px 3px #000;color:#111}.choice button strong{font-size:24px;font-weight:1000;white-space:nowrap}.choice button>span{font-size:11px;font-weight:800;max-width:58%;text-align:right}.choice button:active:not(:disabled){background:#fff3af;box-shadow:1px 1px #000}.choice button:disabled{background:#dedbd4;border-color:#aaa;color:#67635c;box-shadow:none}.choice-lock{font-size:18px;display:inline-block;margin-left:7px;filter:grayscale(1)}.app--choice .game{padding-bottom:18px}.app--choice{padding-bottom:calc(26px + env(safe-area-inset-bottom))}footer{text-align:center;color:#d3cec2;margin:22px 20px 0;padding:15px 0 20px;border-top:1px solid #ffffff30}.footer-dice{font-size:23px;color:#aaa}footer p{font-size:11px;line-height:1.8;margin:6px 0 16px}footer>div{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8e897f;font-weight:800}@keyframes number-pop{0%{transform:scale(1)}45%{transform:scale(1.15);background:#fffbd8}to{transform:scale(1)}}@media(max-width:380px){.horse-balls>span{width:52px;height:52px;flex-basis:52px;font-size:29px}.drawing>span{width:44px;height:44px;flex-basis:44px;font-size:23px}.section-heading h2{font-size:16px}.primary{font-size:22px}.retry{font-size:18px}.quick button{font-size:10px}.stepper strong,.budget-value{font-size:28px}.choice button>span{font-size:10px}}@media(min-width:600px){body{padding:20px 0}.app{border:2px solid #000;box-shadow:0 0 60px #0008}.primary{width:432px}.hero--setup{height:500px}.hero--result{height:420px}.hero--choice{height:450px}.hero--type,.hero--horses{height:850px}.hero--type .manga-art,.hero--horses .manga-art{height:640px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.dice-cube{will-change:auto!important;transform:rotateX(-16deg) rotateY(28deg)}.dice-flight{transform:none}.dice-shadow{opacity:.6}}.setup{margin-top:-40px}.setup .section-heading{margin-bottom:6px}.setup .control{margin-bottom:4px}.setup .control label{margin-bottom:2px}.setup .quick{margin-top:3px}.allocation{display:flex;flex-direction:column}.allocation .total{order:-1;margin-bottom:4px}.setup .section-heading{padding-top:5px;padding-bottom:5px}.result-card .horse-balls{gap:10px;margin:10px 12px 20px}.result-card .horse-balls>span{width:46px;height:46px;flex-basis:46px;font-size:26px;border-width:2px;background:radial-gradient(circle at 30% 22%,#fff,#fff 32%,#e9e7e1 72%,#bdbab1);box-shadow:inset 0 2px 2px #fff,inset -2px -4px 5px #0002,0 4px #87847d,0 6px 7px #0003}.result-card .horse-balls>span.axis{background:radial-gradient(circle at 30% 22%,#fff6b1,var(--yellow) 48%,#cba500)}.result-card .horse-balls>span:only-child{width:62px;height:62px;flex-basis:62px;font-size:34px}.rolling-caption{top:-70px;right:12px;font-size:34px;letter-spacing:-2px;transform:rotate(-10deg);color:#111;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff}.is-rolling .dice-flight,.is-settled .dice-flight{animation:none}.is-rolling .dice-cube{animation:dice-continuous 1.1s linear infinite}.is-rolling .dice-shadow{animation:none;opacity:.45;transform:scale(.9)}@keyframes dice-continuous{0%{transform:rotateX(-16deg) rotateY(28deg) rotate(0)}to{transform:rotateX(344deg) rotateY(388deg) rotate(360deg)}}@media(max-width:380px){.result-card .horse-balls{gap:8px;margin-left:12px;margin-right:12px}}@media(prefers-reduced-motion:reduce){.is-rolling .dice-cube{animation:none}}.setup{margin-top:-26px;padding:10px 14px;background-color:#fffdf1}.setup .control{margin-bottom:0}.setup .control label{font-size:12px;line-height:14px;margin-bottom:1px}.setup .control label span{font-size:9px;color:#8c877e}.setup .stepper{padding:0;min-height:56px;background:#fffdf1}.setup .stepper strong,.setup .budget-value{font-size:32px;background:#fffdf1}.setup .quick{margin-top:0}.setup .input-hint{font-size:9px;line-height:11px;color:#8c877e;margin-top:3px}.primary:active:not(:disabled){scale:.98;translate:0 2px}.results{margin-top:-34px}.result-card .horse-balls>span{box-shadow:inset 0 2px 2px #fff,inset -2px -3px 4px #0002,0 3px #918d83,0 5px 8px #0003}.result-top{padding:6px 2px 12px}.result-top strong{font-size:29px}.result-top small{font-size:16px}.allocation .total strong{font-size:40px}.allocation p:not(.total){font-size:11px;color:#736d63;padding:10px 0}.allocation p:not(.total) strong{font-size:18px;color:#565148}.rolling-caption{opacity:.7}.dice-scene{--dice-size:136px;perspective:760px}.dice-face{border-width:2px;background-color:#fafaf6;box-shadow:inset 2px 2px 4px #fff9,inset -4px -5px 9px #0002}.dice-face--front{background-color:#f4f4ee}.dice-face--back{background-color:#c9c9c3}.dice-face--right{background-color:#b9bcb6}.dice-face--left{background-color:#d7d9d3}.dice-face--top{background-color:#fffefa}.dice-face--bottom{background-color:#989d95}.is-rolling .dice-flight{animation:polish-flight var(--roll-duration) ease-out both}.is-rolling .dice-cube{animation:polish-spin var(--roll-duration) ease-out both}.is-rolling .dice-shadow{animation:polish-shadow var(--roll-duration) ease-out both}.is-rolling .dice-flight--hold{animation-name:polish-flight-hold}.is-rolling .dice-flight--hold .dice-cube{animation-name:polish-spin-hold}.is-rolling .dice-shadow--hold{animation-name:polish-shadow-hold}.is-settled .dice-flight{animation:none}.dice-cube{transform:rotateX(-16deg) rotateY(28deg)}@keyframes polish-flight{0%{transform:translateY(-28px) translateZ(-180px) scale(.6)}30%{transform:translateY(-40px) translateZ(40px) scale(1.08)}65%{transform:translateY(0) scale(1)}80%{transform:translateY(-14px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes polish-spin{0%{transform:rotateX(-160deg) rotateY(-140deg) rotate(-120deg)}35%{transform:rotateX(320deg) rotateY(470deg) rotate(140deg)}65%{transform:rotateX(665deg) rotateY(720deg) rotate(330deg)}to{transform:rotateX(704deg) rotateY(748deg) rotate(360deg)}}@keyframes polish-shadow{0%,30%{transform:scale(.6);opacity:.2}65%{transform:scale(1.1);opacity:.45}80%{transform:scale(.8);opacity:.25}to{transform:scale(1.1);opacity:.45}}@keyframes polish-flight-hold{0%,32%{transform:translateY(0) scale(1)}45%{transform:translateY(-30px) translateZ(-100px) scale(.7)}60%{transform:translateY(-40px) translateZ(30px) scale(1.05)}82%{transform:translateY(0) scale(1)}92%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes polish-spin-hold{0%,32%{transform:rotateX(-16deg) rotateY(28deg)}60%{transform:rotateX(290deg) rotateY(520deg) rotate(190deg)}82%{transform:rotateX(660deg) rotateY(720deg) rotate(330deg)}to{transform:rotateX(704deg) rotateY(748deg) rotate(360deg)}}@keyframes polish-shadow-hold{0%,32%,82%,to{transform:scale(1.1);opacity:.45}45%,60%{transform:scale(.6);opacity:.2}92%{transform:scale(.8);opacity:.25}}.draw-number{left:50%;top:50%;width:64px;height:64px;font-size:36px;border-width:3px;transform:translate(-50%,-50%);animation:number-transfer .65s ease-in-out both;box-shadow:0 0 0 3px var(--yellow),2px 3px #111}.draw-number:after{animation:reveal-flash .25s ease-out both;background:#fff;top:-18px;right:-18px;bottom:-18px;left:-18px}@keyframes number-transfer{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}8%{opacity:1}25%{transform:translate(-50%,-50%) scale(1.2)}38%{transform:translate(-50%,-50%) scale(1)}90%{transform:translate(calc(-50% + var(--number-x,0px)),calc(-50% + var(--number-y,0px))) scale(.69);opacity:1}to{transform:translate(calc(-50% + var(--number-x,0px)),calc(-50% + var(--number-y,0px))) scale(.69);opacity:0}}@keyframes reveal-flash{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.drawing>span:not(.pending){animation:none}.drawing>span.just-confirmed{animation:slot-arrive .65s ease-out both}@keyframes slot-arrive{0%,80%{opacity:.2;transform:scale(.85)}90%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.draw-number{display:none}.drawing>span.just-confirmed{opacity:1;transform:none}}.setup{padding-top:16px;padding-bottom:16px}.setup .control{margin-bottom:3px}.draw-number{animation-duration:.45s}.drawing>span.just-confirmed{animation-duration:.45s}@keyframes number-transfer{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}8%{opacity:1}30%{transform:translate(-50%,-50%) scale(1.2)}50%{transform:translate(-50%,-50%) scale(1)}90%{transform:translate(calc(-50% + var(--number-x,0px)),calc(-50% + var(--number-y,0px))) scale(.69);opacity:1}to{transform:translate(calc(-50% + var(--number-x,0px)),calc(-50% + var(--number-y,0px))) scale(.69);opacity:0}}.poly-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:var(--poly-stop)}.poly-face{position:absolute;left:50%;top:50%;transform-origin:0 0;background:#181816;backface-visibility:hidden;display:block}.poly-face:before{content:"";position:absolute;top:1.4px;right:1.4px;bottom:1.4px;left:1.4px;clip-path:inherit;background:linear-gradient(125deg,#fff6,transparent 60%),rgb(var(--face-shade) var(--face-shade) calc(var(--face-shade) - 5));box-shadow:inset -3px -3px 7px #0002}.poly-label{position:absolute;transform:translate(-50%,-50%);color:#111;font-size:25px;font-weight:1000;line-height:1;text-shadow:0 1px 0 #fff8}.poly-label i{display:block;width:11px;height:2px;margin:3px auto 0;background:#1118}.is-rolling .poly-cube{animation:poly-spin var(--roll-duration) ease-out both;will-change:transform}.is-rolling .dice-flight--hold .poly-cube{animation-name:poly-spin-hold}@keyframes poly-spin{0%{transform:rotateX(-160deg) rotateY(-140deg) rotate(-120deg) var(--poly-start)}35%{transform:rotateX(320deg) rotateY(470deg) rotate(140deg) var(--poly-stop)}65%{transform:rotateX(665deg) rotateY(690deg) rotate(330deg) var(--poly-stop)}to{transform:rotateX(720deg) rotateY(720deg) rotate(360deg) var(--poly-stop)}}@keyframes poly-spin-hold{0%,32%{transform:rotateX(0) rotateY(0) rotate(0) var(--poly-start)}60%{transform:rotateX(290deg) rotateY(520deg) rotate(190deg) var(--poly-stop)}82%{transform:rotateX(660deg) rotateY(690deg) rotate(330deg) var(--poly-stop)}to{transform:rotateX(720deg) rotateY(720deg) rotate(360deg) var(--poly-stop)}}@media(prefers-reduced-motion:reduce){.poly-cube{animation:none!important;transform:var(--poly-stop);will-change:auto!important}}.bet-cube .dice-face{display:flex;align-items:center;justify-content:center;padding:12px}.bet-face-label{font-size:27px;font-weight:1000;line-height:1.15;text-align:center;white-space:nowrap;letter-spacing:-1px;color:#111;text-shadow:0 1px 0 #fff}.bet-face-brand{font-size:19px;white-space:normal;max-width:80px;color:#8a201d}.is-rolling .bet-cube{animation:bet-name-spin var(--roll-duration) ease-out both}@keyframes bet-name-spin{0%{transform:rotateX(-160deg) rotateY(-140deg) rotate(-120deg)}35%{transform:rotateX(320deg) rotateY(470deg) rotate(140deg)}70%,to{transform:rotateX(calc(720deg + var(--bet-x))) rotateY(calc(720deg + var(--bet-y))) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bet-cube{animation:none!important;transform:rotateX(var(--bet-x)) rotateY(var(--bet-y))}}.setup .quick{margin-top:8px}