body,button,a{font-family:"VT323",Monospace}h1,h2,h3{font-family:"VT323",Monospace}.hidden{display:none}img,embed,object,video,picture{max-width:100%}html,body{height:100%;margin:0;box-sizing:border-box;scroll-behavior:smooth;position:relative;line-height:1.5;z-index:0;font-size:18px}body{padding:1rem;background-image:url("../images/background.png");background-position:center center;background-size:100vw;background-repeat:no-repeat;background-attachment:fixed}body::before,body::after{content:"";position:fixed;top:0;bottom:0;background:#fff;opacity:.5;z-index:-1;transition:opacity .3s ease}body::before{left:0;right:50%}body::after{left:50%;right:0}body.game-active{background-image:url("../images/background2.png");background-position:bottom center;background-size:contain}body.game-active.dad-reveal::before{opacity:0}body.game-active.ai-reveal::after{opacity:0}.loader{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:100;background:#fff;padding:.75rem 2.5rem;display:flex;justify-content:center;align-items:center;gap:1.5rem;border:2px solid #000}.loader .loading-text{text-align:center;margin-top:1rem;font-family:"VT323",Monospace;font-size:1.2rem}.error-message{background-color:red;color:#fff;padding:1rem;margin:1rem auto;text-align:center;max-width:700px;border:1px solid red;position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1000}[v-cloak]{display:none}@media screen and (min-width: 768px){html,body{font-size:20px}}@media screen and (min-width: 1200px){html,body{font-size:22px}}.full-width-grid-con{display:grid;grid-template-columns:1fr minmax(0, 1fr)}.grid-con{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-column-gap:20px;margin:0 auto;padding-left:16px;padding-right:16px}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}@media screen and (min-width: 768px){.grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:20px;padding-left:16px;padding-right:16px}.m-col-span-1{grid-column:span 1/span 1}.m-col-span-2{grid-column:span 2/span 2}.m-col-span-3{grid-column:span 3/span 3}.m-col-span-4{grid-column:span 4/span 4}.m-col-span-5{grid-column:span 5/span 5}.m-col-span-6{grid-column:span 6/span 6}.m-col-span-7{grid-column:span 7/span 7}.m-col-span-8{grid-column:span 8/span 8}.m-col-span-9{grid-column:span 9/span 9}.m-col-span-10{grid-column:span 10/span 10}.m-col-span-11{grid-column:span 11/span 11}.m-col-span-12{grid-column:span 12/span 12}.m-col-span-full{grid-column:1/-1}.m-col-start-1{grid-column-start:1}.m-col-start-2{grid-column-start:2}.m-col-start-3{grid-column-start:3}.m-col-start-4{grid-column-start:4}.m-col-start-5{grid-column-start:5}.m-col-start-6{grid-column-start:6}.m-col-start-7{grid-column-start:7}.m-col-start-8{grid-column-start:8}.m-col-start-9{grid-column-start:9}.m-col-start-10{grid-column-start:10}.m-col-start-11{grid-column-start:11}.m-col-start-12{grid-column-start:12}.m-col-end-1{grid-column-end:1}.m-col-end-2{grid-column-end:2}.m-col-end-3{grid-column-end:3}.m-col-end-4{grid-column-end:4}.m-col-end-5{grid-column-end:5}.m-col-end-6{grid-column-end:6}.m-col-end-7{grid-column-end:7}.m-col-end-8{grid-column-end:8}.m-col-end-9{grid-column-end:9}.m-col-end-10{grid-column-end:10}.m-col-end-11{grid-column-end:11}.m-col-end-12{grid-column-end:12}.m-col-end-13{grid-column-end:13}}@media screen and (min-width: 1200px){.grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:40px;padding-left:40px;padding-right:40px}.l-col-span-1{grid-column:span 1/span 1}.l-col-span-2{grid-column:span 2/span 2}.l-col-span-3{grid-column:span 3/span 3}.l-col-span-4{grid-column:span 4/span 4}.l-col-span-5{grid-column:span 5/span 5}.l-col-span-6{grid-column:span 6/span 6}.l-col-span-7{grid-column:span 7/span 7}.l-col-span-8{grid-column:span 8/span 8}.l-col-span-9{grid-column:span 9/span 9}.l-col-span-10{grid-column:span 10/span 10}.l-col-span-11{grid-column:span 11/span 11}.l-col-span-12{grid-column:span 12/span 12}.l-col-span-full{grid-column:1/-1}.l-col-start-1{grid-column-start:1}.l-col-start-2{grid-column-start:2}.l-col-start-3{grid-column-start:3}.l-col-start-4{grid-column-start:4}.l-col-start-5{grid-column-start:5}.l-col-start-6{grid-column-start:6}.l-col-start-7{grid-column-start:7}.l-col-start-8{grid-column-start:8}.l-col-start-9{grid-column-start:9}.l-col-start-10{grid-column-start:10}.l-col-start-11{grid-column-start:11}.l-col-start-12{grid-column-start:12}.l-col-end-1{grid-column-end:1}.l-col-end-2{grid-column-end:2}.l-col-end-3{grid-column-end:3}.l-col-end-4{grid-column-end:4}.l-col-end-5{grid-column-end:5}.l-col-end-6{grid-column-end:6}.l-col-end-7{grid-column-end:7}.l-col-end-8{grid-column-end:8}.l-col-end-9{grid-column-end:9}.l-col-end-10{grid-column-end:10}.l-col-end-11{grid-column-end:11}.l-col-end-12{grid-column-end:12}.l-col-end-13{grid-column-end:13}}#landing-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:all .5s ease;position:absolute;left:0;right:0;top:0}#landing-container h2{font-size:3rem;margin:0;transition:all .5s ease;cursor:pointer;pointer-events:auto}#landing-container.active{top:-35vh;pointer-events:none}#landing-container.active h1{pointer-events:auto}#landing-container #button-container{display:flex;flex-direction:column;gap:1rem;margin-top:-1rem}#landing-container #button-container .landing-btn{padding:1rem 2rem;font-size:1.2rem;min-width:200px;cursor:pointer;background-color:#000;color:#fff;border:none;font-family:"VT323",Monospace;transition:transform 150ms ease}#landing-container #button-container .landing-btn:hover{transform:translateY(-2px)}@media screen and (min-width: 768px){#landing-container #button-container{flex-direction:row;gap:2rem}}#score-container{text-align:center;margin-bottom:1rem;font-size:1.2rem;font-family:"VT323",Monospace;position:absolute;left:0;right:0;top:18vh}#score-container p{display:inline-block;margin:0}#joke-container{max-width:700px;margin:2rem auto;margin-top:10rem;padding:2rem;text-align:center;background:#fff;border:solid 2px #000;box-sizing:border-box}#joke-container #joke-text{font-size:1.25rem;width:90%;line-height:1.5;margin:0 auto;margin-top:.5rem;min-height:4.5rem;font-family:"VT323",Monospace}#guess-container{text-align:center;margin:2rem auto;max-width:700px;height:auto;padding:1.5rem;background:#fff;border:solid 2px #000;box-sizing:border-box;display:grid;align-content:center;min-height:200px;max-height:200px}#guess-container h2{margin:0 auto;margin-bottom:1.5rem;margin-top:0;font-size:1.5rem;position:relative;width:fit-content}#guess-container #button-group{display:flex;gap:1rem;justify-content:center;margin-top:1rem}#guess-container button{padding:.75rem 1.5rem;padding-top:.5rem;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}#guess-container #joke-btn,#guess-container #next-btn{background-color:#000;color:#fff;padding:.75rem 1.5rem;transition:transform 150ms ease}#guess-container #joke-btn:hover,#guess-container #next-btn:hover{transform:translateY(-2px)}#guess-container #dad-btn,#guess-container #ai-btn{transform:scale(1);transition:all .3s ease;color:#fff;transition:transform 150ms ease}#guess-container #dad-btn:hover,#guess-container #ai-btn:hover{transform:translateY(-2px)}#guess-container #dad-btn{background-color:#4a6fa5}#guess-container #ai-btn{background-color:#6a4ca5}#guess-container #result-text{font-size:1.8rem;margin:0 auto;opacity:0;transform:translateY(20px);animation:slideUp .3s forwards}#guess-container #joke-type{font-style:italic;margin-bottom:1.5rem;margin-top:0;opacity:0;transform:translateY(20px);animation:slideUp .3s forwards;animation-delay:.1s}@keyframes slideUp{100%{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px){#guess-container{min-height:250px;max-height:250px}}#all-jokes{max-width:1200px;margin:4rem auto}#all-jokes .jokes-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem}#all-jokes .joke-card{background:#fff;padding:1.5rem;border:2px solid #000;transition:transform .3s ease;cursor:pointer;display:flex;flex-direction:column;min-height:10rem;box-sizing:border-box;cursor:pointer;transition:transform .2s}#all-jokes .joke-card:hover{transform:translateY(-5px)}#all-jokes .joke-card .joke-text{margin-bottom:1rem;font-size:1.1rem;line-height:1.5;margin-top:0}#all-jokes .joke-card .joke-type{display:inline-block;padding:.25rem .75rem;background:#000;color:#fff;font-size:.9rem;align-self:flex-end;margin-top:auto}#add-joke-form{display:flex;gap:1rem;align-items:center;max-width:1200px;margin-top:0rem;margin-bottom:2rem;padding:1rem;background:#fff;border:2px solid #000;display:flex;flex-direction:row;flex-wrap:wrap}#add-joke-form #add-joke-controls{display:flex;gap:1rem}#add-joke-form textarea{flex:1;border:1px solid #ddd;font-size:1rem;resize:none;font-family:"VT323",Monospace;line-height:1;padding:.5rem;min-width:10rem;border-radius:0 !important}#add-joke-form textarea:focus{outline:none;border-color:#000}#add-joke-form select{padding:.5rem;width:fit-content;border:1px solid #ddd;font-size:1rem;font-family:"VT323",Monospace;color:#000 !important;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .25rem center;background-size:1.5rem;padding-right:2.5rem}#add-joke-form button{padding:.5rem 1.5rem;border:none;cursor:pointer;font-size:1rem;background:#000;color:#fff;transition:transform .3s ease;font-family:"VT323",Monospace}#add-joke-form button:hover{transform:translateY(-2px)}#modal{position:fixed;top:0;left:0;width:100%;height:100%;padding:1rem;box-sizing:border-box;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}#modal #modal-content{background-color:#fff;padding:2rem;padding-bottom:0;max-width:25rem;width:90%;position:relative}#modal #close-button{position:absolute;right:1rem;top:.5rem;font-size:1.5rem;cursor:pointer}#modal #modal-body{text-align:center}#modal #modal-body img{max-width:10rem;margin-bottom:-0.46rem}#modal #modal-body #modal-joke-text{font-size:1.25rem;margin:0 auto;margin-bottom:.625rem;width:80%}#modal #modal-body #modal-joke-category{font-weight:bold;color:#666}#game-content{opacity:0;animation:fadeIn .5s ease forwards;animation-delay:.3s;margin-top:25vh}#all-jokes{opacity:0;animation:fadeIn .5s ease forwards;animation-delay:.3s;margin-top:22vh}#back-btn{position:absolute;top:1rem;left:1rem;padding:.5rem 1.5rem;font-size:1rem;background-color:#000;color:#fff;border:none;cursor:pointer;transition:transform 150ms ease;animation:fadeIn .5s ease forwards;transform:translateY(0)}#back-btn:hover{transform:translateY(-2px)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}/*# sourceMappingURL=main.css.map */