*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Regular-Dvt-avFb.ttf)format("truetype")}@font-face{font-family:Cormorant Garamond;src:url(/assets/CormorantGaramond-Regular-BtKDB5pG.ttf)format("truetype")}body{color:#f0ede8;background-color:#0a0a0c;min-height:100vh;overflow-x:hidden}#root{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.screen{width:100%;max-width:640px;margin:0 auto;animation:.6s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quiz-game{width:100%;max-width:640px;margin:0 auto}.quiz-game-eyebrow{letter-spacing:.25em;color:#c9a96e;text-transform:uppercase;margin-bottom:1rem;font-size:11px}.quiz-game-title{color:#f0ede8;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:300;line-height:1}.quiz-game-subtitle{color:#9e9a94;margin-bottom:2.5rem;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-style:italic;font-weight:300}.quiz-game-desc{color:#5a5650;letter-spacing:.02em;max-width:380px;margin-bottom:3rem;font-size:14px;line-height:1.8}.quiz-game-meta{gap:2rem;margin-bottom:3.5rem;display:flex}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-num{color:#e8d5b0;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300;line-height:1.5}.meta-label{letter-spacing:.12em;text-transform:uppercase;color:#5a5650;font-size:11px}.quiz-game-btn-start{color:#e8d5b0;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #8b6e42;padding:16px 35px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .3s;position:relative;overflow:hidden}.quiz-game-btn-start:before{content:"";opacity:0;background:#c9a96e;transition:all .3s;position:absolute;inset:0}.quiz-game-btn-start:hover{color:#c9a96e;border-color:#c9a96e;transform:translateY(-1px)}.quiz-game-btn-start:hover:before{opacity:.08}.quiz-game-btn-start:active{transform:translateY(0)}.deco-line{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.deco-dot{background:#c9a96e;border-radius:50%;flex-shrink:0;width:5px;height:5px}.deco-line:before,.deco-line:after{content:"";background:linear-gradient(90deg,#0000,#8b6e42);flex:1;height:1px}.deco-line:after{background:linear-gradient(90deg,#8b6e42,#0000)}.points-toast{color:#e8d5b0;opacity:0;pointer-events:none;z-index:100;font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:300;transition:all .4s;position:fixed;top:2rem;right:2rem;transform:translateY(8px)}.points-toast.show{opacity:1;transform:translateY(0)}.quiz-header{flex-direction:column;gap:1.5rem;display:flex}.container-counter-timer-label{justify-content:space-between;align-items:center;display:flex}.container-timer-label{flex-direction:column;align-items:end;gap:.5rem;display:flex}.q-counter{color:#5a5650;font-family:Cormorant Garamond,serif;font-size:4rem;font-weight:300;line-height:1}.q-counter span{color:#5a5650;font-size:1.8rem}.timer-label{letter-spacing:.15em;text-transform:uppercase;color:#5a5650;margin-bottom:6px;font-size:11px}.round{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.circle{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.round-text{color:#e1c1a5;background-color:#0a0a0c;border-radius:50%;justify-content:center;align-items:center;width:80%;height:80%;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700;display:flex;position:absolute}.progress-bar{background:#2a2a32;height:1px;margin-bottom:3rem;position:relative}.progress-fill{background:linear-gradient(90deg,#8b6e42,#c9a96e);height:100%;transition:width .6s;position:absolute;top:0;left:0}.progress-dot{background:#c9a96e;border-radius:50%;width:7px;height:7px;transition:left .6s;position:absolute;top:50%;transform:translate(-50%,-50%)}.question-text{color:#f0ede8;letter-spacing:.01em;margin-bottom:2.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:300;line-height:1.4}.answers{flex-direction:column;gap:10px;display:flex}.answer-btn{color:#9e9a94;text-align:left;cursor:pointer;letter-spacing:.02em;background:0 0;border:1px solid #2a2a32;align-items:center;gap:16px;padding:16px 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;transition:all .25s;display:flex}.answer-btn.wrong{color:#c48888;background:#8c4a4a0f;border-color:#8c4a4a}.answer-btn.disabled{cursor:default}.answer-btn.correct{color:#8cc4a8;background:#4a8c6a0f;border-color:#4a8c6a}.answer-idx{color:#5a5650;min-width:18px;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:300;transition:all .25s}@media (hover:hover){.answer-btn:not(.disabled):not(.wrong):not(.correct):hover{color:#f0ede8;border-color:#8b6e42;transform:translate(4px)}}.end-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:#c9a96e;margin-bottom:1.5rem;font-size:14px}.end-score{color:#f0ede8;margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(5rem,16vw,8rem);font-weight:300;line-height:1}.end-score span{color:#5a5650;vertical-align:middle;font-size:30%}.end-verdict{color:#e8d5b0;margin-bottom:.75rem;font-family:Cormorant Garamond,serif;font-size:1.6rem;font-style:italic;font-weight:300}.end-detail{color:#5a5650;letter-spacing:.02em;margin-bottom:3rem}.end-stats{background:#2a2a32;border:1px solid #2a2a32;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:3rem;display:grid}.stat-cell{text-align:center;background:#111115;padding:1.5rem}.end-actions{flex-wrap:wrap;gap:12px;display:flex}.end-actions .btn-secondary{color:#5a5650;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #2a2a32;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .3s}.end-actions .btn-secondary:hover{color:#f0ede8;border-color:#5a5650;transform:translateY(-1px)}.end-actions .btn-primary{color:#e8d5b0;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #8b6e42;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .3s;position:relative;overflow:hidden}.end-actions .btn-primary:before{content:"";opacity:0;background:#c9a96e;transition:all .3s;position:absolute;inset:0}.end-actions .btn-primary:hover{color:#c9a96e;border-color:#c9a96e;transform:translateY(-1px)}.end-actions .btn-primary:hover:before{opacity:.08}.timeout-icon{color:#5a5650;margin-bottom:1.5rem;font-size:5rem;font-weight:300;line-height:1}.timeout-title{margin-bottom:.75rem;font-family:Cormorant Garamond,serif;font-size:2.8rem;font-weight:300}.timeout-sub{color:#9e9a94;margin-bottom:3rem;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-style:italic}.end-stats{grid-template-columns:1fr 1fr;gap:1px;margin-bottom:3rem;display:grid}.stat-cell{text-align:center;padding:1.5rem}.stat-cell:first-child{border:1px solid #2a2a32}.stat-cell:last-child{border:1px solid #2a2a32;border-left:none}.stat-val{color:#f0ede8;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:300}.stat-lbl{letter-spacing:.12em;text-transform:uppercase;color:#5a5650;font-size:11px}.loader-wrapper{justify-content:center;padding:64px 0;display:flex}.loader{flex-direction:column;align-items:center;gap:16px;display:flex}.spinner{border:4px solid #ccc;border-top-color:#000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.loader p{color:#888}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{width:150px;height:150px;margin:0 auto;display:block}.error-message{text-align:center;color:#dc143c;width:100%;margin-top:1rem;font-size:1.2rem}