.trivia-shell{max-width:1160px;margin:auto;padding:48px 24px 88px}.trivia-hero{position:relative;overflow:hidden;padding:50px;border:1px solid #ff3ea5;border-radius:24px;background:radial-gradient(circle at 82% 30%,rgba(82,202,255,.3),transparent 24%),radial-gradient(circle at 97% 90%,rgba(255,62,165,.25),transparent 27%),#080e16}.trivia-hero:after{content:"MM";position:absolute;right:40px;bottom:-38px;color:rgba(255,255,255,.04);font:800 240px "Barlow Condensed"}.trivia-hero h1{position:relative;font:800 clamp(60px,9vw,112px)/.82 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:14px 0}.trivia-hero p{position:relative;color:#c0d0df;font-size:18px}.trivia-grid{display:grid;grid-template-columns:1.65fr .8fr;gap:20px;margin-top:22px}.trivia-card,.trivia-board{position:relative;overflow:hidden;padding:34px;border:1px solid #2b4054;border-radius:20px;background:linear-gradient(145deg,#101a27,#080d14)}.trivia-card:before{content:"";position:absolute;width:310px;height:310px;right:-150px;top:-150px;border:1px solid rgba(117,210,255,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(117,210,255,.035),0 0 0 70px rgba(117,210,255,.025)}.trivia-card-top{display:flex;justify-content:space-between;align-items:center}.trivia-live{color:#a9bfd2;font:700 13px "Barlow Condensed";letter-spacing:.08em}.trivia-live i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ff3ea5;box-shadow:0 0 14px #ff3ea5}.trivia-number{color:rgba(117,210,255,.18);font:800 88px/.7 "Barlow Condensed";margin-top:25px}.trivia-card h2,.trivia-board h2{position:relative;font:800 clamp(35px,4vw,53px)/.94 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:8px 0 28px}.trivia-options{display:grid;gap:11px}.trivia-choice{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #344b61;border-radius:11px;background:rgba(4,9,14,.75);color:#eef6ff;text-align:left;font:600 16px Inter;cursor:pointer;transition:.18s}.trivia-choice:hover:not(:disabled){transform:translateX(5px);border-color:#ff3ea5;background:#1c1020}.trivia-choice i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#20354a;color:#75d2ff;font:800 17px "Barlow Condensed"}.trivia-choice b{margin-left:auto;color:#75d2ff;font:800 12px "Barlow Condensed"}.trivia-choice.correct{border-color:#57e69a;background:#102b20}.trivia-choice.wrong{border-color:#ff638c;background:#2a121b}.trivia-lock{color:#8da3b7;margin:22px 0 0}.trivia-film{position:relative;margin-top:20px;padding:20px;border-radius:12px}.trivia-film.win{background:linear-gradient(90deg,#113420,#0d2018);border-left:3px solid #57e69a;color:#cff9dd}.trivia-film.miss{background:linear-gradient(90deg,#351521,#200d15);border-left:3px solid #ff638c;color:#ffd4e0}.trivia-film>span{font:800 13px "Barlow Condensed";letter-spacing:.1em;color:#75d2ff}.trivia-film h3{font:800 27px "Barlow Condensed";margin:5px 0}.trivia-film p{line-height:1.55;margin:8px 0}.trivia-film small{color:#a7bece}.trivia-film small b{font:800 16px "Barlow Condensed";color:#fff}.trivia-board{background:linear-gradient(160deg,#101722,#080b10)}.trivia-board:before{content:"LEADERBOARD";position:absolute;right:-54px;top:38px;transform:rotate(90deg);color:rgba(255,62,165,.08);font:800 44px "Barlow Condensed"}.trivia-board h2{font-size:43px}.trivia-board p{display:flex;gap:11px;align-items:center;border-bottom:1px solid #243649;padding:14px 0;margin:0}.trivia-board p>b{color:#ff3ea5;font:800 17px "Barlow Condensed"}.trivia-board p span{flex:1}.trivia-board p strong{color:#75d2ff;font:800 20px "Barlow Condensed"}.trivia-board p strong small{font-size:11px;margin-left:3px}.board-empty{color:#91a8bb}@media(max-width:760px){.trivia-shell{padding:25px 16px}.trivia-hero{padding:32px 26px}.trivia-hero:after{right:5px;font-size:150px}.trivia-grid{grid-template-columns:1fr}.trivia-card,.trivia-board{padding:24px}.trivia-choice{padding:14px}.trivia-card h2{font-size:38px}}