:root{--gold:#ffd675;--cream:#fff5dc;--deep:#350607;--panel:rgba(54,6,7,.92);--line:rgba(255,214,117,.34);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--cream);font-family:var(--sans);background:linear-gradient(90deg,rgba(34,2,3,.54),rgba(34,2,3,.1)),url('concepts/assets/imperial.png') center/cover fixed}button{font:inherit;cursor:pointer}.quiz-shell{min-height:100vh;padding-bottom:106px}header{height:80px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--cream);text-decoration:none;font:500 19px var(--serif)}.brand span{display:grid;place-items:center;width:43px;height:43px;color:var(--gold);border:1px solid var(--gold);font:24px var(--serif);transform:rotate(45deg)}.brand span::first-letter{transform:rotate(-45deg)}header p,.difficulty,.counter,.answer small{color:var(--gold);font-size:10px;letter-spacing:.2em}.screen{display:grid;grid-template-columns:minmax(320px,41fr) minmax(0,59fr);gap:16px;width:min(1400px,calc(100vw - 48px));margin:20px auto}.visual,.card{min-height:clamp(560px,calc(100vh - 168px),740px);border:1px solid var(--line);box-shadow:0 28px 90px rgba(20,0,0,.42)}.visual{position:relative;overflow:hidden;background:rgba(45,3,4,.75)}.visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.68)}.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(35,0,0,.48))}.sealed{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(255,214,117,.12),transparent 28%),linear-gradient(135deg,rgba(83,5,7,.9),rgba(33,2,3,.96));border:20px solid rgba(255,214,117,.06)}.sealed span{color:var(--gold);font:130px/1 var(--serif)}.sealed p{margin:15px 0 0;color:var(--gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.card{position:relative;padding:42px 50px;background:var(--panel)}.card:before,.card:after{content:'';position:absolute;width:60px;height:60px;border-top:1px solid var(--gold);border-left:1px solid var(--gold);top:10px;left:10px;opacity:.65}.card:after{inset:auto 10px 10px auto;transform:rotate(180deg)}.difficulty{margin:0}.counter{margin:28px 0 9px}.counter span{opacity:.5}.counter i{font-style:normal}h1{margin:0;font:400 clamp(35px,4vw,58px)/1.07 var(--serif);text-wrap:balance}.answer{margin-top:32px;padding:20px 22px;background:rgba(255,214,117,.12);border-left:3px solid var(--gold)}.answer small{display:block}.answer strong{display:block;margin-top:6px;font:400 25px/1.15 var(--serif)}.answer p{margin:13px 0 0;font-size:14px;line-height:1.5;opacity:.9}.break-screen{width:min(860px,calc(100vw - 48px));margin:13vh auto;padding:62px;text-align:center;background:var(--panel);border:1px solid var(--line);box-shadow:0 28px 90px rgba(20,0,0,.42)}.break-screen p{color:var(--gold);font-size:10px;letter-spacing:.22em}.break-screen h1{font-size:52px}.break-screen span{display:block;max-width:520px;margin:20px auto 30px;line-height:1.5;opacity:.78}.break-screen button,.break-screen a{display:inline-block;padding:14px 20px;color:var(--deep);background:var(--gold);border:0;text-decoration:none}footer{position:fixed;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:7px 12px;border-radius:99px;background:rgba(23,3,3,.58);backdrop-filter:blur(10px)}footer button{width:46px;height:46px;border-radius:50%;color:var(--gold);background:rgba(20,0,0,.52);border:1px solid var(--line);font-size:20px}footer button:disabled{opacity:.3}footer p{width:min(410px,45vw);margin:0;text-align:center;font-size:10px;line-height:1.35;letter-spacing:.08em;opacity:.76}@media(max-width:800px){header{height:auto;min-height:75px;padding:16px 20px}header p{display:none}.screen{grid-template-columns:1fr;width:calc(100vw - 28px);margin:14px}.visual{min-height:205px}.card{min-height:430px;padding:30px 22px}.break-screen{width:calc(100vw - 28px);margin:10vh auto;padding:42px 24px}.break-screen h1{font-size:40px}footer{bottom:14px}footer p{width:55vw;font-size:9px}}