@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);body,html{height:100%;margin:0;overflow:hidden;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;touch-action:manipulation}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}.App{align-items:center;background-color:#1a1a2e;background-image:radial-gradient(circle at 10% 20%,#ff33661a 0,#0000 20%),radial-gradient(circle at 90% 80%,#9933ff1a 0,#0000 20%),radial-gradient(circle at 50% 50%,#ff99000d 0,#0000 50%);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.App{padding:0}}:root{--freaky-color:#f36;--never-color:#93f;--countdown-color:#f90;--mini-game-color:#0c6;--drink-if-color:#3cf;--background:#1a1a2e;--card-background:#16213e;--text-color:#fff}body{background-color:#1a1a2e;background-color:var(--background);color:#fff;color:var(--text-color);font-family:Poppins,sans-serif;overscroll-behavior:none}.card-game{align-items:center;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:calc(var(--window-inner-height, 100vh));justify-content:center;left:0;overflow:hidden;padding:env(safe-area-inset-top,20px) 20px env(safe-area-inset-bottom,20px);position:fixed;right:0;top:0;width:100%}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f36,#93f,#f90,#0c6,#3cf);background:linear-gradient(45deg,var(--freaky-color),var(--never-color),var(--countdown-color),var(--mini-game-color),var(--drink-if-color));-webkit-background-clip:text;background-clip:text;font-size:min(2.5rem,7vh);font-weight:700;margin-bottom:min(30px,5vh);text-align:center;text-shadow:0 2px 10px #0003}.card-container{align-items:center;display:flex;flex:1 1;height:min(500px,50vh);justify-content:center;margin:0 auto;max-height:65vh;max-width:400px;perspective:1000px;width:100%}.card{border-radius:20px;box-shadow:0 15px 35px #00000080;cursor:pointer;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:100%}.card.flipped{transform:rotateY(180deg)}.card.slide-left{animation:slideLeft .2s forwards}.card.slide-right{animation:slideRight .2s forwards}.card.slide-from-left{animation:slideFromLeft .3s forwards}.card.slide-from-right{animation:slideFromRight .3s forwards}@keyframes slideLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-120%)}}@keyframes slideRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-120%) rotateY(0)}to{opacity:1;transform:translateX(0) rotateY(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(120%) rotateY(0)}to{opacity:1;transform:translateX(0) rotateY(0)}}.card-inner{height:100%;position:relative;transform-style:preserve-3d;width:100%}.card-back,.card-front{align-items:center;backface-visibility:hidden;background-color:#16213e;background-color:var(--card-background);border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:min(30px,4vh);position:absolute;text-align:center;width:100%}.card-back{transform:rotateY(180deg)}.card-freaky{background:linear-gradient(135deg,#16213e,#f36 150%);background:linear-gradient(135deg,var(--card-background),var(--freaky-color) 150%);border:2px solid #f36;border:2px solid var(--freaky-color)}.card-never{background:linear-gradient(135deg,#16213e,#93f 150%);background:linear-gradient(135deg,var(--card-background),var(--never-color) 150%);border:2px solid #93f;border:2px solid var(--never-color)}.card-countdown{background:linear-gradient(135deg,#16213e,#f90 150%);background:linear-gradient(135deg,var(--card-background),var(--countdown-color) 150%);border:2px solid #f90;border:2px solid var(--countdown-color)}.card-mini-game{background:linear-gradient(135deg,#16213e,#0c6 150%);background:linear-gradient(135deg,var(--card-background),var(--mini-game-color) 150%);border:2px solid #0c6;border:2px solid var(--mini-game-color)}.card-drink-if{background:linear-gradient(135deg,#16213e,#3cf 150%);background:linear-gradient(135deg,var(--card-background),var(--drink-if-color) 150%);border:2px solid #3cf;border:2px solid var(--drink-if-color)}h2{font-size:min(2rem,6vh);font-weight:700;margin-bottom:min(10px,2vh)}.card-type{font-size:min(1.2rem,3.5vh);font-weight:300;margin-bottom:min(40px,7vh);opacity:.8}.card-content{font-size:min(2rem,5vh);font-weight:600;line-height:1.4;max-height:50%;overflow-y:auto;padding:0 15px 0 10px;scrollbar-color:#fff6 #ffffff1a;scrollbar-width:thin}.card-content::-webkit-scrollbar{width:8px}.card-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.card-content::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#fff6;border:2px solid #0000;border-radius:10px}.card-content::-webkit-scrollbar-thumb:hover{background-color:#fff9}.tap-indicator{animation:pulse 1.5s infinite;bottom:min(30px,5vh);font-size:min(1rem,3vh);opacity:.7;position:absolute}@keyframes pulse{0%{opacity:.4}50%{opacity:.9}to{opacity:.4}}.card-navigation{display:flex;justify-content:space-between;margin-top:min(30px,4vh);max-width:400px;padding:0 10px;width:100%}.nav-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:min(2rem,6vh);height:min(60px,15vw);justify-content:center;transition:all .3s ease;width:min(60px,15vw)}.nav-button:hover{background:#fff3;transform:scale(1.1)}.card-counter{font-size:min(1.2rem,3.5vh);margin-bottom:min(10px,2vh);margin-top:min(20px,3vh);opacity:.7}@media (max-height:700px){.game-title{font-size:1.8rem;margin-bottom:10px}.card-container{min-height:auto}.nav-button{height:45px;width:45px}}@media (max-height:600px){.game-title{font-size:1.5rem;margin-bottom:8px}.card-type{margin-bottom:20px}.card-container{height:50vh}}@media (max-width:768px){.game-title{font-size:min(2rem,6vh);margin-bottom:min(20px,3vh)}.card-container{max-width:320px}h2{font-size:min(1.6rem,5vh)}.card-content{font-size:min(1.6rem,4.5vh)}.nav-button{height:min(50px,13vw);width:min(50px,13vw)}}
/*# sourceMappingURL=main.a0af4df2.css.map*/