@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;font-family:'Baloo 2',system-ui;background:radial-gradient(circle at 15% 10%,#fff 0 8%,transparent 25%),linear-gradient(145deg,#fff8df,#dff7ff);color:#26345b;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:24px;padding:14px 24px;background:#ffbd59;color:#533b27;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 6px 0 #e09a38;transition:.15s}button:active{transform:translateY(4px);box-shadow:0 2px 0 #e09a38}button:disabled{opacity:.5}.wrap{max-width:1180px;margin:auto;padding:28px}.card{background:#ffffffdf;border:3px solid #fff;border-radius:32px;padding:28px;box-shadow:0 15px 40px #7896b52b}.hero{text-align:center;padding:8vh 20px}.hero h1{font-size:clamp(3rem,9vw,7rem);line-height:.9;color:#f28b66;margin:10px}.hero p{font-size:1.4rem}.big{font-size:1.5rem}.actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.secondary{background:#9be3df;box-shadow:0 6px 0 #65bbb7}.danger{background:#ff9f9f;box-shadow:0 6px 0 #dd7777}.small{padding:6px 10px;font-size:.8rem}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.pill{background:#edf0ff;border-radius:99px;padding:8px 16px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.option{min-height:150px;background:#fff;border:4px solid #dce3ff;box-shadow:0 8px 0 #c4cbed;font-size:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden}.option img{display:block;width:100%;max-width:220px;aspect-ratio:1/1;object-fit:cover;border-radius:18px}.option span{font-size:.95rem}.option:hover{transform:scale(1.03)}.scene{min-height:65vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(#8bd9fa,#fff3c0);border-radius:32px}.scene .art{font-size:clamp(3rem,10vw,9rem);letter-spacing:12px;filter:drop-shadow(0 8px 4px #5575a755)}.scene h2{font-size:clamp(2rem,5vw,4rem);color:#fff;text-shadow:0 3px 5px #466}.story-controls{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}.login{max-width:440px;margin:8vh auto}.login input,.hero input{width:min(100%,420px);padding:14px;border:3px solid #dce3ff;border-radius:18px;margin:7px 0}.muted{color:#7180a7}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;text-align:left;border-bottom:2px solid #edf0ff}.code{font-size:5rem;margin:0;color:#f28b66}.sound{position:fixed;right:18px;top:18px;z-index:2;padding:10px 14px}.logo-orbit,.wait-orbit{font-size:5rem;animation:float 2.5s ease-in-out infinite}.confetti{font-size:4rem}.rank{font-size:1.5rem;background:#fff8df;border-radius:18px;padding:8px 18px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats div{background:#effbff;border-radius:20px;padding:20px;font-size:1.2rem}.stats b{display:block;font-size:2rem;color:#f28b66}.verse p:first-of-type{font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.3;background:#fff8df;padding:18px;border-radius:20px}@keyframes float{50%{transform:translateY(-10px) rotate(3deg)}}@media(max-width:600px){.wrap{padding:12px}.card{padding:18px;border-radius:24px}.player-app{padding:8px}.player-app .card{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center}.player-app .question-card{min-height:calc(100vh - 30px)}.player-app .question-card h2{font-size:1.6rem;text-align:center}.options{grid-template-columns:1fr;gap:14px}.option{min-height:145px;font-size:1.4rem}.scene{min-height:55vh}.stats{grid-template-columns:1fr}.table{font-size:.8rem}}
.modal{position:fixed;inset:0;margin:auto;z-index:5;width:min(92vw,620px);height:max-content;max-height:88vh;overflow:auto;text-align:center;background:#fffffff2;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center}.modal[hidden]{display:none}.option.selected{border-color:#f28b66;background:#fff3c4;box-shadow:0 8px 0 #d87856;transform:scale(1.02)}.option.selected img{outline:6px solid #ffbd59}.player-app:has(.modal:not([hidden])) .question-card{filter:brightness(.86)}#finalResult{background:#fff8df;border-radius:20px;padding:12px 20px}#feedbackIcon{font-size:4rem}#finish{font-size:1.05rem}#finish h1{font-size:clamp(1.8rem,5vw,3rem)}#finish p{max-width:450px}#ranking .rank{width:min(100%,430px);margin:8px auto}#ranking{padding:24px 16px}#feedback{padding:32px 20px}#feedback h1{margin:6px 0}(max-width:600px){.modal{width:94vw;max-height:86vh;padding:22px 14px}.modal .rank{font-size:1.25rem}.option{min-height:145px}}