.viewer-tool-overlay{z-index:60;color:#1c1c1d;position:absolute;inset:0;overflow:hidden}.viewer-tool-overlay button{cursor:pointer}.viewer-tool-overlay button:disabled{cursor:default;opacity:.45}.viewer-tool-overlay button:focus-visible,.viewer-tool-overlay input:focus-visible,.viewer-spotlight-overlay:focus-visible{outline-offset:3px;outline:3px solid #2a79ff}.viewer-tool-art{transform:translate(-50%, -50%) scale(var(--viewer-ui-scale,1));transform-origin:50%;position:absolute;top:50%;left:50%}.viewer-tool-close{z-index:3;color:#fff;background:#38383a;border-radius:50%;place-items:center;width:44px;height:44px;font-size:28px;display:grid;position:absolute;top:24px;right:24px}.viewer-tool-button{color:#fff;background:#7d0ad2;border:1px solid #6005a3;border-radius:12px;min-width:110px;height:46px;padding:4px 16px;font-size:20px;font-weight:700;box-shadow:inset 0 2.5px .5px #fff3,inset 0 -2.5px 1px #00000014,0 2px 4px #38383a1f}.viewer-tool-reset{color:#7d0ad2;background:#fff7cc;border-color:#9ca108}.viewer-activity-background{background:#1c1c1d66}.viewer-stopwatch-panel{width:595px;height:515px;transform:translate(-50%, -50%) scale(var(--viewer-stopwatch-scale,1));transform-origin:50%;background:#ac4bf6;border:1px solid #7d0ad2;border-radius:20px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 4px 5px #00000040}.viewer-stopwatch-header{color:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 17px 0 16px;display:flex}.viewer-stopwatch-header h2{font-size:24px;font-weight:700}.viewer-stopwatch-header button,.viewer-dice-header button{color:#ac4bf6;background:#fffdf2;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.viewer-stopwatch-main{background-color:#f0edf9;background-image:repeating-linear-gradient(125deg,#0000 0 4px,#e5d8ff 4px 6px),repeating-linear-gradient(55deg,#0000 0 18px,#fff6 18px 20px);height:283px;padding-top:20px}.viewer-stopwatch-face{color:#38383a;font-variant-numeric:tabular-nums;letter-spacing:0;background:#fffdf2;border:2px solid #ce77ff;border-radius:30px;justify-content:center;align-items:center;width:525px;height:160px;margin:0 auto;font-size:100px;font-weight:500;line-height:1;display:flex}.viewer-stopwatch-value{flex-shrink:0;display:inline-flex}.viewer-stopwatch-digit{text-align:center;width:.58em;height:1em;display:inline-block;overflow:hidden}.viewer-stopwatch-separator{text-align:center;place-items:center;width:.22em;height:1em;line-height:1;display:inline-grid;position:relative}.viewer-stopwatch-separator[data-separator=colon]{color:#0000}.viewer-stopwatch-separator[data-separator=colon]:before,.viewer-stopwatch-separator[data-separator=colon]:after{content:"";background:#38383a;border-radius:50%;width:.08em;height:.08em;position:absolute;left:50%;transform:translate(-50%,-50%)}.viewer-stopwatch-separator[data-separator=colon]:before{top:36%}.viewer-stopwatch-separator[data-separator=colon]:after{top:64%}.viewer-stopwatch-actions{justify-content:center;gap:20px;margin-top:28px;display:flex}.viewer-stopwatch-actions button{color:#fff;border:1px solid #fff3;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:111px;height:44px;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 2px 1px #fff3,0 3px 4px #38383a26}.viewer-stopwatch-start{background:#7d0ad2}.viewer-stopwatch-record{background:#2a79ff}.viewer-stopwatch-reset{background:#e83836}.viewer-stopwatch-records{scrollbar-gutter:stable both-edges;overscroll-behavior:contain;flex-direction:column;gap:9px;height:172px;margin:0;padding:20px 34px;list-style:none;display:flex;overflow-y:scroll}.viewer-stopwatch-records li{color:#38383a;font-variant-numeric:tabular-nums;background:#fffdf2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;height:35px;font-size:20px;display:flex;position:relative;box-shadow:0 1px 2px #38383a40}.viewer-stopwatch-records button{color:#7f7f8b;place-items:center;width:30px;height:30px;display:grid;position:absolute;right:10px}.viewer-focus-overlay{color:#fff;background:#05141a}.viewer-focus-background{object-fit:fill;width:100%;height:100%;position:absolute}.viewer-focus-content{text-align:center;width:100%;position:absolute;inset:0}.viewer-focus-content>p{text-align:center;letter-spacing:-1px;width:440px;height:67px;transform:translate(-50%, -50%) scale(var(--viewer-ui-scale,1));place-items:center;margin:0;font-size:50px;font-weight:700;line-height:40px;display:grid;position:absolute;top:73.76%;left:50%}.viewer-focus-bell-position{width:283px;height:300px;transform:translate(-50%, -50%) scale(var(--viewer-ui-scale,1));position:absolute;top:50%;left:50%}.viewer-focus-bell{object-fit:contain;transform-origin:50% 12%;width:283px;height:300px;margin:auto;animation:1.8s ease-out both viewer-bell-swing}.viewer-focus-error{transform:translateX(-50%) scale(var(--viewer-ui-scale,1));position:absolute;bottom:4%;left:50%}.viewer-focus-wave{pointer-events:none;border:2px solid #ffffffb3;border-radius:50%;width:300px;height:300px;animation:2.4s cubic-bezier(.22,.65,.35,1) both viewer-bell-wave;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #ffffff40,inset 0 0 12px #ffffff20}.viewer-focus-wave-late{animation-delay:.24s}.viewer-focus-wave-last{animation-delay:.48s}.viewer-focus-overlay{overflow:hidden}.viewer-focus-bell{z-index:1;position:relative}.viewer-spotlight-overlay{touch-action:none;cursor:move}.viewer-spotlight-hole{pointer-events:none;border-radius:50%;transition:width .2s ease-in-out,height .2s ease-in-out;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #141622bd}@media (prefers-reduced-motion:reduce){.viewer-spotlight-hole{transition:none}}.viewer-spotlight-guide{opacity:1;visibility:visible;color:#7d0ad2;width:529px;height:90px;transform:translateX(-50%) scale(var(--viewer-ui-scale,1));transform-origin:top;white-space:nowrap;background:#fff;border:2px solid #7d0ad2;border-radius:20px;place-items:center;margin:0;font-size:20px;transition:opacity .25s ease-out,visibility;display:grid;position:absolute;top:71%;left:50%;box-shadow:0 4px 2px #0004}.viewer-spotlight-guide[data-dismissed=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease-out,visibility 0s .25s}@media (prefers-reduced-motion:reduce){.viewer-spotlight-guide,.viewer-spotlight-guide[data-dismissed=true]{transition:none}}.viewer-spotlight-controls{transform:scale(var(--viewer-ui-scale,1));transform-origin:100% 100%;white-space:nowrap;position:absolute;bottom:24px;right:24px}.viewer-spotlight-controls>div{color:#fff;background:#7d0ad2;border:2px solid #eee2fd;border-radius:20px;align-items:center;gap:14px;width:430px;height:67px;padding:10px;font-size:20px;font-weight:500;display:flex}.viewer-spotlight-controls>div>span:first-child{color:#fff7cc;font-weight:700}.viewer-spotlight-controls input{accent-color:#fff;width:150px}.viewer-spotlight-controls output{color:#fff;background:#38383a;border-radius:8px;padding:2px 12px;font-size:16px;position:absolute;top:-30px;left:250px}.viewer-timer-art{width:554px;height:655px}.viewer-timer-crown{background:linear-gradient(#d9bcfd 0%,#fff 28%,#ac4bf6 35%,#652c90 100%);border-radius:10px;width:145px;height:69px;position:absolute;top:26px;left:207px}.viewer-timer-crown:after{content:"";background:#6005a3;width:50px;height:10px;position:absolute;top:69px;left:48px}.viewer-timer-body{width:488px;height:490px;position:absolute;top:102px;left:33px}.viewer-timer-face{width:410px;height:410px;position:absolute;top:136px;left:73px}.viewer-timer-ring,.viewer-timer-progress{pointer-events:none;width:456px;height:456px;position:absolute;top:113px;left:50px}.viewer-timer-progress circle{transition:stroke-dasharray .1s linear}.viewer-timer-close{width:57px;height:57px;position:absolute;top:103px;left:450px}.viewer-timer-close img,.viewer-picker-close img{width:100%;height:100%}.viewer-timer-digits{align-items:center;gap:12px;font-size:50px;font-weight:700;display:flex;position:absolute;top:341px;left:278px;transform:translate(-50%,-50%)}.viewer-timer-input{flex-direction:column;align-items:center;gap:12px;display:flex}.viewer-timer-input button,.viewer-timer-input button img{width:45px;height:45px}.viewer-timer-input button:last-child img{transform:scaleY(-1)}.viewer-timer-input input,.viewer-timer-number{color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;width:122px;height:95px;font-size:60px;font-weight:700;box-shadow:inset 0 2px 2px #00000040}.viewer-timer-edit{position:relative}.viewer-timer-edit input{appearance:textfield;color:#0000;caret-color:#1c1c1d;background:0 0;position:absolute;inset:0}.viewer-timer-edit .viewer-timer-number{color:#1c1c1d;background:#fff}.viewer-timer-input input::-webkit-inner-spin-button{appearance:none}.viewer-timer-number{background:#2a79ff;place-items:center;display:grid;overflow:hidden}.viewer-timer-actions{justify-content:center;gap:16px;display:flex;position:absolute;top:455px;left:0;right:0}.viewer-timer-digit-pair{display:flex}.viewer-timer-digit{width:38px;height:75px;line-height:75px;overflow:hidden}.viewer-timer-digit-track{flex-direction:column;animation:.22s ease-out both viewer-timer-digit-scroll;display:flex}.viewer-timer-digit-track[data-direction=up]{animation-name:viewer-timer-digit-reverse}.viewer-timer-digit-track>span{flex:0 0 75px}.viewer-timer-knob{z-index:2;background:linear-gradient(90deg,#ac4bf6,#652c90);border-radius:10px;width:73px;height:27px;transition:transform .42s cubic-bezier(.18,1.85,.32,1);position:absolute;top:101px;left:62px;transform:rotate(-38deg)}.viewer-timer-art[data-phase=running] .viewer-timer-knob,.viewer-timer-art[data-phase=complete] .viewer-timer-knob{transform:rotate(-38deg)translateY(8px)}@media (prefers-reduced-motion:reduce){.viewer-timer-knob{transition:none}}.viewer-timer-knob:before{content:"";background:linear-gradient(90deg,#d9bcfd,#fff,#d9bcfd,#fff);border-radius:10px 10px 0 0;width:73px;height:14px;position:absolute;top:-14px;left:0}.viewer-timer-knob:after{content:"";background:#6005a3;width:21px;height:26px;position:absolute;top:27px;left:26px}.viewer-picker-art{width:677px;height:805px;transform:translate(-50%, -50%) scale(var(--viewer-picker-scale,1))}.viewer-picker-body{z-index:2;opacity:1;pointer-events:none;width:489.748px;height:445px;position:absolute;top:161px;left:93px}.viewer-picker-close{z-index:8;width:57px;height:57px;position:absolute;top:158px;left:521px}.viewer-picker-rivets{z-index:3;justify-content:space-between;display:flex;position:absolute;left:145px;right:148px}.viewer-picker-rivets-top{top:224px}.viewer-picker-rivets-bottom{top:551px}.viewer-picker-rivets i{background:linear-gradient(145deg,#c8dbf6 6%,#972de9 94%);border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.viewer-picker-window{z-index:3;color:#fff;background:#2a79ff;border-radius:12px;place-items:center;width:180px;height:109px;display:grid;position:absolute;top:342px;left:243px;overflow:hidden;box-shadow:inset 0 2px 3px #0004}.viewer-picker-window label{align-items:center;font-weight:700;display:flex}.viewer-picker-art[data-phase=setting] .viewer-picker-window{z-index:3;width:399px;height:192px;box-shadow:none;background:0 0;top:259px;left:136px;overflow:visible}.viewer-picker-art[data-phase=setting] .viewer-picker-window label{flex-direction:column;gap:30px;width:100%;font-size:26px}.viewer-picker-art[data-phase=setting] .viewer-picker-window label>span{background:#6005a3;border-radius:12px;place-items:center;width:100%;height:53px;display:grid;box-shadow:inset 0 2px 4px #0006}.viewer-picker-window input{color:#141414;text-align:center;background:#fff;border-radius:12px;width:180px;height:109px;font-size:70px}.viewer-picker-number{text-align:center;font-variant-numeric:tabular-nums;width:100%;height:100%;font-size:72px;font-weight:800;line-height:109px}.viewer-picker-static{place-items:center;display:grid}.viewer-picker-reel{width:100%;animation:viewer-picker-cycle var(--picker-cycle) linear infinite;filter:blur(2px);will-change:transform}.viewer-picker-reel span{height:109px;display:block}.viewer-picker-reel-stop{animation:.8s cubic-bezier(.16,.72,.24,1) both viewer-picker-stop}@keyframes viewer-picker-cycle{to{transform:translateY(var(--picker-distance))}}@keyframes viewer-picker-stop{0%{filter:blur(2px);transform:translateY(0)}75%{filter:blur(.5px)}to{transform:translateY(var(--picker-distance));filter:blur()}}.viewer-picker-result{animation:.4s ease-out both viewer-number-pop;display:inline-block}.viewer-picker-actions{z-index:5;justify-content:center;gap:22px;width:489.748px;display:flex;position:absolute;top:481px;left:93px}.viewer-picker-start{background:#e83836;border-color:#a81614}.viewer-picker-art[data-phase=setting] .viewer-picker-start{color:#7d0ad2;background:#d5bbfb;border-color:#5f08a1}.viewer-picker-art[data-phase=setting] .viewer-picker-start:enabled:hover,.viewer-picker-art[data-phase=setting] .viewer-picker-start:enabled:focus-visible{color:#fff;background:#7d0ad2}.viewer-picker-error{color:#fff;text-align:center;font-weight:700;position:absolute;top:616px;left:20px;right:20px}@keyframes viewer-bell-swing{0%,to{transform:rotate(0)}12%{transform:rotate(22deg)}27%{transform:rotate(-18deg)}42%{transform:rotate(13deg)}57%{transform:rotate(-9deg)}72%{transform:rotate(5deg)}86%{transform:rotate(-2deg)}}@keyframes viewer-bell-wave{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}18%{opacity:.48}to{opacity:0;transform:translate(-50%,-50%)scale(3.6)}}@keyframes viewer-timer-digit-scroll{0%{filter:blur(3px);transform:translateY(0)}to{filter:blur();transform:translateY(-75px)}}@keyframes viewer-timer-digit-reverse{0%{filter:blur(3px);transform:translateY(-75px)}to{filter:blur();transform:translateY(0)}}@keyframes viewer-picker-roll{0%{transform:translateY(-80px)}to{transform:translateY(80px)}}@keyframes viewer-number-pop{0%{transform:scale(.75)}60%{transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.viewer-focus-bell,.viewer-picker-reel,.viewer-picker-result{filter:none;animation:none}.viewer-picker-reel-stop{transform:translateY(var(--picker-distance))}.viewer-focus-wave{opacity:0;animation:none}.viewer-timer-progress circle{transition:none}.viewer-timer-digit-track{filter:none;animation:none;transform:translateY(-75px)}.viewer-timer-digit-track[data-direction=up]{animation:none;transform:translateY(0)}}.viewer-timer-audio-error{flex-direction:column;align-items:center;gap:6px;font-size:16px;display:flex;position:absolute;top:580px;left:0;right:0}.viewer-timer-audio-error p{margin:0}.viewer-timer-audio-error .viewer-tool-button{height:36px;font-size:16px}.viewer-stopwatch-digit-roll{height:1em;display:block;position:relative}.viewer-stopwatch-digit-roll>span{animation:.32s cubic-bezier(.22,1,.36,1) both viewer-stopwatch-digit-enter;position:absolute;inset:0}.viewer-stopwatch-digit-roll>.viewer-stopwatch-digit-previous{animation-name:viewer-stopwatch-digit-exit}.viewer-stopwatch-digit-roll>.viewer-stopwatch-digit-current{animation-timing-function:cubic-bezier(.4,0,.25,1)}.viewer-stopwatch-record-entry{animation:.26s ease-out both viewer-stopwatch-record-enter}.viewer-stopwatch-digit>span>span{height:1em;line-height:1;display:block}@keyframes viewer-stopwatch-digit-enter{0%{opacity:.65;filter:blur();transform:translateY(50%)}40%{filter:blur(2px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes viewer-stopwatch-digit-exit{0%{opacity:1;filter:blur();transform:translateY(0)}40%{filter:blur(2px)}to{opacity:0;filter:blur();transform:translateY(-50%)}}@keyframes viewer-stopwatch-record-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.viewer-stopwatch-digit-roll,.viewer-stopwatch-record-entry{filter:none;animation:none;transform:none}}.viewer-dice-overlay{--viewer-dice-purple:#ac4bf6;--viewer-dice-purple-deep:#7d0ad2;--viewer-dice-purple-line:#d5bbfb;--viewer-dice-surface:#fff;--viewer-dice-stage-surface:var(--viewer-dice-purple);--viewer-dice-total:#8ad647;--viewer-dice-reset:#f04452;background:0 0;place-items:center;display:grid;position:absolute;inset:0}.viewer-dice-panel{width:min(820px, calc(94% / var(--viewer-ui-scale,1)));height:min(820px, calc(94% / var(--viewer-ui-scale,1)));transform:scale(var(--viewer-ui-scale,1));transform-origin:50%;border:1px solid var(--viewer-dice-purple-line);background:var(--viewer-dice-surface);color:#38383a;text-align:center;border-radius:24px;flex-direction:column;min-height:0;display:flex;overflow:auto;box-shadow:0 12px 40px #5f08a12e}.viewer-dice-selection{width:min(595px, calc(94% / var(--viewer-ui-scale,1)));background:#fff;border-radius:16px;height:auto;overflow:hidden;box-shadow:0 4px 12px #5f08a11f}.viewer-dice-selection .viewer-dice-header{min-height:60px;padding:8px 16px}.viewer-dice-selection .viewer-dice-header h2{font-size:20px}.viewer-dice-selection .viewer-dice-header button{color:var(--viewer-dice-purple-deep);background:#f4e7fe}.viewer-dice-selection .viewer-dice-selector{padding:40px 25.5px 74px}.viewer-dice-selection .viewer-dice-selector p{margin-bottom:56px;font-size:16px;font-weight:500;line-height:20px}.viewer-dice-selection .viewer-dice-choices{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;justify-items:center;gap:16px}.viewer-dice-selection .viewer-dice-choices button{aspect-ratio:170/119;border:3px solid var(--viewer-dice-purple-line);background:#fff;border-radius:20px;width:100%;height:auto;padding:0;transition:border-color .16s,box-shadow .16s;overflow:hidden}.viewer-dice-selection .viewer-dice-choices button:hover,.viewer-dice-selection .viewer-dice-choices button:focus-visible{border-color:var(--viewer-dice-purple);background-color:#fff;box-shadow:0 3px 10px #5f08a11f}.viewer-dice-selection .viewer-dice-choices button:focus-visible{outline:2px solid var(--viewer-dice-purple-deep);outline-offset:3px}.viewer-dice-choice-image{object-fit:contain;width:100%;height:100%;display:block}.viewer-dice-header{background:var(--viewer-dice-purple);color:#fff;justify-content:space-between;align-items:center;min-height:60px;padding:8px 16px;display:flex}.viewer-dice-header h2{margin:0;font-size:24px}.viewer-dice-header button{cursor:pointer}.viewer-dice-header button:focus-visible{outline:3px solid var(--viewer-dice-purple-line);outline-offset:3px}.viewer-dice-stage{border:3px solid var(--viewer-dice-purple-line);background:var(--viewer-dice-stage-surface);border-radius:20px;flex:1;min-height:240px;margin:27px 16px 0;padding:3px 5px;position:relative;overflow:visible}.viewer-dice-canvas{clip-path:inset(0 round 20px);width:100%;height:100%;min-height:100px;display:block}.viewer-dice-result-slot{z-index:2;pointer-events:none;place-items:center;height:207px;display:grid;position:absolute;inset:8px 0 auto}.viewer-dice-result{z-index:0;isolation:isolate;text-align:center;aspect-ratio:225/207;color:#fff;letter-spacing:-.02em;width:min(225px,32vw);height:auto;text-shadow:3px 6px 1px var(--viewer-dice-purple-deep);flex:none;align-self:center;place-items:center;margin:0 auto;font-family:Pretendard,sans-serif;font-size:100px;font-weight:700;line-height:1;animation:.24s ease-out viewer-dice-result-pop;display:grid;position:relative}.viewer-dice-result:before{z-index:-1;background-color:var(--viewer-dice-total);clip-path:polygon(50% 0%,58% 13%,73% 3%,75% 20%,93% 15%,87% 34%,100% 43%,84% 51%,97% 65%,79% 69%,81% 87%,61% 81%,51% 100%,41% 82%,22% 96%,23% 75%,4% 70%,15% 54%,0% 43%,17% 35%,7% 18%,28% 20%,30% 2%,43% 14%);content:"";filter:drop-shadow(0 0 2px var(--viewer-dice-purple-deep)) drop-shadow(0 0 2px var(--viewer-dice-purple-deep));background-image:radial-gradient(circle,#39c640 1.5px,#0000 1.7px);background-size:12px 12px;position:absolute;inset:0}.viewer-dice-result[data-digit-count="2"]{font-size:78px}@keyframes viewer-dice-result-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.viewer-dice-result{animation:none}}.viewer-dice-actions{justify-content:center;gap:20px;margin-top:0;padding:16px;display:flex}.viewer-dice-actions button{border:1px solid var(--viewer-dice-purple-deep);background:var(--viewer-dice-purple);color:#fff;white-space:nowrap;border-radius:8px;flex:0 0 132px;justify-content:center;align-items:center;gap:8px;width:132px;height:44px;padding:10px 18px;font-weight:800;transition:background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.viewer-dice-actions button:first-child:hover:not(:disabled){border-color:var(--viewer-dice-purple-deep);background:var(--viewer-dice-purple-deep);box-shadow:0 3px 8px #5f08a138}.viewer-dice-actions button:first-child{background:var(--viewer-dice-purple-deep)}.viewer-dice-actions button:first-child:hover:not(:disabled){background:#5f08a1}.viewer-dice-actions button:nth-child(2){background:var(--viewer-dice-reset);border-color:#cf2938}.viewer-dice-actions button:nth-child(2):hover:not(:disabled){background:#d93645;border-color:#b81f2e;box-shadow:0 3px 8px #b81f2e33}.viewer-dice-actions button:focus-visible{outline:3px solid var(--viewer-dice-purple-line);outline-offset:3px}@media (prefers-reduced-motion:reduce){.viewer-dice-actions button,.viewer-dice-selection .viewer-dice-choices button{transition:none}}.viewer-dice-actions button:disabled{opacity:.55}.viewer-dice-action-icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;display:inline-flex}.viewer-dice-actions button:first-child{gap:8px}.viewer-dice-action-label{text-align:center;white-space:nowrap;flex:0 0 66px;width:66px}.viewer-dice-selector{padding:28px}.viewer-dice-selector p{margin:0 0 24px;font-size:clamp(18px,2vw,26px);font-weight:800}.viewer-dice-choices{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:20px;display:grid}.viewer-dice-choices button{aspect-ratio:1;border:3px solid var(--viewer-dice-purple-line);background:var(--viewer-dice-surface);width:100%;max-width:180px;color:var(--viewer-dice-purple-deep);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;display:flex}.viewer-dice-choices button:hover,.viewer-dice-choices button:focus-visible{border-color:var(--viewer-dice-purple);background:var(--viewer-dice-purple);color:#fff;box-shadow:0 4px 12px #5f08a133}.viewer-dice-choice-picture{flex-wrap:wrap;justify-content:center;gap:4px;width:70%;max-width:100px;display:flex}.viewer-picker-history{width:559px;height:164px;margin:0;padding:0;list-style:none;position:absolute;top:625px;left:62px;overflow:visible}.viewer-picker-ball-position{transition:transform .36s cubic-bezier(.22,1,.36,1) .84s,width .36s .84s,height .36s .84s,font-size .36s .84s;position:absolute;top:0;left:0}.viewer-picker-ball,.viewer-picker-ejection{color:#fff;background:radial-gradient(circle at 30% 23%,#bdeaff 0%,#64b8ff 13%,#2a79ff 45%,#163da6 83%,#102865 100%);place-items:center;font-weight:800;display:grid;box-shadow:inset -7px -10px 12px #10245e70,inset 3px 4px 8px #fff5,0 5px 7px #29134255}.viewer-picker-ball{width:100%;height:100%;font-size:inherit;border-radius:50%;animation:.25s ease-out both viewer-number-pop}.viewer-picker-ejection{border-radius:50%;width:180px;height:180px;font-size:72px;animation:1.2s cubic-bezier(.3,.1,.4,1) both viewer-picker-eject;position:absolute;top:342px;left:243px}.viewer-picker-notice{z-index:3;pointer-events:none;background:linear-gradient(174.686deg,#4c1d95 6.1733%,#3b1764 93.827%);border-radius:13.973px;place-items:center;width:399px;height:53px;display:grid;position:absolute;top:259px;left:136px;box-shadow:inset 0 1.996px 3.992px #0006}.viewer-picker-art[data-phase=revealing] .viewer-picker-notice{z-index:4}.viewer-picker-exhausted{text-align:center;color:#fff;margin:0;font-size:20px;font-weight:700}.viewer-picker-exterior{pointer-events:none;z-index:6;animation:1.2s step-end both viewer-picker-exterior-mask;position:absolute;inset:0}@keyframes viewer-picker-eject{0%{transform:translateY(0)}35%{transform:translateY(-155px)}50%{transform:translateY(-245px)}70%{transform:translateY(-345px)}to{transform:translate(var(--picker-landing-x), var(--picker-landing-y)) scale(var(--picker-landing-scale))}}@keyframes viewer-picker-exterior-mask{0%,69.99%{clip-path:inset(0 0 calc(100% - 187px))}70%,to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.viewer-picker-ejection,.viewer-picker-exterior,.viewer-picker-ball{animation:none}.viewer-picker-ejection{transform:translate(var(--picker-landing-x), var(--picker-landing-y)) scale(var(--picker-landing-scale));border-radius:50%;height:180px}.viewer-picker-exterior{clip-path:inset(0)}.viewer-picker-ball-position{transition:none}}.viewer-picker-ejection{isolation:isolate;box-shadow:none;background:0 0}.viewer-picker-ejection:before{content:"";z-index:-1;border-radius:inherit;opacity:1;background:radial-gradient(circle at 30% 23%,#bdeaff 0%,#64b8ff 13%,#2a79ff 45%,#163da6 83%,#102865 100%);position:absolute;inset:0;box-shadow:inset -7px -10px 12px #10245e70,inset 3px 4px 8px #fff5,0 5px 7px #29134255}.viewer-picker-mouth{z-index:7;pointer-events:none;clip-path:inset(27px 117.748px 415px 116px);width:489.748px;height:445px;position:absolute;top:161px;left:93px}@media (prefers-reduced-motion:reduce){.viewer-stopwatch-digit-roll>span{filter:none;animation:none;transform:none}.viewer-stopwatch-digit-roll>.viewer-stopwatch-digit-previous{display:none}}.viewer-spotlight-hole{background:0 0;box-shadow:0 0 0 9999px #141622bd,inset 0 1px 2px #fff9,inset 0 -1px 3px #07111c26}.viewer-spotlight-hole:before{content:"";border-radius:inherit;background:radial-gradient(ellipse at var(--viewer-glass-light-x,50%) var(--viewer-glass-light-y,35%), #fff9, #ffffff05 68%), linear-gradient(145deg, #ffffff80, #fff0 45%, #ffffff1a 75%, #10182026);-webkit-mask-composite:xor;-webkit-backdrop-filter:blur(2px)saturate(1.25);padding:6px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.viewer-spotlight-hole:after{content:"";border-radius:inherit;border:1px solid #fff3;position:absolute;inset:-3px;box-shadow:0 2px 8px #07111c26}.viewer-spotlight-controls>div{color:#652c90;-webkit-backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(135deg,#fffdf2eb,#efe0ffdb);border-color:#ffffffb3;box-shadow:inset 0 1px #fff,0 8px 24px #1d0a3040}.viewer-spotlight-controls input{accent-color:#7d0ad2}@supports not (mask-composite:exclude){.viewer-spotlight-hole:before{-webkit-backdrop-filter:none;background:0 0;border:3px solid #ffffff80;padding:0}}.viewer-spotlight-controls>div>span:first-child{color:#7d0ad2}@supports (mask-composite:exclude){@media (prefers-reduced-motion:reduce){.viewer-spotlight-hole:before{background:linear-gradient(145deg,#ffffff80,#fff0 45%,#ffffff1a 75%,#10182026)}}}