:root{color:#f5f7ff;background:#050816;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#462281 0,#0000 30%),radial-gradient(circle at 85% 20%,#003e74 0,#0000 27%),#050816;min-height:100vh;margin:0}main{max-width:1040px;margin:auto;padding:2.5rem 1.25rem 5rem}h1{letter-spacing:-.06em;margin:.2rem 0;font-size:clamp(2.2rem,7vw,4rem);font-weight:900}h2{margin-top:0}section{color:#f5f7ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#172139d9,#0b1021e8);border:1px solid #52648766;border-radius:18px;margin:1.2rem 0;padding:1.5rem;box-shadow:0 20px 45px #0008,0 0 35px #2d7ff833}form{gap:.8rem;display:grid}input,select,button{font:inherit;border:0;border-radius:9px;padding:.85rem}input,select{color:#f5f7ff;background:#071021;border:1px solid #6c82b4}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#15c9ff,#3652ff);font-weight:900;transition:all .16s;box-shadow:0 5px 16px #007bff66}button:hover:not(:disabled){filter:brightness(1.16);transform:translateY(-2px)}button:disabled{opacity:.5;cursor:not-allowed}label{gap:.35rem;font-weight:800;display:grid}.logo{letter-spacing:-.1em;color:#f5f7ff;text-shadow:0 0 20px #3ad5ff;align-items:baseline;gap:.04em;font-size:clamp(3rem,11vw,6rem);font-weight:950;display:inline-flex}.logo b{color:#ffdf4d;text-shadow:0 0 20px #ffb800}.logo i{color:#ffdf4d;margin-right:.08em;font-size:.4em}.logo.compact{font-size:2.1rem}.landing{text-align:center;padding-top:9vh}.tagline{color:#72dfff;font-size:1.2rem;font-weight:800}.join-card,.login-card{max-width:440px;margin:1.5rem auto}.join-card .link-button,.back,.link-button{box-shadow:none;color:#7edfff;background:0 0;text-decoration:underline}.app-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.notice{color:#ffdf4d;min-height:1.2rem;font-weight:800}.tools{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tools h2{width:100%}.import-button{cursor:pointer;background:linear-gradient(135deg,#f65099,#8b3dff);border-radius:9px;padding:.85rem;font-weight:900}.import-button input{display:none}.editor-topic{border:1px solid #516891;border-radius:12px;margin:1rem 0;padding:1rem}.editor-question{border-left:4px solid #2dd5ff;gap:.55rem;margin:.8rem 0;padding:.8rem;display:grid}.editor-answer{align-items:center;display:flex}.editor-answer input:last-child{width:100%}.secondary{background:#202d4e}.answers{grid-template-columns:1fr 1fr;gap:13px;margin:1.2rem 0;display:grid}.answer{text-align:left;border-radius:10px;align-items:center;gap:14px;min-height:122px;font-size:clamp(1rem,2.2vw,1.3rem);display:flex;box-shadow:inset 0 1px #fff4,0 6px 14px #0008}.answer span{font-size:2.4rem}.answer strong{color:#fff}.answer em{margin-left:auto;font-size:1.4rem;font-style:normal}.answer-0{background:#e21b3c}.answer-1{background:#1368ce}.answer-2{background:#d89e00}.answer-3{background:#26890c}.answer-4{background:#8b3dff}.answer-5{background:#00a7b5}.answer.selected{outline:4px solid #fff;box-shadow:0 0 0 8px #32d4ff,0 0 30px #32d4ff}.answer.correct{outline:4px solid #6dff97;box-shadow:0 0 26px #35ff7c}.time{background:#050816;border:1px solid #5b719c;border-radius:99px;height:18px;margin:.5rem 0 1.2rem;overflow:hidden}.time i{background:linear-gradient(90deg,#24e2ff,#ffdf4d,#ff416d);height:100%;transition:width .1s;display:block}.timer-label{text-align:right;color:#76e4ff;font-weight:900}.lobby{text-align:center}.avatar{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:1.7rem}.people{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.people span{background:#263655;border:1px solid #6684ba;border-radius:99px;align-items:center;gap:.35rem;padding:.45rem .75rem;display:flex}.ranking li{border-bottom:1px solid #465473;align-items:center;gap:.7rem;padding:.7rem;display:flex}.ranking strong{color:#ffdf4d;margin-left:auto}.feedback{text-align:center;border-radius:14px;margin:1.25rem 0;padding:1.25rem}.feedback.right{background:linear-gradient(135deg,#076d60,#159632)}.feedback.wrong{background:linear-gradient(135deg,#852045,#d43853)}.distribution{gap:.85rem;padding:.5rem 0;display:grid}.distribution-row{grid-template-columns:2rem 1fr 2.5rem;align-items:center;gap:.7rem;display:grid}.distribution-row span{font-size:1.6rem}.bar-track{background:#071021;border:1px solid #44577c;border-radius:7px;height:36px;overflow:hidden}.bar-track i{min-width:0;height:100%;display:block;box-shadow:inset 0 1px #fff8}.bar-track .answer-0{background:#e21b3c}.bar-track .answer-1{background:#1368ce}.bar-track .answer-2{background:#d89e00}.bar-track .answer-3{background:#26890c}.bar-track .answer-4{background:#8b3dff}.bar-track .answer-5{background:#00a7b5}.distribution-row.wrong .bar-track i{opacity:.5}.correct-answer{color:#82ff9d;margin:1.5rem 0 0;font-weight:900}.podium-wrap{text-align:center;position:relative;overflow:hidden}.podium{justify-content:center;align-items:end;gap:.8rem;min-height:265px;margin-top:3.5rem;display:flex}.podium-place{color:#fff;border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;min-width:135px;padding:1rem;display:flex}.podium-place .avatar{font-size:3rem}.podium-place em{font-size:1.5rem;font-style:normal;font-weight:900}.place-1{background:linear-gradient(#ffdf4d,#bf7a00);order:2;height:225px}.place-2{background:linear-gradient(#43baff,#1647b5);order:1;height:170px}.place-3{background:linear-gradient(#ff6b90,#b00b38);order:3;height:135px}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{background:#ffdf4d;width:4px;height:7px;animation:5s linear forwards fall;position:absolute}.confetti i:nth-child(4n){background:#ff4a77}.confetti i:nth-child(4n+1){background:#44dfff}.confetti i:nth-child(4n+2){background:#5dff8a}.confetti i:first-child{animation-delay:.1s;left:6%}.confetti i:nth-child(2){animation-delay:.6s;left:17%}.confetti i:nth-child(3){animation-delay:.2s;left:29%}.confetti i:nth-child(4){animation-delay:.9s;left:41%}.confetti i:nth-child(5){animation-delay:.3s;left:54%}.confetti i:nth-child(6){animation-delay:.8s;left:67%}.confetti i:nth-child(7){animation-delay:.4s;left:80%}.confetti i:nth-child(8){animation-delay:1s;left:92%}@keyframes fall{0%{transform:translateY(-30px)rotate(0)}to{opacity:0;transform:translateY(360px)rotate(720deg)}}.finish-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;display:flex}@media (width<=600px){main{padding:1.5rem .8rem}.answers{grid-template-columns:1fr}.answer{min-height:82px}.podium{gap:.25rem}.podium-place{min-width:30%;font-size:.82rem}}
