@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap');
:root{--purple:#17102d;--yellow:#ffd92f;--yellow2:#ffb91f;--white:#fff;--muted:#b9aed0;--red:#ff5264;--green:#46d88b;--blue:#55a8ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Nunito,Arial,sans-serif;color:var(--white);background:radial-gradient(circle at 20% 10%,#3a1b69 0,transparent 32%),radial-gradient(circle at 85% 85%,#34205e 0,transparent 30%),linear-gradient(145deg,var(--purple),#0d091b);display:flex;justify-content:center;align-items:center;padding:20px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:28px 28px}.app{width:min(720px,100%);min-height:680px;position:relative;z-index:1;background:rgba(19,11,39,.84);border:2px solid rgba(255,217,47,.16);border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.45);overflow:hidden}.screen{min-height:680px;padding:58px 46px;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center}.screen.active{display:flex}.logo-badge,.question-icon,.win-icon{width:86px;height:86px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,var(--yellow),var(--yellow2));color:#3b2100;font-size:46px;font-weight:900;box-shadow:0 12px 30px rgba(255,185,31,.25);transform:rotate(-4deg)}.question-icon{font-size:42px;margin-bottom:18px}.win-icon{font-size:48px;margin-bottom:22px}.eyebrow{margin:22px 0 5px;color:var(--yellow);font-size:13px;font-weight:900;letter-spacing:2.5px}h1{margin:0;font-size:clamp(50px,11vw,82px);line-height:.95;font-weight:900;letter-spacing:-3px;text-shadow:0 7px 0 rgba(0,0,0,.25)}h1 span{color:var(--yellow)}h2{margin:5px 0 12px;font-size:clamp(28px,6vw,42px);line-height:1.05;font-weight:900}.subtitle{color:var(--muted);font-size:18px;line-height:1.5;margin:20px 0 32px}.main-btn,.secondary-btn,.answer,.icon-btn,.text-btn,.mode-card,.difficulty-card{border:0;font:inherit;font-weight:900;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.main-btn{width:min(390px,100%);padding:18px 24px;border-radius:16px;color:#3a2100;background:linear-gradient(180deg,var(--yellow),var(--yellow2));box-shadow:0 8px 0 #b7770e,0 15px 30px rgba(255,185,31,.2);font-size:17px}.main-btn:hover,.secondary-btn:hover,.answer:hover{transform:translateY(-3px);filter:brightness(1.06)}.main-btn:active,.secondary-btn:active,.answer:active{transform:translateY(2px)}.data-status{margin-top:26px;color:var(--muted);font-size:12px}.topbar{position:absolute;top:25px;left:28px;right:28px;display:flex;align-items:center;gap:15px}.icon-btn{width:42px;height:42px;border-radius:13px;color:var(--white);background:rgba(255,255,255,.08)}.icon-btn:hover{background:rgba(255,255,255,.15)}.progress-wrap{flex:1;text-align:left}.progress-text{font-size:11px;color:var(--muted);font-weight:900;letter-spacing:1px;margin-bottom:6px}.progress-track{height:7px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}#progressBar{width:0;height:100%;background:var(--yellow);border-radius:inherit;transition:width .3s ease}.remaining{min-width:42px;color:var(--yellow);font-weight:900}.quiz-card{width:100%;max-width:570px;padding:35px 25px 25px}.hint{color:var(--muted);margin:0 0 25px}.answers{display:grid;gap:12px}.answer{min-height:58px;padding:14px 20px;border-radius:15px;color:var(--white);background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.07);font-size:16px}.answer.yes{border-color:rgba(70,216,139,.35)}.answer.no{border-color:rgba(255,82,100,.35)}.answer.unknown{border-color:rgba(85,168,255,.35)}.tip{color:#817697;font-size:13px;margin-top:25px}.result-card{width:min(400px,100%);margin:25px 0 15px;padding:25px 30px;border-radius:25px;background:linear-gradient(145deg,rgba(255,217,47,.14),rgba(255,255,255,.05));border:2px solid rgba(255,217,47,.25)}.result-image{width:145px;height:145px;object-fit:contain;display:block;margin:0 auto 10px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.3))}.result-name{color:var(--yellow);font-size:42px;font-weight:900}.result-meta{color:var(--muted);font-size:15px;margin-top:3px}.confidence{color:var(--green);font-weight:800}.result-actions{display:grid;gap:13px;width:min(390px,100%);margin-top:15px}.secondary-btn{padding:15px 20px;border-radius:14px;color:var(--white);background:rgba(255,255,255,.09)}.text-btn{margin-top:22px;color:var(--muted);background:none}.text-btn:hover{color:var(--white)}footer{position:fixed;bottom:8px;color:#665c79;font-size:11px;z-index:2}@media(max-width:560px){body{padding:0}.app{min-height:100vh;border-radius:0;border:0}.screen{min-height:100vh;padding:50px 22px}.topbar{left:18px;right:18px}footer{display:none}}

.section-label{width:100%;max-width:570px;text-align:left;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:2px;margin:8px 0 10px}.mode-grid{width:100%;max-width:570px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.mode-card,.difficulty-card{border:2px solid rgba(255,255,255,.08);border-radius:16px;color:var(--white);background:rgba(255,255,255,.06);padding:14px 10px;cursor:pointer;text-align:center}.mode-card span{display:block;font-size:25px;margin-bottom:4px}.mode-card strong,.difficulty-card strong{display:block;font-size:14px}.mode-card small,.difficulty-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.mode-card.selected,.difficulty-card.selected{border-color:var(--yellow);background:rgba(255,217,47,.12);box-shadow:0 0 18px rgba(255,217,47,.08)}.difficulty-grid{width:100%;max-width:570px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:24px}.difficulty-card{padding:11px 7px;font-size:12px}.difficulty-card small{font-size:9px}.mode-status{min-height:18px;color:var(--muted);font-size:12px;margin-top:12px}@media(max-width:560px){.mode-grid{grid-template-columns:repeat(2,1fr)}.difficulty-grid{grid-template-columns:repeat(2,1fr)}}
.top-actions{position:absolute;top:18px;right:22px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.small-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);color:var(--white);border-radius:12px;padding:9px 11px;font:800 12px Nunito;cursor:pointer}.small-btn:hover{background:rgba(255,217,47,.13);border-color:rgba(255,217,47,.4)}.settings-card{width:100%;max-width:570px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px 20px;margin:2px 0 22px;text-align:left}.settings-help{color:var(--muted);font-size:12px;margin:0 0 8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);cursor:pointer}.toggle-row span{display:flex;flex-direction:column;gap:2px}.toggle-row b{font-size:14px}.toggle-row small{color:var(--muted);font-size:10px}.toggle-row input{display:none}.toggle-row i{width:48px;height:27px;border-radius:99px;background:#514a60;position:relative;flex:none;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.toggle-row input:checked+i{background:var(--yellow)}.toggle-row input:checked+i:after{left:24px;background:#3a2100}.panel-screen{justify-content:flex-start;padding-top:75px}.panel-close{position:absolute;top:25px;right:25px}.list-card,.achievement-list{width:min(560px,100%);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden}.rank-row{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.rank-row:last-child{border-bottom:0}.rank-row span{color:var(--yellow);font-weight:900}.empty-state{padding:28px;color:var(--muted)}.panel-note{color:#817697;font-size:12px}.achievement{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:1fr auto;gap:3px 12px}.achievement:last-child{border-bottom:0}.achievement span{font-weight:900}.achievement small{color:var(--muted)}.achievement b{grid-row:1/3;grid-column:2;align-self:center;font-size:10px}.achievement.unlocked b{color:var(--green)}.achievement.locked{opacity:.55}.modal{position:fixed;inset:0;background:rgba(5,3,13,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:20}.modal.hidden{display:none}.modal-card{position:relative;width:min(430px,100%);padding:34px 28px;border-radius:24px;background:#1b1231;border:1px solid rgba(255,217,47,.2);box-shadow:0 30px 90px rgba(0,0,0,.6);text-align:center}.modal-close{position:absolute;right:18px;top:18px}.form-input{width:100%;padding:14px 15px;margin:6px 0;border-radius:12px;border:1px solid rgba(255,255,255,.1);outline:none;background:rgba(255,255,255,.07);color:#fff;font:700 14px Nunito}.form-input:focus{border-color:var(--yellow)}.form-message{min-height:20px;color:var(--muted);font-size:12px}.hidden{display:none!important}@media(max-width:560px){.top-actions{position:static;width:100%;margin-bottom:14px;justify-content:center}.screen.active#homeScreen{padding-top:25px}.logo-badge{width:70px;height:70px;font-size:36px}.settings-card{margin-bottom:18px}.small-btn{font-size:11px;padding:8px 9px}}