@font-face{font-family:LoveYaLikeASister;src:url(/assets/LoveYaLikeASister-Regular-BJiI2iM8.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Jua;src:url(/assets/Jua-Regular-BZMR1v4P.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}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{position:relative;display:flex;flex-direction:column;align-items:center;background-image:url(/assets/BG1.png);background-size:cover;background-position: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)}}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:opacity .5s ease;opacity:0;pointer-events:none;z-index:10;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:2cqh}.screen.active{opacity:1;pointer-events:all;z-index:20}@media(min-aspect-ratio:9/16){.screen{overflow-y:hidden;padding-bottom:0}}#character-select-screen{background-image:url(/assets/BG1.png);background-size:cover;background-position:center}.fireworks-left{position:absolute;top:2.19cqh;left:2.92cqh;width:auto;height:9.8cqh;z-index:10;pointer-events:none}.fireworks-right{position:absolute;top:1.15cqh;right:1.98cqh;width:auto;height:11.8cqh;z-index:10;pointer-events:none}.logo-container{margin-top:4.49cqh;z-index:20}.logo-container img{height:3.344cqh;width:auto}.title-section{text-align:center;margin-top:4.28cqh;z-index:20;padding:0 5cqw}.main-title{color:#fff;font-size:3.114cqh;line-height:1.3}.subtitle{color:gold;font-size:2.11cqh;margin-top:2.19cqh}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.19cqh 3.76cqw;margin-top:3.45cqh;z-index:20;padding:0 4cqw}.character-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease;position:relative}.character-card:hover{transform:scale(1.05)}.character-card:active{transform:scale(.98)}.character-avatar{width:16.72cqh;height:16.72cqh;border-radius:50%;position:relative}.character-avatar:before{content:"";position:absolute;width:16.72cqh;height:16.72cqh;border-radius:50%;top:.73cqh;left:0;pointer-events:none;background-color:#410fa2;z-index:0}.character-card.selected-p1 .character-avatar{border-color:#00bfff;box-shadow:0 0 20px #00bfff99,0 0 40px #00bfff4d}.character-card.selected-p1 .character-avatar:before{background-color:#00bfff}.character-card.selected-p2 .character-avatar{border-color:#ff6b00;box-shadow:0 0 20px #ff6b0099,0 0 40px #ff6b004d}.character-card.selected-p2 .character-avatar:before{background-color:#ff6b00}.character-avatar img{width:100%;height:100%;object-fit:cover;position:relative}.character-name{color:#fff;font-size:1.94cqh;margin-top:1cqh;font-family:Jua,sans-serif}.selection-indicator{position:absolute;top:-1cqh;left:50%;transform:translate(-50%);padding:.3cqh 1cqh;border-radius:1cqh;font-size:1.5cqh;font-weight:700;color:#fff;display:none;z-index:5}.character-card.selected-p1 .selection-indicator.p1-indicator,.character-card.selected-p2 .selection-indicator.p2-indicator{display:block}.p1-indicator{background:linear-gradient(135deg,#00bfff,#0080ff)}.p2-indicator{background:linear-gradient(135deg,#ff6b00,#ff9500)}.character-card.selected-p1.selected-p2 .selection-indicator.p1-indicator{left:30%}.character-card.selected-p1.selected-p2 .selection-indicator.p2-indicator{left:70%}.start-button{margin-top:1.88cqh;padding:.83cqh 3.87cqh;font-size:3.55cqh;font-family:LoveYaLikeASister,cursive;color:#fff;background:#fd4d8b;border:.4cqh solid #ffffff;border-radius:2.09cqh;cursor:pointer;transition:all .3s ease;z-index:20;filter:grayscale(.5);pointer-events:none}.start-button.active{filter:grayscale(0);pointer-events:all}.start-button.active:hover{transform:scale(1.05)}.start-button.active:active{transform:scale(.98)}#quiz-screen{background-image:url(/assets/BG2-DNGrqI12.png);background-size:cover;background-position:center;padding:2cqh 3.97cqh}.scoreboard{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-top:3.43cqh;position:relative}.player-panel{display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s ease;opacity:.6;transform:scale(.9)}.player-panel.active-turn{opacity:1;transform:scale(1)}.my-turn-badge{background:#e34d3e;color:#fff;padding:.92cqh 3.01cqh;border-radius:2.2cqh;font-size:2.1cqh;margin-bottom:.63cqh;opacity:0;transition:opacity .3s ease;border:.3cqh solid #ffffff;animation:bounce 1s infinite}.player-panel.active-turn .my-turn-badge{opacity:1}.player-avatar{width:12.85cqh;height:12.85cqh;border-radius:50%;overflow:hidden;position:relative}.player-avatar:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;top:.5cqh;left:0;background-color:#1a5276;z-index:0}.player-avatar img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.timer-container{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.timer-fireworks{position:absolute;top:-5.5cqh;left:50%;transform:translate(-50%);width:auto;height:25.8cqh;z-index:0;opacity:.5}.star-timer{position:relative;width:18cqh;height:18cqh;display:flex;justify-content:center;align-items:center}.star-timer img{width:100%;height:100%;object-fit:contain}.timer-text{position:absolute;font-size:4.5cqh;color:#1a5276;font-weight:700;top:50%;left:calc(50% + .8cqh);transform:translate(-50%,-50%)}.question-progress{width:100%;margin-top:2.36cqh;text-align:center}.question-label{color:#fff;font-size:1.83cqh;margin-bottom:1cqh;text-transform:uppercase;letter-spacing:.1cqh}.progress-bar-container{width:100%;height:3.66cqh;background:#1a5276;border-radius:2.5cqh;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,wheat,wheat);transition:width .5s ease;width:20%;border-right:.2cqh solid #ffffff}.question-box{width:100%;margin-top:4.18cqh;padding:0 2cqh}.question-text{color:#fff;font-size:2.8cqh;text-align:center;line-height:1.4}.quiz-fireworks-left{position:absolute;bottom:14cqh;left:1.78cqh;width:auto;height:10.24cqh;pointer-events:none}.quiz-fireworks-left2{position:absolute;bottom:60%;left:.73cqh;width:auto;height:7cqh;pointer-events:none}.quiz-fireworks-right{position:absolute;bottom:54%;right:0;width:auto;height:8.36cqh;pointer-events:none}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.51cqh 4.06cqh;width:100%;margin-top:3.87cqh;padding:0 1cqh}.answer-option{display:flex;align-items:center;padding:1.5cqh;border-radius:3.24cqh;cursor:pointer;transition:all .2s ease;position:relative;min-height:11.8cqh;margin-left:2cqh;border:.3cqh solid #ffffff}.answer-option:hover{transform:scale(1.02)}.answer-option:active{transform:scale(.98)}.answer-option.option-a,.answer-option.option-b,.answer-option.option-c,.answer-option.option-d{background:#87ceeb}.option-letter{position:absolute;left:-3.3cqh;top:50%;transform:translateY(-50%);width:4.07cqh;height:4.07cqh;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:3.32cqh;color:#1a5276}.option-icon{width:6cqh;height:6cqh;margin-right:1cqh;object-fit:contain}.option-text{color:#1a5276;font-size:1.6cqh;line-height:1.2;flex:1;text-align:center;max-width:10cqh}.answer-option img{width:4.91cqh;height:4.91cqh;object-fit:contain;flex-shrink:0}.answer-option.selected{box-shadow:0 0 15px #00bfffcc;border:.3cqh solid #00bfff}.answer-option.correct{background:wheat!important}.answer-option.disabled{pointer-events:none}.feedback-box{position:absolute;bottom:8cqh;left:50%;transform:translate(-50%);width:70%;background:#fff;border:.4cqh solid #87ceeb;border-radius:2cqh;padding:2cqh 2cqh 1cqh;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:50}.feedback-box.visible{opacity:1;pointer-events:all}.feedback-results{display:flex;justify-content:space-between;width:100%;margin-bottom:1cqh}.player-result{display:flex;align-items:center;gap:1cqh}.player-tag{padding:.5cqh 1.2cqh;border-radius:.8cqh;color:#fff;font-size:1.5cqh;font-weight:700}.player-tag.p1-tag{background:#5bc0de}.player-tag.p2-tag{background:#f0ad4e}.result-text{font-size:1.8cqh;color:#1a5276}.result-text.correct-text{color:#5cb85c}.result-text.wrong-text{color:#d9534f}.feedback-image{width:12cqh;height:12cqh;object-fit:contain;margin:1cqh 0;border-radius:1cqh}.feedback-message{color:#666;font-size:1.6cqh;text-align:center;font-style:italic;margin:1cqh 0}.next-btn{background:none;border:none;cursor:pointer;transition:transform .2s ease}.next-btn:hover{transform:scale(1.1)}.next-btn:active{transform:scale(.95)}.next-btn img{height:5cqh;width:auto}.next-arrow{width:6cqh;height:4cqh;background:#f0ad4e;border-radius:.5cqh;display:flex;justify-content:center;align-items:center;color:#fff;font-size:3cqh}#result-screen{background-image:url(/assets/BG4-BV6d9u9G.png);background-size:cover;background-position:center;padding:2cqh 3cqh}.result-header-img{width:auto;height:5.75cqh;margin-top:2.7cqh}.result-fireworks-left{position:absolute;top:16cqh;left:-8cqh;width:auto;height:25.08cqh;pointer-events:none}.result-fireworks-right{position:absolute;top:21cqh;right:0;width:auto;height:19.23cqh;pointer-events:none}.winner-title{color:gold;font-size:7.36cqh;margin-top:7.73cqh}.winner-star-container{position:relative;width:42.11cqh;height:42.11cqh;display:flex;justify-content:center;align-items:center}.winner-star{width:100%;height:100%;object-fit:contain}.winner-info{position:absolute;top:50%;left:calc(50% + 1.3cqh);transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center}.winner-player-text{color:#1a5276;font-size:4.72cqh;margin-bottom:.5cqh}.winner-character-img{position:absolute;bottom:1cqh;right:-4cqh;width:auto;height:17.55cqh;z-index:10}.final-scores{display:flex;justify-content:center;gap:8cqh;margin-top:3cqh}.final-score-item{display:flex;flex-direction:column;align-items:center}.final-score-label{color:#fff;font-size:2.5cqh}.final-score-value{color:gold;font-size:5cqh}.play-again-btn{margin-top:4cqh;padding:.83cqh 3.13cqh;font-size:3cqh;font-family:LoveYaLikeASister,cursive;color:#fff;background:#fd4d8b;border:.4cqh solid #ffffff;border-radius:2cqh;cursor:pointer;transition:all .3s ease;z-index:20}.play-again-btn:hover{transform:scale(1.05)}.play-again-btn:active{transform:scale(.98)}.tie-text{color:gold;font-size:3cqh}.bottom-banner{position:absolute;bottom:0;left:0;width:100%;height:auto;pointer-events:none}.bottom-banner img{width:100%;height:auto}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.6cqh)}}.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}