.challenge-page{background:#050403;color:#f4ead8}.challenge-main{min-height:calc(100vh - 150px);padding:clamp(1rem,3vw,2.5rem)}
.challenge-shell{position:relative;isolation:isolate;width:min(1120px,100%);min-height:720px;margin:auto;overflow:hidden;border:1px solid rgba(212,175,55,.34);border-radius:28px;background:#090705;box-shadow:0 35px 100px rgba(0,0,0,.68)}
.challenge-ambient{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 36%,rgba(212,175,55,.12),transparent 30%),linear-gradient(rgba(4,3,2,.7),rgba(4,3,2,.94)),url('../../assets/about-english-office-logo.png') center/cover no-repeat;filter:saturate(.6)}
.challenge-screen{min-height:720px;padding:clamp(2rem,5vw,4.5rem);text-align:center}.challenge-screen[hidden]{display:none}.challenge-screen.is-active{animation:challengeIn .5s ease both}@keyframes challengeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.challenge-kicker,.status-label,.question-category{color:#d4af37;font:800 .67rem/1.4 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.challenge-logo{width:clamp(86px,12vw,130px);margin:1.3rem auto;filter:drop-shadow(0 10px 22px #000)}
.challenge-intro{display:flex;flex-direction:column;align-items:center;justify-content:center}.challenge-intro h1{margin:.2rem 0 .8rem;color:#f2d77d;font-family:Cinzel,Georgia,serif;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1;text-shadow:0 4px 1px #3b2108,0 10px 28px #000}.challenge-lead{max-width:730px;margin:.5rem auto 1.5rem;color:#e7dccb;font-size:clamp(1rem,2vw,1.22rem);line-height:1.65}
.challenge-rules{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-bottom:1.5rem}.challenge-rules span{min-width:125px;padding:.72rem 1rem;border:1px solid rgba(212,175,55,.28);border-radius:12px;background:rgba(8,6,4,.7);color:#d8cdbb;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.challenge-rules b{display:block;color:#f4d970;font-family:Cinzel,Georgia,serif;font-size:1.45rem}
.player-name{display:grid;gap:.45rem;width:min(360px,100%);margin:.2rem auto 1rem;text-align:left}.player-name span{color:#c4b7a5;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.player-name input{width:100%;padding:.9rem 1rem;border:1px solid rgba(212,175,55,.38);border-radius:12px;background:rgba(4,3,2,.86);color:#fff3dc;font:600 1rem Inter,Arial,sans-serif;outline:0}.player-name input:focus{border-color:#d4af37;box-shadow:0 0 0 3px rgba(212,175,55,.12)}
.challenge-primary,.challenge-secondary{min-height:48px;padding:.8rem 1.25rem;border:1px solid #c9a431;border-radius:999px;cursor:pointer;font:800 .75rem/1 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease}.challenge-primary{background:linear-gradient(#e6c65a,#a77b16);color:#170e04;box-shadow:0 10px 25px rgba(0,0,0,.4)}.challenge-secondary{background:rgba(7,5,3,.72);color:#efd77f}.challenge-primary:hover,.challenge-primary:focus-visible,.challenge-secondary:hover,.challenge-secondary:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(212,175,55,.18);outline:0}.challenge-primary:disabled{opacity:.45;cursor:default;transform:none}.challenge-small{margin-top:1rem;color:#938778;font-size:.75rem}
.intro-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}
.challenge-quiz{position:relative}.quiz-status{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:900px;margin:auto}.quiz-status>div:first-child{text-align:left}.quiz-status>div:last-child{text-align:right}.quiz-status strong{display:block;color:#fff1d5;font-family:Cinzel,Georgia,serif;font-size:1.15rem}.quiz-lives{display:flex;gap:.45rem;font-size:1.4rem}.quiz-lives span{filter:drop-shadow(0 0 8px rgba(255,112,20,.6));transition:opacity .35s,filter .35s,transform .35s}.quiz-lives span.is-lost{opacity:.18;filter:grayscale(1);transform:translateY(4px)}.quiz-progress{height:3px;margin:1rem auto 0;background:rgba(255,255,255,.1)}.quiz-progress i{display:block;width:0;height:100%;background:#d4af37;box-shadow:0 0 12px #d4af37;transition:width .35s}
.timer-ring{--timer-progress:1;display:grid;place-content:center;width:112px;height:112px;margin:1.7rem auto 1.15rem;border-radius:50%;background:radial-gradient(circle,#0b0805 54%,transparent 56%),conic-gradient(#e2b93f calc(var(--timer-progress)*1turn),rgba(255,255,255,.09) 0);box-shadow:0 0 35px rgba(212,175,55,.12)}.timer-ring.is-danger{background:radial-gradient(circle,#0b0805 54%,transparent 56%),conic-gradient(#c34a23 calc(var(--timer-progress)*1turn),rgba(255,255,255,.09) 0);animation:timerPulse .45s ease infinite alternate}@keyframes timerPulse{to{transform:scale(1.035);box-shadow:0 0 30px rgba(195,74,35,.35)}}.timer-ring span{color:#ffe7a0;font-family:Cinzel,Georgia,serif;font-size:2.2rem;line-height:1}.timer-ring small{margin-top:.15rem;color:#988b77;font-size:.52rem;letter-spacing:.18em}
.question-category{margin:0 0 .45rem}.question-text{max-width:820px;min-height:2.4em;margin:.2rem auto 1.45rem;color:#fff1d8;font-family:Cinzel,Georgia,serif;font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.24;text-wrap:balance}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:900px;margin:auto}.answer-button{position:relative;min-height:74px;padding:1rem 1.1rem 1rem 3.6rem;border:1px solid rgba(212,175,55,.26);border-radius:14px;background:rgba(11,8,5,.84);color:#eaddc9;cursor:pointer;font:600 clamp(.9rem,1.5vw,1.02rem)/1.4 Inter,Arial,sans-serif;text-align:left;transition:border-color .18s,background .18s,transform .18s}.answer-button b{position:absolute;left:1rem;top:50%;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(212,175,55,.38);border-radius:50%;transform:translateY(-50%);color:#d4af37;font-family:Cinzel,Georgia,serif}.answer-grid.is-hover-ready .answer-button:hover,.answer-button:focus-visible{border-color:#d4af37;background:rgba(35,25,12,.92);transform:translateY(-2px);outline:0}.answer-button.is-correct{border-color:#69a66e;background:rgba(38,93,47,.58);color:#fff}.answer-button.is-wrong{border-color:#b84a35;background:rgba(99,33,25,.6);color:#fff}.answer-button:disabled,.answer-button:disabled:hover,.answer-button:disabled:focus,.answer-button:disabled:focus-visible,.answer-button:disabled:active{border-color:rgba(212,175,55,.26)!important;background:rgba(11,8,5,.84)!important;color:#eaddc9!important;box-shadow:none!important;cursor:default;opacity:1!important;outline:0!important;pointer-events:none;transform:none!important}.answer-feedback{min-height:1.5rem;margin:1rem 0 0;color:#d3c6b3;font-weight:700}.answer-feedback.correct{color:#8fd092}.answer-feedback.wrong{color:#eb8a6e}
.challenge-failed,.challenge-wheel,.challenge-result{display:flex;flex-direction:column;align-items:center;justify-content:center}.challenge-failed h2,.challenge-wheel h2,.challenge-result h2{margin:.7rem 0;color:#f0d476;font-family:Cinzel,Georgia,serif;font-size:clamp(2rem,5vw,3.8rem);line-height:1.08}.challenge-failed>p,.challenge-wheel>p{max-width:680px;color:#dfd3c1;line-height:1.65}.failed-cigar{margin:.5rem;color:#6d3e24;font-size:6rem;line-height:1;transform:rotate(-7deg);text-shadow:0 0 24px rgba(255,255,255,.08)}.failure-line{font-style:italic}
.challenge-leaderboard{display:flex;flex-direction:column;align-items:center;justify-content:center}.challenge-leaderboard h2{margin:.7rem 0;color:#f0d476;font-family:Cinzel,Georgia,serif;font-size:clamp(2rem,5vw,3.8rem);line-height:1.08}.challenge-leaderboard>p{max-width:680px;color:#dfd3c1;line-height:1.65}.leaderboard-panel{width:min(760px,100%);margin:1rem auto 1.25rem;overflow:hidden;border:1px solid rgba(212,175,55,.3);border-radius:16px;background:rgba(5,4,3,.84);box-shadow:0 22px 50px rgba(0,0,0,.36)}.leaderboard-heading,.leaderboard-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;align-items:center;gap:.6rem}.leaderboard-heading{padding:.8rem 1rem;border-bottom:1px solid rgba(212,175,55,.25);color:#bba77e;font:800 .62rem/1.3 Inter,Arial,sans-serif;letter-spacing:.12em;text-align:right;text-transform:uppercase}.leaderboard-heading span:first-child{text-align:left}.leaderboard-list{max-height:430px;margin:0;padding:0;overflow:auto;list-style:none;scrollbar-color:#8f6c23 #100c07}.leaderboard-row{padding:.72rem 1rem;border-bottom:1px solid rgba(255,255,255,.065);color:#e6d8c2;font:600 .85rem/1.3 Inter,Arial,sans-serif;text-align:right}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row:nth-child(-n+3){background:linear-gradient(90deg,rgba(212,175,55,.13),transparent)}.leaderboard-player{display:flex;min-width:0;align-items:center;gap:.75rem;text-align:left}.leaderboard-player b{display:grid;flex:0 0 28px;place-items:center;width:28px;height:28px;border:1px solid rgba(212,175,55,.35);border-radius:50%;color:#e3be49;font-family:Cinzel,Georgia,serif}.leaderboard-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-loading{padding:2rem;color:#c9bda9;list-style:none}.challenge-old .leaderboard-panel{border-radius:2px;background:rgba(31,17,8,.9)}
.wheel-stage{position:relative;width:min(360px,70vw);aspect-ratio:1;margin:1rem auto 1.2rem}.prize-wheel{position:absolute;inset:0;border:10px solid #8b611c;border-radius:50%;background:repeating-conic-gradient(from -15deg,#b98822 0 30deg,#24170b 30deg 60deg);box-shadow:inset 0 0 0 5px #e0bd55,inset 0 0 45px #000,0 22px 55px #000;transition:transform 6s cubic-bezier(.12,.75,.08,1);will-change:transform}.prize-wheel:after{position:absolute;inset:11%;border:2px solid rgba(240,207,105,.45);border-radius:50%;content:""}.prize-wheel span{position:absolute;z-index:2;left:50%;top:50%;width:42%;transform-origin:0 0;transform:rotate(calc(var(--i)*30deg - 90deg)) translate(48%, -50%);color:#f4dc8b;font:800 clamp(.45rem,1.3vw,.66rem)/1 Inter,Arial,sans-serif;letter-spacing:.05em;text-align:right;text-transform:uppercase}.prize-wheel span:first-child{padding:.3rem .42rem;border:2px solid #fff0a6;border-radius:999px;background:#efc949;color:#1b0e03;font-size:clamp(.58rem,1.5vw,.8rem);text-shadow:none;box-shadow:0 0 18px #ffd95a,0 0 5px #fff}.wheel-pointer{position:absolute;z-index:6;left:50%;top:-18px;transform:translateX(-50%);color:#fff0a2;font-size:2.7rem;filter:drop-shadow(0 0 8px #f2c941) drop-shadow(0 5px 4px #000)}.wheel-hub{position:absolute;z-index:5;left:50%;top:50%;display:grid;place-items:center;width:24%;aspect-ratio:1;border:5px solid #bb8e31;border-radius:50%;transform:translate(-50%,-50%);background:#0b0804;box-shadow:0 5px 18px #000}.wheel-hub img{width:75%}.wheel-result{min-height:1.7rem!important;color:#f0ce69!important;font-family:Cinzel,Georgia,serif;font-weight:700}
.wheel-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}
.result-name{margin:.2rem 0 1rem;color:#eadcc8;font-size:1.25rem}.result-seal{display:grid;place-items:center;width:130px;height:130px;margin:.6rem;border:2px solid #b7882b;border-radius:50%;background:#120c06}.result-seal img{width:84%}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;width:min(650px,100%);margin:1rem auto}.result-stats div{padding:.85rem;border:1px solid rgba(212,175,55,.25);border-radius:12px;background:rgba(5,4,3,.72)}.result-stats dt{color:#a99d8b;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.result-stats dd{margin:.3rem 0 0;color:#f1d679;font-family:Cinzel,Georgia,serif;font-size:1.05rem}.challenge-result blockquote{max-width:650px;margin:1rem auto 1.4rem;color:#d9cbb7;font:italic 1rem/1.6 Georgia,serif}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}
.challenge-old .challenge-shell{border-radius:3px;border-color:rgba(72,40,18,.68);background:#c7a76d;box-shadow:3px 18px 45px rgba(52,29,13,.35)}.challenge-old .challenge-ambient{background:linear-gradient(rgba(74,44,22,.44),rgba(65,37,18,.7)),url('../../assets/about-english-office-logo.png') center/cover no-repeat;filter:sepia(.75) saturate(.65)}.challenge-old .challenge-intro h1,.challenge-old .challenge-failed h2,.challenge-old .challenge-wheel h2,.challenge-old .challenge-result h2,.challenge-old .question-text{font-family:"Courier New",Courier,monospace}.challenge-old .answer-button,.challenge-old .player-name input,.challenge-old .challenge-rules span{border-radius:2px}.challenge-old .challenge-screen{color:#f4e2bd}
@media(max-width:700px){.challenge-main{padding:.7rem}.challenge-shell,.challenge-screen{min-height:calc(100svh - 130px)}.challenge-shell{border-radius:16px}.challenge-screen{padding:1.3rem 1rem 2rem}.challenge-intro h1{font-size:clamp(2rem,12vw,3rem)}.challenge-logo{width:80px;margin:.7rem}.challenge-lead{font-size:.95rem}.challenge-rules{gap:.4rem}.challenge-rules span{min-width:95px;padding:.55rem}.quiz-status{gap:.45rem}.quiz-lives{gap:.2rem;font-size:1.05rem}.quiz-status strong{font-size:.92rem}.timer-ring{width:86px;height:86px;margin:1rem auto}.timer-ring span{font-size:1.7rem}.question-text{min-height:0;font-size:clamp(1.15rem,6.3vw,1.55rem);margin-bottom:1rem}.answer-grid{grid-template-columns:1fr;gap:.55rem}.answer-button{min-height:58px;padding:.72rem .75rem .72rem 3rem;font-size:.88rem}.answer-button b{left:.7rem;width:27px;height:27px}.answer-feedback{margin:.65rem 0 0}.wheel-stage{width:min(300px,78vw)}.result-stats{grid-template-columns:1fr 1fr}.challenge-old .challenge-ambient{display:none}.challenge-old .challenge-shell{background:#b8955c}}
@media(prefers-reduced-motion:reduce){.challenge-screen.is-active,.timer-ring.is-danger{animation:none}.prize-wheel{transition-duration:.01s}}
@media(max-width:700px){.leaderboard-heading,.leaderboard-row{grid-template-columns:minmax(0,1fr) 62px 62px;gap:.35rem;padding-left:.65rem;padding-right:.65rem}.leaderboard-row{font-size:.75rem}.leaderboard-player{gap:.45rem}.leaderboard-player b{flex-basis:24px;width:24px;height:24px}}