:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14243a;background:#eef5fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#fef8df 0,transparent 28%),radial-gradient(circle at top right,#dff1ff 0,transparent 34%),#eef5fb}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.start-shell,.result-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px}.start-card,.result-card{width:min(1180px,100%);background:#fffffff5;border:1px solid #d8e4ef;border-radius:30px;box-shadow:0 24px 70px #284b6e29;overflow:hidden}.start-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:680px}.start-copy{padding:54px;display:flex;flex-direction:column;justify-content:center}.start-visual{min-height:100%;background:#e8f4ff;display:grid;place-items:center;overflow:hidden}.start-visual img{width:100%;height:100%;object-fit:cover}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.8rem;color:#2d70b7}h1{margin:.45rem 0 .75rem;font-size:clamp(2.2rem,5vw,4.3rem);line-height:.98;letter-spacing:-.045em}.lead{font-size:1.14rem;line-height:1.6;color:#50647a;max-width:58ch}.rules-grid,.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.rules-grid div,.summary-grid div{border:1px solid #d8e6f2;background:#f8fbfe;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px}.rules-grid strong,.summary-grid strong{font-size:1.5rem;color:#205f9f}.rules-grid span,.summary-grid span{font-size:.86rem;color:#61768d}.name-field{display:grid;gap:8px;font-weight:700;margin-top:8px}.name-field input{border:2px solid #c9d9e8;border-radius:14px;padding:15px 16px;outline:none;font-size:1.05rem}.name-field input:focus{border-color:#2f78bd;box-shadow:0 0 0 4px #dfefff}.primary-button,.secondary-button,.icon-button{border:0;border-radius:14px;font-weight:800;transition:.16s transform,.16s box-shadow}.primary-button{margin-top:14px;padding:16px 20px;background:linear-gradient(135deg,#2f7bc2,#17558f);color:#fff;box-shadow:0 10px 24px #1c5d9a3b}.secondary-button{padding:12px 16px;background:#eef4f9;color:#22415e;border:1px solid #d6e1eb}.icon-button{padding:10px 12px;background:#f1f6fb;color:#254a6d}.primary-button:hover:not(:disabled),.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.microcopy{color:#75869a;font-size:.8rem;margin:12px 0 0}.game-shell{min-height:100vh;padding:18px 24px 30px;max-width:1280px;margin:auto}.hud{display:grid;grid-template-columns:1.4fr repeat(2,.7fr) auto auto;gap:10px;align-items:stretch}.player-block,.hud-stat{background:#fff;border:1px solid #d9e5ef;border-radius:16px;padding:10px 14px;box-shadow:0 5px 18px #3b5a760f}.player-block span,.hud-stat span{display:block;color:#708196;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.player-block strong,.hud-stat strong{font-size:1.15rem}.progress-wrap{margin:15px 0}.progress-copy{display:flex;justify-content:space-between;font-weight:800;color:#3a5877;font-size:.9rem;margin-bottom:6px}.progress-track{height:10px;background:#dce7f1;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2b77bd,#55b899);transition:width .25s ease}.question-card{position:relative;background:#fff;border:1px solid #d9e5ef;border-radius:26px;padding:28px;box-shadow:0 18px 50px #284b6e21;min-height:calc(100vh - 155px);display:grid;grid-template-columns:86px 1fr;gap:22px}.timer{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#2f7bc2 var(--timer),#e5edf5 0);position:sticky;top:18px}.timer:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:#fff;border-radius:50%}.timer strong,.timer span{z-index:1;line-height:1}.timer strong{font-size:1.55rem}.timer span{font-size:.7rem;color:#73859a;margin-top:2px}.question-main{max-width:980px;width:100%;margin:auto}.category-pill{display:inline-flex;background:#eaf3fb;color:#25639d;border-radius:999px;padding:7px 11px;font-weight:800;font-size:.78rem}.question-main h2{font-size:clamp(1.45rem,2.7vw,2.2rem);line-height:1.25;margin:14px 0 18px;letter-spacing:-.02em}.question-image{width:min(610px,100%);max-height:290px;object-fit:contain;display:block;margin:0 auto 18px;border-radius:18px;background:#f6f9fc;border:1px solid #e0e9f1}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-button{border:2px solid #dce7f1;border-radius:16px;background:#fbfdff;color:#20364d;min-height:82px;padding:13px 15px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:700;line-height:1.35;transition:.14s}.answer-button:hover:not(:disabled){border-color:#67a3d8;background:#f2f8fe;transform:translateY(-1px)}.answer-letter{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e9f2fa;color:#2767a3;font-weight:900}.answer-button.correct{border-color:#51a87b;background:#eaf8f0;color:#1d6444}.answer-button.wrong{border-color:#cf6d72;background:#fff0f1;color:#8a3034}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f1f2fad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20}.pause-overlay>div{background:#fff;padding:34px;border-radius:24px;text-align:center;min-width:300px;box-shadow:0 18px 50px #00000040}.result-card{padding:42px}.result-hero{display:flex;flex-direction:column;align-items:flex-start}.result-hero h1{font-size:clamp(2rem,4vw,3.3rem)}.final-score{font-size:2.5rem;font-weight:900;color:#1d609f}.final-score small{font-size:1rem;color:#667c91}.result-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.result-columns>section{border:1px solid #dce6ef;border-radius:20px;padding:20px;background:#fbfdff}.result-columns h2{margin-top:0;font-size:1.2rem}.category-results{display:grid;gap:10px}.category-results>div{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;font-size:.9rem}.category-results>div>div{grid-column:1/-1;height:7px;border-radius:99px;background:#e3ecf4;overflow:hidden}.category-results i{display:block;height:100%;background:#56ad7f;border-radius:99px}.ranking-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ranking-list li{display:flex;justify-content:space-between;padding:9px 10px;border-radius:10px;background:#f1f6fa}.ranking-list strong{color:#2365a0}.review{margin-top:22px;border:1px solid #dce6ef;border-radius:18px;padding:16px}.review summary{cursor:pointer;font-weight:900}.review-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;max-height:420px;overflow:auto}.review article{background:#f8fafc;border:1px solid #e1e8ee;border-radius:12px;padding:12px;font-size:.86rem}.review article p{margin:6px 0}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.result-actions .primary-button{margin-top:0}@media (max-width:900px){.start-card{grid-template-columns:1fr}.start-visual{max-height:320px;order:-1}.start-copy{padding:30px}.rules-grid,.summary-grid,.hud{grid-template-columns:1fr 1fr}.player-block{grid-column:1/-1}.question-card{grid-template-columns:1fr;padding:20px}.timer{position:absolute;right:18px;top:18px;width:64px;height:64px}.question-main{padding-top:52px}.answers,.result-columns,.review-list{grid-template-columns:1fr}}@media (max-width:520px){.start-shell,.result-shell{padding:12px}.start-copy,.result-card{padding:22px}.rules-grid,.summary-grid{grid-template-columns:1fr 1fr}.game-shell{padding:10px}.hud{grid-template-columns:1fr 1fr}.question-card{border-radius:18px}.progress-copy{font-size:.75rem;gap:8px}.answer-button{min-height:72px}.result-actions>*{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.footer-credits{text-align:center;padding:18px 12px 6px;margin-top:16px;color:#4a607a;font-size:.9rem;font-weight:600;width:100%}.footer-credits p{margin:0}.footer-credits a{color:#17558f;text-decoration:underline;text-underline-offset:3px;font-weight:700;transition:color .15s ease}.footer-credits a:hover{color:#0b3259}