:root{--color-bg: #f7f7f4;--color-text: #202124;--color-muted: #6b6f76;--color-line: #d9ddd8;--color-accent: #0f766e;--font-body: system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--container: 1180px}html{font-size:clamp(16px,calc(5.92px + .7vw),30px)}@font-face{font-family:Racama-U;src:url(../fonts/Racama-Regular-D6MbxvlA.eot);src:url(../fonts/Racama-Regular-D6MbxvlA.eot?#iefix) format("embedded-opentype"),url(../fonts/Racama-Regular-BCWKaHIW.woff2) format("woff2"),url(../fonts/Racama-Regular-DCrFcDhI.woff) format("woff"),url(../fonts/Racama-Regular-Dh2UqOKK.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTLivretTrialItalicVariable;src:url(data:application/vnd.ms-fontobject;base64,);src:url(data:application/vnd.ms-fontobject;base64,) format("embedded-opentype"),url(../fonts/ttlivrettrialitalicvariable-D9lhz_rq.woff2) format("woff2"),url(data:font/woff;base64,) format("woff"),url(../fonts/ttlivrettrialitalicvariable.ttf) format("truetype"),url(../img/ttlivrettrialitalicvariable-Cmc_aUZV.svg#ttlivrettrialitalicvariable) format("svg")}@font-face{font-family:Inter;src:url(../fonts/Inter-Italic-BBYkeUAs.eot);src:url(../fonts/Inter-Italic-BBYkeUAs.eot?#iefix) format("embedded-opentype"),url(../fonts/Inter-Italic-2HY0KOoO.woff2) format("woff2"),url(../fonts/Inter-Italic-CysUwbNp.woff) format("woff"),url(../fonts/Inter-Italic-De8MhfSJ.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter-Regular-Bg6iunM9.eot);src:url(../fonts/Inter-Regular-Bg6iunM9.eot?#iefix) format("embedded-opentype"),url(../fonts/Inter-Regular-ByY4n7DC.woff2) format("woff2"),url(../fonts/Inter-Regular-Babvgnxk.woff) format("woff"),url(../fonts/Inter-Regular-CI24uqzT.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;min-width:0;min-height:0;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.is-locked{height:calc(var(--window-height) - 1px);overflow:hidden}html.is-locked body{overflow:visible;position:fixed;top:0;left:0;height:var(--window-height)}html{overflow-x:hidden}html,body{min-width:360px}section{flex:none}h1,h2,h3,h4,h5,h6{font-weight:700}a{text-decoration:none}blockquote,q{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ul,ol{list-style:none}picture,img{display:block;object-fit:cover}picture:is(img){height:100%;width:100%}button{font-size:1em;cursor:pointer}input,textarea,button{border-radius:0;color:inherit;font-family:inherit;font-weight:inherit}input[type=text]::-ms-clear{display:none;width:0;height:0}input[type=text]::-ms-reveal{display:none;width:0;height:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}body{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:10%;font-family:Racama-U;width:100dvw;height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#000;position:relative;will-change:scroll-position}body>header,body>main,body>footer{position:relative;z-index:1}.container{--width: 100%;max-width:calc(var(--width) + 3.125rem);width:100%;margin:0 auto;padding:0 1.5625rem}.header{padding:1.4375rem 0;opacity:1;transition:opacity .3s ease-in-out;pointer-events:auto}.header.hidden{opacity:0;pointer-events:none}.header .container{display:flex;justify-content:space-between}.header__title{font-size:2rem;font-style:normal;font-weight:400;line-height:.91;letter-spacing:0;transition:opacity .3s ease-in-out;pointer-events:auto}.header__title.is-hidden{opacity:0;pointer-events:none}@media(min-width:2801px){.header__title{font-size:calc(2rem + 14px)}}.header__title:after{content:"";display:inline-block;width:.1875rem;margin-left:.3125rem;height:1.375rem;transform:translateY(.0625rem);background:#fff;opacity:1;animation:cursorBlink .7s step-end infinite;transition:opacity .7s step-end}.header__title_all:after{opacity:0;animation:none}@keyframes cursorBlink{50%{opacity:0}}.header__logo-box{transition:background .3s ease-in-out;height:min-content;cursor:pointer}.header__logo{display:block;width:3.625rem;height:2.8125rem;color:#b1ff58;transition:color .3s ease-in-out}@media(max-width:645px){.header .container{display:flex;flex-direction:column-reverse}.header__title{margin-top:100px}.header__logo{margin-left:-14px}}.footer{padding:1.25rem 0;margin-top:2.1875rem;transition:opacity .3s ease-in-out;pointer-events:auto}.footer.hidden{opacity:0;pointer-events:none}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer__button-list{display:flex;gap:.5625rem}.footer__link{display:block;width:2.875rem;height:2.75rem;opacity:.7;transition:opacity .3s ease-in-out;border:1px solid #B1FF58;border-radius:12px;flex:none}.footer__link .icon{display:block;width:100%;height:100%}.footer__link:hover{opacity:1}@media(max-width:563px){.footer{margin-bottom:30px}.footer__button-list{flex-wrap:wrap;gap:10px}.footer .container{display:flex;align-items:flex-end}}.button{display:block;border-radius:.625rem;border:1px solid #7D7D7D;background:none;padding:1.125rem;color:#e3e3e3;text-align:center;font-size:1rem;font-style:normal;font-weight:400;line-height:.84;letter-spacing:0;cursor:pointer;transition:all .3s ease-in-out}@media(max-width:630px){.button{display:block;border-radius:10px;border:1px solid #7D7D7D;background:none;padding:15px;color:#e3e3e3;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:.84;letter-spacing:0;cursor:pointer;transition:all .3s ease-in-out}}.button:hover{background:#fff;color:#151515}.button_green{border:none;background:#b1ff58;color:#151515}.button_disabled{border:none;background:#51524f;color:#e3e3e3;cursor:pointer}.button_green:hover{background:#cdff93}.button_disabled:hover{background:#51524f;color:#e3e3e3}.card{position:relative;display:block;width:100%;aspect-ratio:231 / 338;padding:0;border:0;background:transparent;cursor:pointer;perspective:75rem;transition:transform .3s ease-in-out;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.card:hover{transform:scale(1.05) translateY(-1.25rem)}}.card__inner{position:relative;display:block;width:100%;height:100%;transform:none;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,.8,.18,1);backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.8125rem;background:linear-gradient(197deg,#191919 6.75%,#0b0b0b 77.83%);box-shadow:-.625rem .625rem .875rem #00000040;border-radius:16px}.card.is-opened .card__inner{transform:rotateY(180deg);will-change:transform}.card.is-opened.is-flip-settled .card__inner{transform:none;transform-style:flat;transition:none;will-change:auto;visibility:hidden}.card.is-opened.is-flip-settled .card__side--back{transform:rotateY(180deg)}.card.is-opened.is-flip-settled .card__side--front{transform:none}.card.is-opened.is-flip-settled .card__front-static{opacity:1;visibility:visible}.card__side{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card__side--front,.card__front-static{transform:rotateY(180deg);background:linear-gradient(191deg,#212121 5.09%,#191919 91.84%);box-shadow:-.625rem .625rem .875rem #00000040;position:relative;height:100%;padding:2.5rem 1.25rem 1.875rem;border-radius:10px}.card__front-static{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:none;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.card__front-border{position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:.4375rem;border:.5px solid #878787;pointer-events:none}.card__back-image{display:block;width:100%;height:100%}.card__front-content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.card__text{color:#b1ff58;font-size:1.275rem;font-style:normal;font-weight:400;line-height:.99;letter-spacing:0;text-align:left}.card__author{color:#b1ff58;font-family:Inter;font-size:.8rem;font-style:italic;font-weight:700;line-height:1;text-align:left}@media(prefers-reduced-motion:reduce){.card__inner{transition-duration:1ms}}.card-list{position:relative}.card-list__board{position:relative;width:100%;max-width:47.0625rem;height:21.125rem;margin:0 auto}.card-list__source{position:absolute;left:50%;top:50%;width:1px;height:1px;pointer-events:none}.card-list__slots{display:grid;grid-template-columns:repeat(3,14.4375rem);justify-content:center;align-items:start;gap:1.875rem}.card-list__slot{width:14.4375rem;aspect-ratio:231 / 338}.card-list__item{width:100%;height:100%;opacity:0;pointer-events:none}.card-list__item.is-active{opacity:1;pointer-events:auto}.card-list__item>.card{width:100%;height:100%}.card-list__button--shuffle{opacity:1;transform:translate(0);pointer-events:auto;transition:opacity .26s ease,transform .26s ease}.card-list__button--shuffle.is-hidden{opacity:0;transform:translateY(.625rem);pointer-events:none}.card-list__button--shuffle.is-visible{opacity:1;transform:translate(0);pointer-events:auto}.card-list__button--shuffle.is-pulsing{animation:card-list-shuffle-button-pulse .76s ease-out}@keyframes card-list-shuffle-button-pulse{0%{box-shadow:0 0 #b1ff5875;transform:translate(0) scale(1)}42%{box-shadow:0 0 0 .5rem #b1ff5800;transform:translate(0) scale(1.045)}to{box-shadow:0 0 #b1ff5800;transform:translate(0) scale(1)}}@media(max-width:810px){.card-list{width:100%}.card-list__board{width:min(68vw,16.5rem);max-width:none;height:auto;aspect-ratio:231 / 338;perspective:75rem;contain:layout style;touch-action:pan-y}.card-list__slots{position:absolute;inset:0;display:block;width:100%;height:100%}.card-list__slot{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.card-list__item{position:absolute;inset:0;transform-origin:center bottom;backface-visibility:hidden;touch-action:pan-y}.card-list.is-slider-dragging .card-list__item{will-change:transform}.card-list.is-slider .card-list__board{cursor:grab}.card-list.is-slider-dragging .card-list__board{cursor:grabbing}}@media(max-width:480px){.card-list__board{width:min(74vw,15.25rem)}}@media(max-width:430px){.card-list__board{width:min(64vw,13.75rem)}}@media(max-width:563px)and (max-height:740px){.card-list__board{width:min(62vw,13.25rem)}}.fortune{margin:0 auto;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:2.75rem;align-items:center}@media(max-width:563px){.main{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}@media(max-width:563px){.fortune{gap:clamp(1.5rem,5vh,2.75rem)}}@media(max-width:563px)and (max-height:740px){.fortune{position:relative;top:-1.5rem;gap:1.25rem}}@media(max-width:563px)and (max-height:660px){.fortune{top:-2rem;gap:1rem}}.pattern-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000}.pattern-background__canvas{display:block;width:100%;height:100%}.popup{position:fixed;inset:0;width:100%;height:100%;z-index:100000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;padding:20px;transform:translateZ(0);will-change:opacity}.popup.visible{opacity:1;pointer-events:auto}.popup__overlay{position:absolute;inset:0;background-color:#00000080;z-index:-1;width:100%;height:100%;will-change:opacity}.popup__content{position:relative;border-radius:1.0625rem;background:#262626;padding:3.75rem 3.75rem 3.125rem 2.5rem;transform:translateZ(0)}.popup__close{display:block;background:0;border:0;position:absolute;top:-1.875rem;right:-1.875rem;width:1.25rem;height:1.25rem;padding:0;cursor:pointer;color:#999}.popup__close .icon{display:block;width:100%;height:100%}@media(max-width:597px){.popup__close{display:block;background:0;border:0;position:absolute;top:20px;right:20px}}.next-day{display:flex;flex-direction:column;gap:2.5rem}.next-day__title{color:#fff;font-size:2rem;font-style:normal;font-weight:400;line-height:.91;letter-spacing:0}.next-day__button-list{display:flex;gap:.625rem}@media(max-width:489px){.next-day__button-list{flex-wrap:wrap}}@media(max-width:421px){.next-day__title{color:#fff;font-size:1.5rem}}
