@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Bangers&family=Fredoka:wght@400;600&display=swap";:root{--color-bg: #fff8e7;--color-primary: #ff6b35;--color-secondary: #ffca3a;--color-accent: #b5540a;--color-success: #06ffa5;--color-error: #ff006e;--color-text: #1a1a1a;--shadow-comic: 8px 8px 0px rgba(0, 0, 0, .3);--shadow-float: 12px 12px 0px rgba(255, 107, 53, .4)}*{margin:0;padding:0;box-sizing:border-box;text-wrap:pretty}body{font-family:Fredoka,sans-serif;background:var(--color-bg);overflow:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,107,53,.03) 2px,rgba(255,107,53,.03) 4px);pointer-events:none;z-index:1}.game{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2}.game-timer{position:absolute;top:40px;left:50%;transform:translate(-50%);z-index:100;animation:timerPop .3s cubic-bezier(.68,-.55,.265,1.55)}.game-timer-value{font-family:Bangers,cursive;font-size:120px;color:var(--color-primary);text-shadow:5px 5px 0px var(--color-secondary),10px 10px 0px rgba(0,0,0,.2);display:block;animation:pulse 1s ease-in-out infinite;line-height:1}.game-clue{position:absolute;top:50%;left:50%;transform:translate(-50%,-75%);z-index:10;text-align:center;background:#fff;padding:40px 60px;border:6px solid var(--color-text);box-shadow:var(--shadow-comic);border-radius:12px;max-width:500px}.game-clue-text{font-family:Bangers,cursive;font-size:72px;color:var(--color-primary);text-shadow:3px 3px 0px var(--color-secondary),6px 6px 0px rgba(0,0,0,.1);letter-spacing:2px;line-height:1;margin-bottom:12px;transform:rotate(-2deg)}.game-clue-description{font-size:20px;color:var(--color-text);font-weight:600;font-style:italic;animation:descriptionSlideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.game-answers{width:100%;height:100%;position:relative}.game-answer{position:absolute;width:calc(50% - 3rem);height:calc(50% - 6rem);padding:0;border:6px solid var(--color-text);background:#fff;cursor:pointer;box-shadow:var(--shadow-comic);border-radius:16px;overflow:hidden;opacity:0;transform:scale(.8) rotate(-10deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.game-answer-tl{top:40px;left:40px}.game-answer-tr{top:40px;right:40px}.game-answer-bl{bottom:120px;left:40px}.game-answer-br{bottom:120px;right:40px}.game-answer-visible{opacity:1!important;transform:scale(1) rotate(0)!important}.game-answer-disabled{cursor:not-allowed}.game-answer-disabled:hover{transform:scale(1) rotate(0)!important;box-shadow:var(--shadow-comic)!important;border-color:var(--color-text)!important}.game-answer:hover:not(:disabled):not(.game-answer-disabled){transform:scale(1.05) rotate(2deg);box-shadow:var(--shadow-float);border-color:var(--color-accent)}.game-answer:active:not(:disabled):not(.game-answer-disabled){transform:scale(.98);box-shadow:4px 4px #0000004d}.game-answer-selected{animation:bounce .5s ease-out}.game-answer-correct{border-color:var(--color-success);background:var(--color-success)}.game-answer-correct:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:700;color:#fff;text-shadow:4px 4px 0px rgba(0,0,0,.3);animation:checkPop .4s cubic-bezier(.68,-.55,.265,1.55)}.game-answer-wrong{border-color:var(--color-error);background:var(--color-error)}.game-answer-wrong:after{content:"✗";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:700;color:#fff;text-shadow:4px 4px 0px rgba(0,0,0,.3);animation:checkPop .4s cubic-bezier(.68,-.55,.265,1.55)}.game-answer img{width:100%;height:100%;object-fit:cover;display:block}.game-answer:disabled{cursor:not-allowed}.game-score{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:100;padding:16px 24px;background:#fff;border:5px solid var(--color-text);border-radius:50px;box-shadow:var(--shadow-comic)}.game-score-item{font-size:36px;position:relative;animation:scoreItemPop .4s cubic-bezier(.68,-.55,.265,1.55)}.game-score-item-pending{opacity:.3;filter:grayscale(100%)}.game-score-item:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700}.game-score-item-correct:after{content:"✓";color:var(--color-success);text-shadow:2px 2px 0px rgba(0,0,0,.2)}.game-score-item-wrong:after{content:"✗";color:var(--color-error);text-shadow:2px 2px 0px rgba(0,0,0,.2)}.game-results{text-align:center;padding:60px;background:#fff;border:8px solid var(--color-text);box-shadow:var(--shadow-float);border-radius:24px;animation:resultsSlideIn .6s cubic-bezier(.68,-.55,.265,1.55)}.game-results-title{font-family:Bangers,cursive;font-size:96px;color:var(--color-primary);text-shadow:4px 4px 0px var(--color-secondary),8px 8px 0px rgba(0,0,0,.1);letter-spacing:4px;margin-bottom:24px;line-height:1}.game-results-score{font-size:32px;color:var(--color-text);font-weight:600;margin-bottom:40px}.game-results-score span{font-size:48px;color:var(--color-accent);text-shadow:2px 2px 0px rgba(0,0,0,.1)}.game-restart{font-family:Bangers,cursive;font-size:48px;padding:20px 60px;background:var(--color-primary);color:#fff;border:6px solid var(--color-text);border-radius:16px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-comic);letter-spacing:2px;margin:10px}.game-restart:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #0000004d;background:var(--color-accent)}.game-restart:active{transform:translate(2px,2px);box-shadow:4px 4px #0000004d}.game-restart--secondary{background:var(--color-secondary);color:var(--color-text)}.game-restart--secondary:hover{background:var(--color-accent);color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes timerPop{0%{transform:translate(-50%) scale(0)}to{transform:translate(-50%) scale(1)}}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkPop{0%{transform:translate(-50%,-50%) scale(0) rotate(-180deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes scoreItemPop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}@keyframes resultsSlideIn{0%{transform:scale(.5) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes descriptionSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:400px){.game{padding:0}.game-answer{width:calc(50% - 3rem);height:calc(50% - 10rem)}.game-clue{padding:1rem}.game-results-title{font-size:48px}.game-restart{font-size:24px}}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayFadeIn .3s ease-out}.intro{background:#fff;border:8px solid var(--color-text);border-radius:24px;box-shadow:12px 12px #0000004d,0 0 0 4px var(--color-secondary);max-width:700px;max-height:80vh;overflow-y:auto;padding:60px 50px;position:relative;animation:introSlideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.intro h2{font-family:Bangers,cursive;font-size:64px;color:var(--color-primary);text-shadow:3px 3px 0px var(--color-secondary),6px 6px 0px rgba(0,0,0,.1);letter-spacing:2px;margin-bottom:30px;line-height:1;text-align:center}.intro p{font-family:Fredoka,sans-serif;font-size:18px;line-height:1.6;color:var(--color-text);margin-bottom:20px}.intro p:last-of-type{margin-bottom:0}.intro__close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:var(--color-primary);border:4px solid var(--color-text);border-radius:50%;color:#fff;font-size:36px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:4px 4px #0000004d;line-height:1;padding:0}.intro__close:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d;background:var(--color-accent)}.intro__close:active{transform:translate(1px,1px);box-shadow:2px 2px #0000004d}.intro__history{font-style:italic;font-size:16px;color:#666;margin-top:30px;padding-top:20px;border-top:3px solid var(--color-secondary)}.intro::-webkit-scrollbar{width:12px}.intro::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.intro::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px;border:2px solid #f1f1f1}.intro::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introSlideIn{0%{transform:scale(.8) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:768px){.intro{padding:40px 30px;max-height:90vh}.intro h2{font-size:48px;margin-bottom:20px}.intro p{font-size:16px}.intro__close{width:40px;height:40px;font-size:28px;top:15px;right:15px}}