@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--navy:#100d29;--ink:#fcf5e9;--gold:#ffce77;--mint:#8ce7cf;--violet:#b9a1e8;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--navy)}body{margin:0;min-height:100dvh;color:var(--ink);font-family:var(--body);background:radial-gradient(ellipse at 50% 35%,#34285a55,transparent 70%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}h1:focus{outline:none}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.studio{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.studio>i{position:absolute;top:-20%;height:135%;width:24%;background:linear-gradient(#8d74e12b,transparent 85%);filter:blur(10px);transform-origin:top;clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);animation:spotlight 14s ease-in-out infinite alternate}.studio>i:nth-child(1){left:12%;transform:rotate(-28deg)}.studio>i:nth-child(2){right:12%;transform:rotate(28deg);animation-delay:-7s}.studio>i:nth-child(3){left:38%;opacity:.4;animation-delay:-4s}.stage-rings{position:absolute;border:1px solid #ac8df323;width:1200px;height:380px;border-radius:50%;left:50%;bottom:-210px;transform:translateX(-50%);box-shadow:0 0 0 40px #ae89ed07,0 0 0 80px #ae89ed06,0 0 0 120px #ae89ed05}.toolbar{height:78px;padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.toolbar a{font-size:23px;display:flex;gap:12px;align-items:center;color:#d0c3e2}.toolbar a span{font-size:10px;font-weight:700;letter-spacing:2px}.toolbar button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #cab8ec40;border-radius:50%;background:#ffffff06;color:var(--ink)}.toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#game{max-width:1000px;margin:0 auto;padding:0 30px 40px}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.title-screen{text-align:center;display:flex;align-items:center;flex-direction:column;min-height:calc(100dvh - 118px);justify-content:center;padding:0 0 22px}.seal{width:92px;height:92px;border:1px solid #c8ad7d80;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 0 6px #ffce7708,inset 0 0 0 5px #ffce7708;margin-bottom:14px;color:var(--gold)}.seal b{font-family:Georgia,serif;font-size:58px;font-style:italic;line-height:1}.seal span{font-size:10px}.show-title{font-family:var(--display);font-weight:800;line-height:.88;margin:0;letter-spacing:-1px}.show-title strong{display:block;font-size:clamp(64px,10.7vw,114px);letter-spacing:-1.5px}.title-pre{display:block;font-family:var(--body);font-size:21px;letter-spacing:0;font-weight:500;margin-bottom:8px}.title-middle{display:block;font-family:Georgia,serif;font-style:italic;font-size:25px;font-weight:400;line-height:1.7;letter-spacing:0;color:var(--violet)}.show-title .title-last{font-size:clamp(62px,10.7vw,112px);color:var(--gold)}.title-last>span{display:inline-block;transform:rotate(8deg);margin-left:3px}.intro{color:#c6b9d7;font-size:14px;line-height:1.6;max-width:370px;margin:23px 0 16px}.title-contestants{display:flex;align-items:center;gap:14px;margin-bottom:26px}.title-contestants img{width:40px;height:40px;border:2px solid var(--mint);border-radius:50%}.title-contestants img:last-child{border-color:var(--gold)}.title-contestants span{font-size:12px;font-weight:600}.title-contestants b{font:italic 14px Georgia;color:#9c88b9;padding:0 9px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:55px;padding:15px 26px;background:var(--gold);border:1px solid #ffe7b7;color:#21172d;box-shadow:0 4px 0 #9a683d;font-size:12px;font-weight:800;letter-spacing:1.1px;border-radius:5px;transition:background .15s,box-shadow .15s}.primary>span{font-size:22px;font-weight:500;line-height:1}.primary:hover{background:#ffe1a2;box-shadow:0 4px 0 #9a683d,0 0 30px #ffce771c}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #9a683d}.quiz-screen{max-width:900px;margin:auto}.scoreboard{display:flex;align-items:center;justify-content:space-between;padding:8px 35px 20px;gap:20px}.contestant{display:flex;gap:18px;align-items:center;min-width:200px}.contestant.president{flex-direction:row-reverse;text-align:right}.portrait{position:relative;width:90px;height:90px;padding:5px;border:1px solid var(--mint);border-radius:50%;background:#8ce7cf09;box-shadow:0 0 32px #8ce7cf0a}.portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.president .portrait{border-color:var(--gold);background:#ffce7709}.contestant-info>span{display:block;font-size:12px;font-weight:600;color:#d9cce7;margin-bottom:2px}.contestant-info strong{font:700 49px/1 var(--display);color:var(--mint)}.president .contestant-info strong{color:var(--gold)}.contestant-info small{font:400 17px var(--display);color:#9785b3}.versus{font:italic 19px Georgia,serif;color:#8d78ae}.round-track{display:flex;justify-content:center;gap:12px;margin:1px 0 24px}.round-track>span{display:grid;place-items:center;border:1px solid #9980bd45;width:26px;height:26px;border-radius:50%;font-size:10px;color:#9c88b6}.round-track>span.current{background:var(--gold);border-color:var(--gold);color:var(--navy);box-shadow:0 0 18px #ffce771c;font-weight:800}.round-track>span.done{border-color:#8ce7cf60;color:var(--mint)}.question-panel{border:1px solid #957caf6b;background:linear-gradient(135deg,#2c2244f0,#1d1834f0);border-radius:12px;padding:27px 32px 30px;box-shadow:0 24px 60px #05031133;position:relative}.question-panel:before{content:'';height:2px;width:80px;background:var(--gold);position:absolute;top:-1px;left:calc(50% - 40px);box-shadow:0 0 20px #ffce7744}.question-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:#b9a3cf}.question-meta>span:first-child{color:var(--gold)}.question-panel h1{font:600 clamp(28px,4vw,41px)/1.12 var(--display);text-align:center;max-width:700px;margin:26px auto 30px;min-height:46px;text-wrap:balance}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{border:1px solid #9681b863;border-radius:6px;padding:13px 17px;display:flex;align-items:center;gap:13px;min-height:62px;text-align:left;background:#100d2980;color:var(--ink);font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.answer:hover{border-color:var(--gold);background:#ffce7710}.letter{color:var(--gold);border-right:1px solid #b99bcb33;padding-right:13px;font:600 18px var(--display)}.round-bottom{text-align:center;padding-top:24px;min-height:120px}.hint{font-size:11px;color:#a796bd;margin:0}.lock-label{font-size:9px;letter-spacing:2px;color:#b7a2cc;text-align:center;margin:-7px 0 17px}.lock-label span{font-size:8px;color:var(--gold);margin-left:7px}.picks{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pick{text-align:center;background:#100d2980;border:1px solid #86719960;border-radius:6px;padding:15px 10px;min-height:86px;animation:arrive .25s ease-out}.pick>span{display:block;color:var(--mint);font-size:10px;font-weight:600;margin-bottom:8px}.pick.president>span{color:var(--gold)}.pick strong{font-size:14px;line-height:1.35}.pick.right{background:#8ce7cf10;border-color:#8ce7cf70}.pick.wrong{background:#ec8eab0b;border-color:#ec8eab55}.suspense{display:flex;gap:8px;justify-content:center;padding:15px}.suspense i{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse .7s infinite alternate}.suspense i:nth-child(2){animation-delay:.2s}.suspense i:nth-child(3){animation-delay:.4s}.answer-reveal{animation:arrive .3s ease-out}.answer-label{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--mint)}.answer-reveal h2{font:700 34px/1.15 var(--display);margin:5px 0 8px;color:var(--mint)}.answer-reveal p{font-size:12px;line-height:1.5;color:#d3c7df;margin:0 auto;max-width:650px}.phil-comment{font:italic 14px/1.5 Georgia,serif;color:#b3a1c8;margin:19px 0 22px}.phil-comment>span{font:700 8px var(--body);letter-spacing:1.5px;color:var(--gold);padding-right:6px}.results-screen{text-align:center;max-width:860px;margin:auto}.result-seal{font-size:43px;color:var(--gold);width:84px;height:84px;display:grid;place-items:center;border:1px solid #ffce7780;border-radius:50%;margin:24px auto 21px;box-shadow:0 0 0 7px #ffce7707}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--gold);font-weight:700}.results-screen h1{font:700 clamp(39px,6vw,66px)/1 var(--display);max-width:650px;margin:15px auto;text-wrap:balance}.result-note{font:italic 17px/1.5 Georgia,serif;color:#b9a5cd;margin:18px auto 25px;max-width:430px}.result-dots{display:flex;justify-content:center;gap:9px}.result-dots span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:13px}.correct{background:#8ce7cf14;color:var(--mint);border:1px solid #8ce7cf55}.incorrect{background:#ec8eab14;color:#eca4b8;border:1px solid #ec8eab55}.result-total{font-size:12px;line-height:1.6;color:#d0c2dc;margin:19px 0 27px}.back-link{display:block;margin:25px auto 0;font-size:9px;letter-spacing:1.5px;color:#ae98c4}.back-link:hover{color:var(--ink)}
@keyframes spotlight{to{transform:rotate(12deg)}}@keyframes pulse{to{opacity:.2;transform:translateY(-3px)}}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.toolbar{height:65px;padding:0 18px}#game{padding:0 16px 30px}.title-screen{min-height:calc(100dvh - 95px);padding-bottom:20px}.seal{width:75px;height:75px;margin-bottom:21px}.seal b{font-size:46px}.title-pre{font-size:18px}.title-middle{font-size:22px}.intro{font-size:12px;max-width:280px;margin-top:24px}.title-contestants{gap:10px}.title-contestants span{font-size:11px}.title-contestants img{width:36px;height:36px}.scoreboard{padding:7px 0 19px;gap:8px}.contestant{min-width:0;gap:9px}.portrait{width:59px;height:59px;padding:3px}.contestant-info>span{font-size:10px}.contestant-info strong{font-size:35px}.contestant-info small{font-size:13px}.versus{font-size:14px}.round-track{margin-bottom:20px;gap:9px}.round-track>span{width:23px;height:23px}.question-panel{padding:20px 17px;border-radius:9px}.question-meta{font-size:8px;letter-spacing:1px}.question-panel h1{font-size:29px;margin:23px auto;min-height:0}.answers{grid-template-columns:1fr;gap:9px}.answer{min-height:53px;padding:11px 13px;font-size:13px}.round-bottom{padding-top:22px}.picks{gap:9px}.pick{padding:14px 8px;min-height:98px}.pick strong{font-size:12px}.pick>span{font-size:9px}.answer-reveal h2{font-size:30px}.answer-reveal p{font-size:12px}.phil-comment{font-size:13px;margin:16px 0 22px}.results-screen .scoreboard{margin-bottom:15px}.result-seal{margin-top:23px}.results-screen h1{font-size:44px}.result-note{font-size:16px}.result-total{max-width:270px;margin-left:auto;margin-right:auto}}
@media(max-width:350px){.show-title strong{font-size:61px}.show-title .title-last{font-size:60px}.portrait{width:49px;height:49px}.contestant{gap:6px}.contestant-info>span{font-size:9px}.versus{font-size:11px}.primary{padding:14px 19px;gap:23px}.seal{width:60px;height:60px;margin-bottom:14px}.intro{margin-top:18px}.title-contestants{margin-bottom:20px}}
@media(max-height:650px) and (min-width:601px){.toolbar{height:55px}.seal{display:none}.title-screen{padding:15px 0}.show-title strong,.show-title .title-last{font-size:77px}.scoreboard{padding-top:0}.portrait{width:65px;height:65px}.question-panel h1{margin:17px auto}.round-track{margin-bottom:15px}.question-panel{padding:20px 25px}.round-bottom{padding-top:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}