@font-face{font-family:LoveYaLikeASister;src:url(/assets/LoveYaLikeASister-Regular-BJiI2iM8.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;font-family:LoveYaLikeASister,cursive;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:root{--color-yellow: #fbd807;--color-cyan: #1ce5e2;--color-blue: #3eb2f5;--color-pink: #fe73a1;--color-green: #89d048;--color-orange: #fa9921;--color-dark-blue: #070e2a}html{width:100%;height:100%;overflow:hidden;background-color:#1a0a2e}body{width:100%;height:100%;height:100dvh;min-height:-webkit-fill-available;overflow:hidden;background-color:#1a0a2e;display:flex;justify-content:center;align-items:center;margin:0;padding:0}#game-container{aspect-ratio:9/16;max-width:100vw;position:relative;background:linear-gradient(to bottom,#4a148c,#7b1fa2,#9c27b0);box-shadow:0 0 5cqh #00000080;display:flex;flex-direction:column;align-items:center;overflow:hidden;container-type:size;container-name:game;width:100dvw;height:calc(100dvw * 16 / 9);max-height:100dvh}@media(min-aspect-ratio:9/16){#game-container{width:56.25vh;width:56.25dvh;height:100vh;height:100dvh}}@media(max-aspect-ratio:9/16){#game-container{width:100vw;width:100dvw;height:calc(100vw * 16 / 9);height:calc(100dvw * 16 / 9)}}.bg-starter{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/background_starter-gZogFqlg.png);background-size:cover;background-position:center;z-index:0;pointer-events:none}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;transition:opacity .5s ease;opacity:0;pointer-events:none;z-index:10;padding:2cqh}.screen.active{opacity:1;pointer-events:all;z-index:20}.title-container{position:relative;width:100%;height:35cqh;display:flex;justify-content:center;align-items:center;margin-top:2cqh;z-index:2}.star-yellow{position:absolute;width:50cqh;height:50cqh;z-index:-1;top:-7cqh}.fireworks{position:absolute;width:10cqh;height:auto;z-index:1;pointer-events:none}.fireworks.fireworks1{right:2cqh;top:1cqh}.fireworks.fireworks2{left:2cqh;top:2cqh}.game-title{font-size:5cqh;text-align:center;color:#3e2723;text-shadow:.2cqh .2cqh 0px #fff;line-height:1.1;transform:rotate(-5deg)}.game-subtitle{font-size:2.2cqh;color:#3e2723;text-align:center;font-weight:700;position:absolute;bottom:4cqh;text-shadow:.3cqh .3cqh 0 #fff,-.3cqh .3cqh 0 #fff,.3cqh -.3cqh 0 #fff,-.3cqh -.3cqh 0 #fff,.3cqh 0 0 #fff,-.3cqh 0 0 #fff,0 .3cqh 0 #fff,0 -.3cqh 0 #fff,0 0 2cqh #fff,0 0 4cqh #fff}.instructions-box{background:#6a1b9ad9;border:.4cqh solid #ffeb3b;border-radius:3cqh;padding:3cqh;width:90%;text-align:center;position:relative;z-index:2;box-shadow:0 0 2cqh #ffeb3b,inset 0 0 2cqh #ffeb3b4d;margin-bottom:3cqh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.instructions-title{font-size:2.5cqh;color:#ffeb3b;margin-bottom:1.5cqh;text-shadow:.2cqh .2cqh .4cqh rgba(0,0,0,.5)}.instructions-text{font-size:1.8cqh;line-height:1.4;color:#fff;text-shadow:.1cqh .1cqh .2cqh rgba(0,0,0,.8)}.input-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:2cqh;z-index:10}.player-input{width:80%;padding:1.5cqh 2cqh;font-size:2.5cqh;border-radius:5cqh;border:.4cqh solid #4fc3f7;background:#fffffff2;text-align:center;color:#333;outline:none;box-shadow:0 0 1.5cqh #4fc3f7}.player-input::placeholder{color:#888}.start-btn{background:linear-gradient(to bottom,#ff4081,#c51162);color:#fff;font-size:3cqh;padding:1.5cqh 5cqh;border-radius:5cqh;border:.3cqh solid #fff;cursor:pointer;box-shadow:0 .5cqh 1.5cqh #0000004d,0 0 2cqh #ff4081;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:scale(1.05);box-shadow:0 .8cqh 2cqh #0006,0 0 3cqh #ff4081}.start-btn:disabled{cursor:not-allowed;transform:none;filter:grayscale(.5)}.character{position:absolute;z-index:5;height:20cqh;width:auto;pointer-events:none}.char-left{left:-1cqh;bottom:0}.char-right{right:0cqh;bottom:0}.hidden{display:none!important}.game-header{height:12cqh;display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.header-icon{height:8cqh;width:auto;margin:0 1cqh;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 .5cqh #ffeb3b);transform:scale(1)}50%{filter:drop-shadow(0 0 1.5cqh #ffeb3b);transform:scale(1.1)}to{filter:drop-shadow(0 0 .5cqh #ffeb3b);transform:scale(1)}}.game-screen-title{font-size:4.5cqh;color:#fff;text-shadow:0 0 1cqh #000000,0 0 2cqh #000000;text-align:center;font-family:LoveYaLikeASister,cursive;line-height:1.2}.game-content{flex:1;width:100%;display:flex;position:relative;z-index:5;gap:2cqh;margin-top:4cqh;justify-content:space-between}.cards-area{width:56%;display:flex;gap:1.5cqh;padding:.5cqh}.cards-column{display:flex;flex-direction:column;gap:2cqh;flex:1}.cards-column:nth-child(2){margin-top:6cqh}.draggable-card{width:100%;aspect-ratio:.9;background:#fff;border-radius:1.8cqh;padding:.8cqh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;box-shadow:0 .3cqh 1cqh #0003;cursor:grab;transition:transform .2s;border:.4cqh solid #fff;outline:.25cqh solid rgba(255,255,255,.4);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.draggable-card:active{cursor:grabbing;transform:scale(1.05)}.card-icon{width:90%;height:auto;margin-bottom:.3cqh;pointer-events:none;-webkit-user-drag:none;user-drag:none}.card-text{font-size:1.2cqh;line-height:1.15;color:#333;font-weight:700;padding:0 .3cqh}.info-icon{position:absolute;top:-.8cqh;right:-.8cqh;width:2.2cqh;height:2.2cqh;border-radius:50%;color:#fff;font-size:1.4cqh;font-style:italic;display:flex;justify-content:center;align-items:center;border:.25cqh solid #fff;cursor:pointer;box-shadow:0 .2cqh .4cqh #0000004d;z-index:2}.card-yellow,.card-yellow .info-icon{background:var(--color-yellow)}.card-cyan,.card-cyan .info-icon{background:var(--color-cyan)}.card-blue,.card-blue .info-icon{background:var(--color-blue)}.card-pink,.card-pink .info-icon{background:var(--color-pink)}.card-green,.card-green .info-icon{background:var(--color-green)}.card-orange,.card-orange .info-icon{background:var(--color-orange)}.card-dark-blue,.card-dark-blue .info-icon{background:var(--color-dark-blue)}.timeline-area{width:40%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.5cqh 0}.timeline-path{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.path-line{fill:none;stroke:url(#glowGradient);stroke-width:.8cqh;stroke-linecap:round;stroke-dasharray:1cqh 1cqh;filter:drop-shadow(0 0 .5cqh #ffeb3b)}.timeline-slot{width:12cqh;min-height:6cqh;padding:.8cqh 1cqh;border:.35cqh dashed #ffeb3b;border-radius:3cqh;background:radial-gradient(circle at 30% 20%,#ffeaa0,#ffd45a 35%,#ffb72b);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#4a4a4a;font-size:2.2cqh;font-weight:700;box-shadow:0 0 35px #ffe678e6,0 0 60px #c570ffcc;position:relative;transition:all .3s ease;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.timeline-slot:before{content:"";position:absolute;top:.1cqh;right:.1cqh;bottom:.1cqh;left:.1cqh;border-radius:3cqh;border:.3cqh dashed rgba(255,255,255,.95);box-sizing:border-box}.timeline-slot.drag-over{background:linear-gradient(135deg,#00e5ff,#00bcd4);border:.5cqh solid #fff;border-style:solid;transform:scale(1.2);box-shadow:0 0 5cqh #00e5ff,0 0 10cqh #00e5ffcc,0 0 15cqh #00bcd499;animation:none!important}.timeline-slot.drag-over:before{border-color:#fff!important;border-style:solid!important}.timeline-slot.drag-over:after{content:"⬇";position:absolute;top:-3cqh;left:50%;transform:translate(-50%);font-size:2.5cqh;color:#fff;text-shadow:0 0 1.5cqh #00e5ff,0 0 3cqh #00e5ff;animation:bounce-arrow .6s ease-in-out infinite;will-change:transform}@keyframes bounce-arrow{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(.8cqh)}}.timeline-slot.filled{background:linear-gradient(135deg,#66bb6a,#43a047);border-color:#fff;border-style:solid;box-shadow:0 .3cqh 1cqh #0000004d,0 0 1cqh #4caf5080;cursor:pointer}.timeline-slot.filled.correct{background:linear-gradient(135deg,#66bb6a,#43a047);border-color:#fff;animation:correctPulse .5s ease}.timeline-slot.filled.incorrect{background:linear-gradient(135deg,#ef5350,#c62828);border-color:#fff;animation:shake .5s ease}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 3cqh #4caf50cc}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-.5cqh)}50%{transform:translate(.5cqh)}75%{transform:translate(-.5cqh)}}.timeline-slot.filled:hover{transform:scale(1.05);box-shadow:0 .3cqh 1.5cqh #0006,0 0 1.5cqh #4caf50b3}.timeline-slot .slot-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2cqh;width:100%}.timeline-slot .slot-year{font-size:1.6cqh}.timeline-slot .slot-title{font-size:1.1cqh;text-align:center}.timeline-slot.filled .slot-year{font-size:1.6cqh;color:#ffeb3b;font-weight:700;text-shadow:.1cqh .1cqh .2cqh rgba(0,0,0,.5)}.timeline-slot .slot-icon{font-size:2.5cqh;line-height:1}.timeline-slot .slot-text{font-size:1.1cqh;line-height:1.1;text-align:center;color:#fff;text-shadow:.1cqh .1cqh .2cqh rgba(0,0,0,.5);max-width:100%;overflow:hidden}.timeline-slot .checkmark{position:absolute;top:-.5cqh;right:-.5cqh;width:2.2cqh;height:2.2cqh;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.4cqh;box-shadow:0 .2cqh .4cqh #0000004d}.timeline-slot .result-icon{position:absolute;top:-.5cqh;right:-.5cqh;width:2.2cqh;height:2.2cqh;display:flex;justify-content:center;align-items:center;box-shadow:0 .2cqh .4cqh #0000004d;z-index:2;border-radius:50%}.draggable-card.disabled{opacity:.4;pointer-events:none;transform:scale(.95);filter:grayscale(.5)}.draggable-card.dragging{opacity:.5;transform:scale(1.1)}#game-container.is-dragging .game-header,#game-container.is-dragging .cards-area,#game-container.is-dragging .game-footer{opacity:.3;transition:opacity .2s ease}#game-container.is-dragging .timeline-area{opacity:1;z-index:100}#game-container.is-dragging .timeline-slot{animation:pulse-highlight .8s infinite ease-in-out;box-shadow:0 0 3cqh #ffeb3b,0 0 6cqh #ffeb3bcc}@keyframes pulse-highlight{0%,to{transform:scale(1);box-shadow:0 0 3cqh #ffeb3b,0 0 6cqh #ffeb3bcc}50%{transform:scale(1.05);box-shadow:0 0 4cqh #ffeb3b,0 0 8cqh #ffeb3be6}}#game-container.is-dragging .timeline-slot.filled{animation:none}.timeline-slot:nth-child(2n){align-self:flex-end;margin-right:.5cqh}.timeline-slot:nth-child(odd){align-self:flex-start;margin-left:.5cqh}.game-footer{height:30cqh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;gap:2cqh}.action-btn{background:#e91e63;color:#fff;border:.3cqh solid #fff;padding:1.5cqh 5cqh;font-size:3cqh;border-radius:5cqh;box-shadow:0 0 1cqh #e91e63;cursor:pointer;font-family:LoveYaLikeASister,cursive;transition:transform .2s,box-shadow .2s}.action-btn:hover{transform:scale(1.05);box-shadow:0 .8cqh 2cqh #0006,0 0 3cqh #ff4081}.submit-btn-wrapper{position:relative;display:inline-block}.submit-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(10px);background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff;padding:1cqh 1.5cqh;border-radius:1.5cqh;font-size:1.6cqh;white-space:nowrap;box-shadow:0 .3cqh 1cqh #0000004d,0 0 1.5cqh #ff525280;border:.2cqh solid #fff;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;pointer-events:none}.submit-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:1cqh;border-style:solid;border-color:#d32f2f transparent transparent transparent}.submit-tooltip.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);animation:tooltip-bounce .5s ease}@keyframes tooltip-bounce{0%{transform:translate(-50%) translateY(10px) scale(.8)}50%{transform:translate(-50%) translateY(-5px) scale(1.05)}to{transform:translate(-50%) translateY(0) scale(1)}}.footer-char{position:absolute;bottom:0;height:15cqh;pointer-events:none;z-index:-1}.footer-char.left{left:-2cqh}.footer-char.right{right:-2cqh}.info-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.info-modal-overlay.active{opacity:1;pointer-events:all}.info-modal{background:linear-gradient(135deg,#6a1b9a,#8e24aa);border:.4cqh solid #ffeb3b;border-radius:3cqh;padding:3cqh;width:85%;max-height:70%;overflow-y:auto;position:relative;box-shadow:0 0 3cqh #ffeb3b,0 1cqh 3cqh #00000080;transform:scale(.8);transition:transform .3s ease}.info-modal-overlay.active .info-modal{transform:scale(1)}.info-modal-close{position:absolute;top:1.5cqh;right:1.5cqh;width:3.5cqh;height:3.5cqh;background:#ff4081;border:.3cqh solid #fff;border-radius:50%;color:#fff;font-size:2cqh;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 .2cqh .5cqh #0000004d;transition:transform .2s}.info-modal-close:hover{transform:scale(1.1)}.info-modal-icon{width:12cqh;height:auto;display:block;margin:0 auto 2cqh;border-radius:1.5cqh}.info-modal-title{font-size:2.5cqh;color:#ffeb3b;text-align:center;margin-bottom:1.5cqh;text-shadow:.2cqh .2cqh .4cqh rgba(0,0,0,.5)}.info-modal-description{font-size:1.8cqh;color:#fff;line-height:1.5;text-align:center;text-shadow:.1cqh .1cqh .2cqh rgba(0,0,0,.5)}.congrats-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:300;opacity:0;pointer-events:none;transition:opacity .5s ease}.congrats-modal-overlay.active{opacity:1;pointer-events:all}.congrats-modal{background:linear-gradient(135deg,#6a1b9a,#8e24aa,#ab47bc);border:.3cqh solid #ffeb3b;border-radius:4cqh;padding:8cqh 3cqh 4cqh;width:85%;max-height:85cqh;text-align:center;position:relative;transform:scale(.5);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;overflow:hidden}.congrats-modal-overlay.active .congrats-modal{transform:scale(1)}.congrats-stars{position:absolute;top:2cqh;left:50%;transform:translate(-50%);font-size:5cqh;animation:star-bounce 1s infinite}@keyframes star-bounce{0%,to{transform:translate(-50%) translateY(0) rotate(0)}50%{transform:translate(-50%) translateY(-1cqh) rotate(10deg)}}.congrats-title{font-size:4cqh;color:#ffeb3b;text-shadow:.3cqh .3cqh .6cqh rgba(0,0,0,.5);margin-bottom:2cqh;animation:title-glow 1.5s infinite}@keyframes title-glow{0%,to{text-shadow:.3cqh .3cqh .6cqh rgba(0,0,0,.5),0 0 2cqh #ffeb3b}50%{text-shadow:.3cqh .3cqh .6cqh rgba(0,0,0,.5),0 0 4cqh #ffeb3b,0 0 6cqh #ffc107}}.congrats-message{font-size:3cqh;color:#fff;margin-bottom:1.5cqh;text-shadow:.1cqh .1cqh .3cqh rgba(0,0,0,.5)}.congrats-score{font-size:3cqh;color:#4caf50;font-weight:700;text-shadow:.2cqh .2cqh .4cqh rgba(0,0,0,.5)}.congrats-btn{background:linear-gradient(to bottom,#4caf50,#388e3c);color:#fff;font-size:2.5cqh;padding:1.5cqh 4cqh;border-radius:5cqh;border:.3cqh solid #fff;cursor:pointer;box-shadow:0 .5cqh 1.5cqh #0000004d,0 0 2cqh #4caf50;transition:transform .2s,box-shadow .2s;font-family:LoveYaLikeASister,cursive}.congrats-btn:hover{transform:scale(1.05);box-shadow:0 .8cqh 2cqh #0006,0 0 3cqh #4caf50}.answers-section{margin:2cqh 0;max-height:45cqh;overflow-y:auto;padding:1cqh;background:#0003;border-radius:2cqh}.answers-section::-webkit-scrollbar{width:.8cqh}.answers-section::-webkit-scrollbar-track{background:#0003;border-radius:1cqh}.answers-section::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:1cqh}.answers-section::-webkit-scrollbar-thumb:hover{background:#ffffff80}.answers-title{font-size:2.5cqh;color:#ffeb3b;margin-bottom:1.5cqh;text-shadow:.2cqh .2cqh .4cqh rgba(0,0,0,.5)}.answer-item{background:#ffffff1a;border-radius:1.5cqh;padding:1.5cqh;margin-bottom:1.5cqh;text-align:left;border-left:.5cqh solid #4caf50}.answer-header{display:flex;align-items:center;margin-bottom:.3cqh}.answer-item.user-wrong{border-left-color:#ef5350}.answer-year{font-size:2cqh;color:#ffeb3b;font-weight:700;display:inline-block;margin-right:1cqh}.answer-title{font-size:1.8cqh;color:#fff;margin-bottom:.5cqh}.answer-desc{font-size:1.4cqh;color:#e0e0e0;line-height:1.4;margin-top:.5cqh}.answer-status{display:inline-block;padding:.3cqh 1cqh;border-radius:1cqh;font-size:1.3cqh;margin-left:1cqh}.answer-status.correct{background:#4caf50;color:#fff}.answer-status.incorrect{background:#ef5350;color:#fff}.congrats-buttons{display:flex;gap:2cqh;justify-content:center;margin-top:2cqh}.congrats-btn.try-again-style{background:linear-gradient(to bottom,#ff9800,#f57c00);box-shadow:0 .5cqh 1.5cqh #0000004d,0 0 2cqh #ff9800}.congrats-btn.try-again-style:hover{transform:scale(1.05);box-shadow:0 .8cqh 2cqh #0006,0 0 3cqh #ff9800}.sound-toggle{position:absolute;top:max(2cqh,env(safe-area-inset-top,10px));right:max(2cqh,env(safe-area-inset-right,10px));width:clamp(40px,5cqh,60px);height:clamp(40px,5cqh,60px);border-radius:50%;background:#00000080;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1000;transition:all .3s ease;border:none}.back-button{position:absolute;top:max(2cqh,env(safe-area-inset-top,10px));left:max(2cqh,env(safe-area-inset-left,10px));width:clamp(40px,5cqh,60px);height:clamp(40px,5cqh,60px);border-radius:50%;background:#00000080;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1000;transition:all .3s ease;text-decoration:none}.back-button:hover{transform:scale(1.1);background:#000000b3}.back-button:active{transform:scale(.95)}.back-button svg{width:clamp(20px,2.5cqh,30px);height:clamp(20px,2.5cqh,30px);fill:#fff}.sound-toggle:hover{transform:scale(1.1)}.sound-toggle:active{transform:scale(.95)}.sound-toggle svg{width:clamp(20px,2.5cqh,30px);height:clamp(20px,2.5cqh,30px);fill:#fff}.sound-toggle.muted svg.sound-on,.sound-toggle:not(.muted) svg.sound-off{display:none}.sound-toggle.muted svg.sound-off,.sound-toggle:not(.muted) svg.sound-on{display:block}.touch-drag-clone{position:fixed;pointer-events:none;z-index:9999;opacity:.9;box-shadow:0 1cqh 3cqh #0006,0 0 2cqh #ffeb3b99;border-radius:1.8cqh;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);animation:none}.draggable-card.touch-dragging{opacity:.3;transform:scale(.9);filter:grayscale(.3);transition:opacity .15s ease,transform .15s ease}