*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #46178f;--purple-light: #864cbf;--purple-dark: #2e0e6e;--red: #e21b3c;--blue: #1368ce;--yellow: #d89e00;--green: #26890c;--white: #ffffff;--text: #ffffff;--card: rgba(255,255,255,.1);--card-hover: rgba(255,255,255,.18);--radius: 12px;--shadow: 0 8px 32px rgba(0,0,0,.35);--font: "Nunito", sans-serif}html,body{height:100%}body{font-family:var(--font);background:var(--purple);color:var(--text);line-height:1.4;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900}h2{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800}h3{font-size:1.3rem;font-weight:700}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.full{width:100%;height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border:none;border-radius:var(--radius);font-family:var(--font);font-size:1rem;font-weight:800;cursor:pointer;transition:transform .12s,box-shadow .12s,opacity .12s;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:#fff;color:var(--purple)}.btn-secondary{background:var(--card);color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-danger{background:var(--red);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-lg{font-size:1.25rem;padding:1rem 2.5rem;border-radius:16px}.btn-sm{font-size:.85rem;padding:.5rem 1rem}.card{background:var(--card);border-radius:var(--radius);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.card-hover{transition:background .2s,transform .2s}.card-hover:hover{background:var(--card-hover);transform:translateY(-3px)}.input{width:100%;padding:.75rem 1rem;border-radius:var(--radius);border:2px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-family:var(--font);font-size:1rem;font-weight:600;outline:none;transition:border-color .2s}.input::placeholder{color:#fff6}.input:focus{border-color:#fffc}select option{background:#2e0e6e;color:#fff}.ans-0{background:var(--red);color:#fff}.ans-1{background:var(--blue);color:#fff}.ans-2{background:var(--yellow);color:#1a1a1a}.ans-3{background:var(--green);color:#fff}.shape-0:before{content:"▲"}.shape-1:before{content:"◆"}.shape-2:before{content:"●"}.shape-3:before{content:"■"}.answer-btn{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.2rem;border:none;border-radius:var(--radius);font-family:var(--font);font-size:1.05rem;font-weight:800;cursor:pointer;transition:transform .12s,filter .12s;text-align:left;word-break:break-word;min-height:64px;position:relative}.answer-btn:hover:not(:disabled){transform:scale(1.03);filter:brightness(1.1)}.answer-btn:active:not(:disabled){transform:scale(.98)}.answer-btn:disabled{cursor:default}.answer-btn .shape-icon{font-size:1.4rem;flex-shrink:0;width:32px;text-align:center}.timer-bar-wrap{width:100%;height:12px;background:#fff3;border-radius:6px;overflow:hidden}.timer-bar{height:100%;border-radius:6px;transition:width 1s linear,background-color .5s}.podium-wrap{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;padding-bottom:2rem}.podium-column{display:flex;flex-direction:column;align-items:center;gap:.4rem}.podium-block{width:100px;border-radius:8px 8px 0 0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;font-size:2rem;animation:riseUp .8s cubic-bezier(.34,1.56,.64,1) both}.podium-1{background:linear-gradient(180deg,gold,#b8860b);height:180px;animation-delay:.2s}.podium-2{background:linear-gradient(180deg,silver,gray);height:130px;animation-delay:.4s}.podium-3{background:linear-gradient(180deg,#cd7f32,#8b4513);height:90px;animation-delay:.6s}.podium-nickname{font-weight:800;font-size:.9rem;text-align:center;max-width:100px}.podium-score{font-size:.8rem;opacity:.8}@keyframes riseUp{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes countdownPop{0%{transform:scale(2);opacity:0}30%{transform:scale(1.2);opacity:1}70%{transform:scale(1.05);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes scoreFloat{0%{transform:translateY(0);opacity:1}to{transform:translateY(-80px);opacity:0}}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #fff3}50%{box-shadow:0 0 40px #fff9}}@keyframes correctFlash{0%{background:var(--green)}50%{background:#52ff52}to{background:var(--green)}}@keyframes wrongShake{0%,to{transform:translate(0);background:var(--red)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.animate-fadeInDown{animation:fadeInDown .5s ease both}.animate-fadeInUp{animation:fadeInUp .5s ease both}.animate-bounceIn{animation:bounceIn .6s cubic-bezier(.34,1.56,.64,1) both}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-shake{animation:shake .5s ease both}.animate-slideLeft{animation:slideInLeft .4s ease both}.animate-slideRight{animation:slideInRight .4s ease both}.animate-glow{animation:glow 2s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 1rem;min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}@media (pointer: coarse){.btn{min-height:44px}.answer-btn{min-height:64px}.input,select{min-height:44px;font-size:16px}}@media (max-width: 400px){.page{padding:1rem .5rem}h1{font-size:clamp(1.5rem,7vw,2.5rem)}h2{font-size:clamp(1.1rem,5vw,1.6rem)}.btn-lg{font-size:1rem;padding:.85rem 1.5rem}.card{padding:1rem}.answer-btn{padding:.7rem .9rem;font-size:.95rem;min-height:56px}.answer-btn .shape-icon{font-size:1.1rem;width:24px}.podium-block{width:70px!important}.podium-nickname{max-width:70px!important;font-size:.75rem!important}.podium-1{height:120px}.podium-2{height:90px}.podium-3{height:60px}}@media (max-width: 600px){.page{padding:1.25rem .75rem}.podium-wrap{gap:.3rem;padding-bottom:1rem}.podium-block{width:85px}.podium-nickname{max-width:85px;font-size:.8rem}}@media (max-width: 768px){.page{padding:1.5rem 1rem}}html,body{overflow-x:hidden}img{max-width:100%;height:auto}