:root{--bg:#070c12;--panel:#111c29;--panel2:#172536;--edge:#34475c;--white:#f5f9ff;--sub:#afc0d3;--yellow:#f8d66a;--blue:#58d1ff;--good:#5feaac;--bad:#ff8585;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--white);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse 90% 75% at 95% 3%,#18344a 0%,transparent 68%),var(--bg)}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{opacity:.5;cursor:default}.hidden{display:none!important}.app{min-height:100dvh;max-width:1800px;margin:auto;display:flex;flex-direction:column;padding:clamp(12px,2vw,30px) clamp(14px,3.5vw,60px)}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--edge);padding-bottom:clamp(12px,1.6vw,22px)}.branding{display:flex;align-items:center;gap:14px}.logo{border:2px solid var(--yellow);color:var(--yellow);border-radius:15px;font-size:clamp(25px,3.1vw,45px);font-weight:1000;letter-spacing:-.06em;padding:.1em .26em}.star{font-size:.5em;vertical-align:top;letter-spacing:0}.eyebrow,.overline{letter-spacing:.22em;font-size:clamp(10px,1vw,17px);color:var(--blue);font-weight:850}.brandname{font-size:clamp(17px,2vw,31px);font-weight:950;letter-spacing:.06em}.headerbuttons{display:flex;flex-wrap:wrap;gap:10px}.ghost,.mutedbutton{border:1px solid var(--edge);color:var(--white);background:#1b2c3e;border-radius:12px;padding:12px 18px;font-weight:750}.ghost{font-size:clamp(12px,1vw,16px)}.ghost:hover,.mutedbutton:hover{background:#2b4158}.primary{border:0;background:var(--yellow);color:#17202b;border-radius:12px;padding:clamp(15px,1.7vw,25px) clamp(20px,2.5vw,37px);font-weight:950;letter-spacing:.035em;font-size:clamp(15px,1.6vw,25px)}.primary:hover{background:#ffe9a0}.primary span{margin-left:12px}.large{width:100%}main{flex:1;display:flex;justify-content:center;align-items:center;padding:clamp(15px,3vw,48px) 0}.panel{background:linear-gradient(135deg,var(--panel),#112536);border:1px solid var(--edge);border-radius:22px;width:100%;padding:clamp(22px,4vw,65px)}.setup{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,6vw,100px);align-items:center}.setupcopy h1{font-size:clamp(40px,5.6vw,93px);line-height:1.04;letter-spacing:-.045em;margin:.25em 0}.setupcopy em{color:var(--yellow);font-style:normal}.setupcopy p{font-size:clamp(17px,1.6vw,28px);line-height:1.45;color:var(--sub);max-width:760px}.smallline{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--good);font-weight:650;font-size:clamp(12px,1.15vw,18px)}.settingbox{padding:clamp(23px,2.8vw,48px);border:1px solid var(--edge);border-radius:20px;background:#0b1723;display:flex;flex-direction:column;gap:13px}.settingbox h2{font-size:clamp(23px,2.25vw,37px);margin:0 0 9px}.settingbox label,.answerlabel{color:var(--sub);font-size:clamp(12px,1.15vw,19px);font-weight:850;letter-spacing:.14em}.settingbox select{background:var(--panel2);color:var(--white);border:1px solid #52687d;border-radius:11px;padding:14px;font-size:clamp(15px,1.35vw,22px);width:100%;margin-bottom:13px}.micro{font-size:clamp(12px,1vw,16px);color:var(--sub);line-height:1.5}.game{width:100%;max-width:1540px}.gameheadline{display:flex;align-items:center;justify-content:space-between;gap:16px}.questionnum{color:var(--blue);font-size:clamp(18px,1.9vw,30px);font-weight:900;letter-spacing:.12em}.points{font-size:clamp(18px,2vw,33px);font-weight:750;color:var(--sub)}.points strong{font-size:1.6em;color:var(--yellow);padding-left:10px}.progress{height:10px;margin:clamp(12px,1.8vw,26px) 0 clamp(16px,2.5vw,35px);background:#273749;border-radius:50px;overflow:hidden}.bar{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--yellow));transition:width .25s ease}.questionpanel{background:linear-gradient(135deg,#15283a,#0e1b2a);border:1px solid var(--edge);border-radius:24px;padding:clamp(23px,4vw,70px);min-height:clamp(430px,55vh,700px);display:flex;flex-direction:column;justify-content:center}.tag{color:var(--yellow);font-size:clamp(13px,1.25vw,21px);font-weight:900;letter-spacing:.21em}.questionpanel h1{font-size:clamp(34px,4.7vw,79px);line-height:1.13;letter-spacing:-.025em;margin:clamp(18px,2.3vw,36px) 0 clamp(32px,3.8vw,64px);max-width:1300px}#answerForm{width:100%}.answerline{display:flex;gap:15px;margin-top:12px}.answerline input{flex:1;min-width:0;background:#07121e;border:2px solid #55748c;color:white;border-radius:12px;padding:clamp(14px,1.6vw,24px);font-size:clamp(19px,2.25vw,37px)}.answerline input::placeholder{color:#8198aa}.controlsbelow{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:18px}.tip{color:var(--sub);font-size:clamp(12px,1vw,17px)}.footnote{display:flex;justify-content:space-between;gap:10px;color:var(--sub);font-size:clamp(12px,1vw,17px);margin-top:19px}.textbutton{background:none;border:0;color:var(--sub);text-decoration:underline}.feedback{margin-top:clamp(10px,2vw,28px);border-top:1px solid var(--edge);padding-top:clamp(16px,2vw,32px)}.feedbackstatus{font-size:clamp(21px,2vw,34px);font-weight:900;margin-bottom:10px}.feedbackstatus.good{color:var(--good)}.feedbackstatus.bad{color:var(--bad)}.answerreveal{background:#0a1722;border-left:5px solid var(--yellow);padding:clamp(15px,1.6vw,25px)}.answercaption{color:var(--sub);font-size:clamp(11px,.95vw,17px);letter-spacing:.16em;font-weight:850}.answername{font-size:clamp(25px,2.7vw,48px);color:var(--yellow);font-weight:950;margin-top:5px}.fact{color:#d6e3ed;line-height:1.4;font-size:clamp(15px,1.35vw,23px);margin:10px 0 0}.feedbackactions{display:flex;justify-content:flex-end;align-items:center;gap:13px;flex-wrap:wrap;margin-top:18px}.results{text-align:center;max-width:1100px}.results h1{font-size:clamp(36px,5vw,80px);line-height:1.1}.hugeScore{font-size:clamp(70px,12vw,190px);line-height:1;font-weight:1000;color:var(--yellow)}.percentage{font-weight:850;color:var(--good);font-size:clamp(23px,2.7vw,43px);margin-top:12px}.results p{font-size:clamp(17px,1.6vw,28px);color:var(--sub)}.resultactions{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:26px}.resultactions .large{width:auto}.footer{border-top:1px solid var(--edge);padding-top:14px;display:flex;justify-content:space-between;gap:15px;color:var(--sub);font-size:clamp(11px,.9vw,15px)}.dialog{width:min(650px,92vw);background:#101f2d;color:var(--white);border:2px solid var(--yellow);border-radius:18px;padding:25px}.dialog::backdrop{background:#000c}.dialoghead{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog h2{margin:0;font-size:25px}.dialog p{font-size:17px;line-height:1.5}.dialog .primary{width:100%;margin-top:14px}.xbutton{background:none;border:0;color:white;font-size:24px}.castdetails{max-height:60vh;overflow:auto}
@media(max-width:760px){.app{padding:12px}.topline{align-items:flex-start}.brandname{font-size:15px}.eyebrow{font-size:9px}.logo{font-size:25px}.ghost span{display:none}.ghost{padding:7px 10px;font-size:19px}.setup{grid-template-columns:1fr}.setupcopy h1{font-size:clamp(35px,9vw,55px)}.setupcopy p{font-size:16px}.settingbox{padding:20px}.questionpanel{padding:22px;min-height:430px}.questionpanel h1{font-size:clamp(30px,7vw,48px);margin:24px 0 34px}.answerline{flex-direction:column}.answerline .primary{width:100%}.controlsbelow{align-items:flex-start;flex-direction:column}.tip{font-size:12px}.footer span:last-child{display:none}.resultactions{flex-direction:column}.resultactions>*{width:100%!important}}
@media(max-height:650px) and (min-width:760px){.app{padding-top:8px;padding-bottom:8px}.topline{padding-bottom:8px}.logo{font-size:23px}.brandname{font-size:15px}.eyebrow{font-size:9px}main{padding:10px 0}.questionpanel{min-height:0;padding:20px 35px}.questionpanel h1{font-size:clamp(27px,3.5vw,54px);margin:12px 0 18px}.answerline input{padding:12px;font-size:23px}.answerline .primary{padding:12px 22px;font-size:19px}.progress{margin:9px 0 12px}.gameheadline .questionnum{font-size:16px}.points{font-size:15px}.points strong{font-size:22px}.feedback{padding-top:9px}.answername{font-size:24px}.fact{font-size:15px}.feedbackactions{margin-top:10px}.footnote{margin-top:8px}.footer{padding-top:8px}.setupcopy h1{font-size:clamp(30px,4vw,57px)}.settingbox{padding:18px}.settingbox h2{font-size:21px}.settingbox select{padding:8px;margin-bottom:3px}.settingbox .primary{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}