.hoto-day{--hoto-day-yellow: #fff34b;display:block;overflow:hidden;background:#000;color:#fff;padding:clamp(16px,2.2vw,32px) 0 clamp(24px,3.3vw,48px);font-family:var(--text-font-family, Arial, Helvetica, sans-serif)}.hoto-day [hidden]{display:none!important}.hoto-day__header{text-align:center;padding:0 24px clamp(24px,3vw,44px)}.hoto-day__header h2{margin:0 0 10px;font-family:var(--text-font-family, Arial, Helvetica, sans-serif);font-size:clamp(22px,3.05vw,44px);line-height:1.1;font-weight:700;letter-spacing:0;color:#fff000}.hoto-day__header p{margin:0;font-size:clamp(12px,1.4vw,20px);line-height:1.4;font-weight:600}.hoto-day__stage{position:relative;margin:0 auto;width:calc(100% - 96px);max-width:1728px}.hoto-day__board-shell{padding:clamp(12px,1.6vw,24px);background:#0c0c0c}.hoto-day__board{display:grid;grid-template-columns:repeat(23,minmax(0,1fr));gap:clamp(4px,1vw,16px);padding:clamp(12px,2.6vw,40px);border-radius:26px;background:radial-gradient(ellipse at 30% 20%,#ffffff05,transparent 55%),repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 3px),#191a1c;box-shadow:inset 0 1px #ffffff0d,inset 0 0 60px #0009;transition:opacity .3s}.hoto-day__cell{display:block;position:relative;aspect-ratio:1;grid-column:var(--col);grid-row:var(--row)}.hoto-day__cell:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#050505,#131314 70%,#232426);box-shadow:inset 0 3px 6px #000e}.hoto-day__cell--empty:before{top:26%;right:26%;bottom:26%;left:26%;opacity:.55}.hoto-day__screw{all:unset;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .65s cubic-bezier(.5,0,.2,1),opacity .5s ease .15s}.hoto-day__head{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f0f1f3,#c2c6cc 32%,#8b9097 68%,#4c5157);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -2px 4px #0008,0 2px 4px #0009}.hoto-day__head svg{position:absolute;top:16%;right:16%;bottom:16%;left:16%;width:68%;height:68%;color:#0008;fill:currentColor;filter:drop-shadow(0 1px .5px #ffffff2e)}.hoto-day__screw:disabled{cursor:default}.hoto-day__screw:not(:disabled):hover .hoto-day__head{box-shadow:0 0 18px #ffffff80,inset 0 1px 1px #ffffffb3,inset 0 -2px 4px #0008}.hoto-day__screw:focus-visible{outline:3px solid #fff34b;outline-offset:3px}.hoto-day__screw.is-golden .hoto-day__head{background:radial-gradient(circle at 35% 28%,#ffe9a3,#f4cd6a 30%,#c8951f 70%,#7c5a11);box-shadow:0 0 24px #fff000}.hoto-day__screw.is-unscrewing,.hoto-day__screw.is-removed{transform:rotate(-360deg) scale(0);opacity:0;pointer-events:none}.hoto-day.has-reward .hoto-day__board{opacity:.27}.hoto-day__reward{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:72px 24px;overflow:auto;overscroll-behavior:contain;background:#000;color:#fff;font-family:var(--text-font-family, Arial, Helvetica, sans-serif)}.hoto-day__reward:not([open]){display:none}.hoto-day__reward[open]{display:grid;place-items:center}.hoto-day__reward::backdrop{background:#000}.hoto-day__reward{--hoto-day-card-color: #fff000;--hoto-day-card-glow: #fff000c0}.hoto-day__reward[data-reward-tier="10"]{--hoto-day-card-color: #fd631d;--hoto-day-card-glow: #fd631dc0}.hoto-day__reward.is-pinned{position:absolute;z-index:1;width:100%;height:100%;max-width:none;max-height:none;padding:0;overflow:visible;background:transparent}.hoto-day__reward.is-pinned .hoto-day__popup{gap:0;padding-top:0}.hoto-day__reward.is-pinned .hoto-day__close{display:none}.hoto-day__popup{display:flex;flex-direction:column;align-items:center;gap:50px;margin:auto;padding-top:62px}.hoto-day__ticket{position:relative;width:428px;height:200px;transform:translate(28px);color:#000;text-align:center;isolation:isolate}.hoto-day__plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.hoto-day__plate--mobile{display:none}.hoto-day__ticket-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hoto-day__ticket-back--one{color:#969693;transform:translate(-16px,12px) rotate(16deg)}.hoto-day__ticket-back--two{color:#595a57;transform:translate(-26px,-12px) rotate(-5deg)}.hoto-day__ticket-front{position:relative;width:100%;height:100%}.hoto-day__ticket-front>.hoto-day__plate{color:var(--hoto-day-card-color);filter:drop-shadow(0 0 18px var(--hoto-day-card-glow))}.hoto-day__ticket-content{position:relative;height:100%;z-index:1}.hoto-day__reward-icon{position:absolute;width:53px;height:auto;top:5px;left:calc(50% - 26.5px)}.hoto-day__ticket h3{position:absolute;top:68px;left:30px;right:30px;margin:0;font:700 18px/1.15 var(--heading-font-family, Arial, Helvetica, sans-serif);letter-spacing:0;color:#000}.hoto-day__ticket p{position:absolute;top:93px;left:26px;right:26px;margin:0;font:700 12px/1.25 var(--text-font-family, Arial, Helvetica, sans-serif)}.hoto-day__ticket p strong{font-weight:inherit}.hoto-day__reward-arrow{display:block;position:absolute;top:121px;left:calc(50% - 13px);width:26px;height:27px;pointer-events:none}@media(min-width:750px){.hoto-day__reward-arrow{top:127px;z-index:2}}.hoto-day__copy{position:absolute;top:145px;left:calc(50% - 76px);width:152px;min-height:36px;max-height:48px;overflow:auto;overflow-wrap:anywhere;padding:8px;border:0;border-radius:0;background:#d9d9d9;color:#000;font:600 12px/1.2 var(--text-font-family, Arial, Helvetica, sans-serif);cursor:pointer}.hoto-day__close{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:48px;min-height:48px;padding:0;border:0;background:none;color:#fff;cursor:pointer;font:400 12px/1.2 var(--text-font-family, Arial, Helvetica, sans-serif)}.hoto-day__close svg{width:28px;height:28px}.hoto-day__copy:focus-visible{outline:2px solid #000;outline-offset:3px}.hoto-day__close:focus-visible{outline:2px solid #fff000;outline-offset:5px}.hoto-day__feedback{text-align:center}.hoto-day__retry{margin:8px 0 0;padding:8px 16px;border:1px solid #777;background:transparent;color:#fff;cursor:pointer}.hoto-day__noscript{text-align:center;padding:24px}.hoto-day__sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:749px){.hoto-day{padding:16px 0 32px}.hoto-day__header{padding:0 24px 44px;text-align:left}.hoto-day__header h2{max-width:250px;font-size:28px;margin-bottom:12px}.hoto-day__header p{max-width:265px;font-size:14px}.hoto-day__stage{width:74%;max-width:360px}.hoto-day__board-shell{padding:14px}.hoto-day__board{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:20px 14px;border-radius:20px}.hoto-day__cell{grid-column:var(--mobile-col);grid-row:var(--col)}.hoto-day__screw{top:-3px;right:-3px;bottom:-3px;left:-3px}.hoto-day__reward{padding:60px 24px 48px}.hoto-day__reward.is-pinned{place-items:start center;padding-top:12px}.hoto-day__reward.is-pinned .hoto-day__popup{margin:0}.hoto-day__popup{gap:76px;padding-top:0}.hoto-day__ticket{width:200px;height:428px;transform:translate(10px)}.hoto-day__plate--desktop{display:none}.hoto-day__plate--mobile{display:block}.hoto-day__ticket-back--one{transform:translate(4px,28px) rotate(16deg)}.hoto-day__ticket-back--two{transform:translate(-42px,24px) rotate(-5deg)}.hoto-day__reward-icon{width:92px;height:auto;top:36px;left:calc(50% - 46px)}.hoto-day__ticket h3{top:150px;left:10px;right:10px;font-size:18px}.hoto-day__ticket p{top:183px;left:16px;right:16px;font-size:14px}.hoto-day__reward-arrow{top:236px;left:82px;width:53px;height:56px}.hoto-day__copy{top:306px;max-height:96px}}@media(max-width:359px){.hoto-day__ticket{transform:translate(5px) scale(.9)}}@media(prefers-reduced-motion:reduce){.hoto-day__screw,.hoto-day__board{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/236/assets/hoto-day-game.css.map */