:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#02010d;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#02010d}.page{max-width:390px;margin:0 auto;padding:20px 16px 24px;display:flex;flex-direction:column;gap:16px}.header{border-bottom:1px solid rgba(133,130,169,.35);padding-bottom:16px}.header-top{display:flex;gap:12px;align-items:flex-start}.logo{width:144.727px;height:24px;flex-shrink:0;display:block}.header-tagline{margin:0;font-size:20px;font-weight:700;line-height:28px}.header-sub{margin:6px 0 0;font-size:20px;font-weight:700;line-height:28px}.explainer p{margin:14px 0 4px;font-size:16px;line-height:20px;font-weight:400}.section-title{margin:0;font-size:20px;font-weight:700}.state-message{margin:0;color:#8582a9;font-size:14px}.quiz-card{background:#171440;border-radius:16px;padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px}.quiz-cover-wrap{width:100%;height:160px;border-radius:12px;overflow:hidden;background:#ffffff14}.quiz-cover{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}.quiz-cover--placeholder{background:#ffffff14}.quiz-name{margin:0;font-size:24px;font-weight:600;line-height:1.2}.quiz-description{margin:0;font-size:14px;line-height:1.35;font-weight:400}.btn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;border:none;cursor:pointer}.btn-primary{background:#7f00ff;color:#fff}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(154,53,255,.55)}.caption{margin:0;text-align:center;font-size:12px;color:#8582a9}.recent{display:flex;flex-direction:column;gap:12px;padding-top:8px}.recent-title{margin:0;font-size:18px;font-weight:700}.recent-hint{margin:0;font-size:14px;color:#8582a9;line-height:1.35}.recent-item{display:flex;align-items:center;gap:12px;padding:6px 0}.recent-thumb-wrap{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff14}.recent-thumb{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}.recent-thumb--placeholder{background:#ffffff14}.recent-name{margin:0;flex:1;font-size:14px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-date{flex-shrink:0;font-size:12px;font-weight:500;color:#8582a9;background:#ffffff0f;border-radius:8px;padding:5px 10px;white-space:nowrap}.players-count{margin:0;text-align:center;font-size:12px;color:#8582a9}.divider{border:none;height:1px;background:#8582a92e;margin:0}