:root{color-scheme:light;--bg:#fff;--panel:#fff;--panel2:#f5f5f5;--line:#e4e4e4;--muted:#707070;--text:#171717;--orange:#c32226;--lime:#c32226}
body{background:var(--bg);color:var(--text)}
.player-welcome{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 15px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.welcome-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;overflow:hidden;border-radius:50%;background:var(--panel2);color:var(--orange);font-weight:700}
.welcome-avatar img{width:100%;height:100%;object-fit:cover}
.welcome-message{flex:1;min-width:0}
.welcome-message b{color:var(--orange)}
.new-player-button{padding:8px 12px;font:600 12px var(--sans);cursor:pointer}
.share-row{display:flex;align-items:center;gap:10px;margin:10px 0 16px;flex-wrap:wrap}
.share-buttons{display:flex;align-items:center;gap:12px}
.share-button{padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);font:700 11px var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.share-button:hover{border-color:var(--orange);transform:translateY(-1px)}
.share-vk{background:#0077ff;color:#fff;border-color:#0077ff}
.share-telegram{background:#229ed9;color:#fff;border-color:#229ed9}
.share-count{font-size:11px;color:#666;white-space:nowrap}
.share-count b{color:var(--orange)}
@media(max-width:390px){.player-welcome{gap:8px;padding:10px}.new-player-button{padding:7px 9px;font-size:11px}.share-row{gap:7px}.share-button{padding:6px 8px}.share-count{font-size:10px}}
.site-header{background:#fffF;border-bottom-color:#17171718}
.nav{color:#666}.nav a:hover,.nav a.active{color:#c32226}
.header-score{border-color:#dedede;color:#333}
.hero{border-bottom-color:var(--line)}
.eyebrow{color:#666}.eyebrow-line{background:#c32226}
.hero-copy{color:#555}.hero-meta{color:#666}
.film-ring{border-color:#3d342a18}.ring-two{border-color:#e8523233}.film-orb{box-shadow:0 0 75px #e8523220,inset -25px -20px 35px #08080b}
.decor-tag{color:#666}
.round-pill{color:#666;border-color:var(--line)}.round-pill b{color:#c32226}
.panel{background:#fff;border-color:var(--line);box-shadow:0 8px 30px #0000000a}
.intro-panel label:not(.upload){color:#333}
.optional{color:#777}
.intro-panel input[type=text],.intro-panel input:not([type]){color:#171717;background:#fff;border-color:#ccc}
.intro-panel input:focus{border-color:#c32226}.intro-panel input::placeholder{color:#888}
.upload{border-color:#ccc;color:#333;background:#fff}.upload small{color:#666}.avatar-preview{background:#f2f2f2;color:#555}.upload-arrow{color:#c32226}
.privacy-note{color:#666!important}
.below-note{color:#666}
.leaderboard{border-top-color:var(--line)}.leader-row{border-bottom-color:#17171712}.leader-rank{color:#777}.leader-name{color:#171717}.leader-sub{color:#666}.leader-points{color:#171717}.leader-points small{color:#666}.leader-empty{color:#666}
.leader-footer{color:#666}
.side-card{background:#fff;border-color:var(--line);box-shadow:0 5px 20px #00000008}.side-card p{color:#666}.side-card-spark{color:#c3222620}
.quiz-top{color:#666}.points-badge{color:#c32226}.review-quote{border-bottom-color:#17171712}.review-quote p{color:#171717}.quote-mark{color:#c3222670}.hint-row{color:#555}.hint-button{border-color:#ccc;background:#f5f5f5;color:#333}.hint-button b{color:#c32226}.answer{border-color:#ccc;background:#fff;color:#222}.answer:hover:not(:disabled){border-color:#c32226;background:#fff5f5}.answer.correct{border-color:#4a8a52;background:#edf7ee;color:#245b2b}.answer.wrong{border-color:#c32226;background:#fff0f0;color:#a51d22}.feedback{background:#f5f5f5;color:#333}.quiz-foot{color:#666}
.result-panel>p{color:#555}.final-score span{color:#666}
footer{border-top-color:var(--line);color:#666}footer a{color:#c32226}
.toast{background:#fff;border-color:#ccc;color:#171717;box-shadow:0 8px 25px #00000012}
@media(max-width:760px){.nav{background:#fff;border-bottom-color:var(--line)}}

/* Keep form labels and supporting text comfortably readable. */
.intro-panel label:not(.upload){font-size:14px;font-weight:700;letter-spacing:.4px}
.optional{font-size:12px}
.intro-panel input[type=text],.intro-panel input:not([type]){font-size:16px}
.intro-panel input::placeholder{font-size:15px}
.upload{min-height:76px;font-size:16px}
.upload b{font-size:16px}
.upload small{font-size:14px;line-height:1.4}
.avatar-preview{font-size:28px}
.button{font-size:16px}
.privacy-note{font-size:13px;line-height:1.5}
.intro-panel>p,.result-panel>p{font-size:16px;line-height:1.65}
.eyebrow{font-size:11px}
.quiz-top,.hint-row,.quiz-foot,.round-pill{font-size:13px}
.hint-button{font-size:14px}
.answer{font-size:16px}
.genre-option{font-size:13px;padding:8px 11px}
.genre-content>p,.side-card p{font-size:14px}

@media(max-width:390px){
  .answer{font-size:15px}
  .optional{font-size:11px}
  .upload small{font-size:13px}
}