*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:radial-gradient(circle at top,#152b55,#070d18 60%);color:#f4f7ff;min-height:100vh}.wrap{max-width:1050px;margin:auto;padding:28px 18px}.hero{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.hero h1{font-size:38px;margin:0 0 8px}.hero p{color:#aebbd3;margin:0}.card{background:rgba(18,29,52,.9);border:1px solid #263b61;border-radius:22px;padding:24px;box-shadow:0 15px 45px #0005;margin-bottom:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid2>div{background:#101b31;padding:22px;border-radius:18px}input,select,textarea{width:100%;padding:13px;margin:7px 0;border-radius:11px;border:1px solid #30486e;background:#081323;color:#fff;font-size:15px}button{border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,#28d7c4,#4b8cff);color:#06111e;font-weight:800;cursor:pointer;margin-top:8px}button:disabled{opacity:.45;cursor:not-allowed}.ghost{background:transparent;border:1px solid #38557e;color:#dbe8ff}.hidden{display:none!important}.notice{padding:14px 16px;border-radius:14px;background:#102a42;margin-bottom:18px;color:#d7e8ff}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;background:#0d1729;padding:14px 18px;border-radius:18px}.timer{font-size:32px;font-weight:900;min-width:70px;text-align:center}.tag{display:inline-block;background:#183b64;color:#8de8ff;padding:7px 12px;border-radius:30px}.questionCard{text-align:center}.questionCard h2{min-height:65px;line-height:1.6}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.options button{background:#172b4b;color:#eef6ff;border:1px solid #36537d;text-align:right}.options button.selected{outline:3px solid #2bd8c6}.reveal{margin-top:18px;padding:14px;border-radius:14px;background:#152d25;color:#9ff4d6}.scoreline,.winner,.history{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #243652}.winner{font-size:19px;background:#0d1728;border-radius:12px;margin:8px 0}.muted{color:#9eabc0}.profileHead{display:flex;justify-content:space-between;align-items:center}.history{gap:12px}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:10}.modalBox{width:min(480px,100%);background:#111d34;border:1px solid #35527e;border-radius:22px;padding:25px;position:relative}.close{position:absolute;top:8px;left:8px;background:transparent;color:white;font-size:25px}.tabs{display:flex;gap:8px}.tabs button{flex:1;background:#1b3356;color:white}.modal form h2{margin-top:10px}@media(max-width:700px){.grid2,.options{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:30px}.top{font-size:13px}.timer{font-size:26px}.history{font-size:12px;flex-wrap:wrap}}
.resultDetail{margin:8px 0 18px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);display:grid;gap:6px}.resultDetail span{opacity:.8}.resultDetail p{margin:0;line-height:1.7}