:root{color-scheme:dark;--ink:#fffaf3;--muted:#c9bdd9;--purple:#8b5cf6;--pink:#ff4fa3;--yellow:#ffd75a;--panel:#261541}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#12091f;color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif}body{min-height:100svh;background:radial-gradient(circle at 50% -10%,#4b2176 0,transparent 42%),linear-gradient(160deg,#160d29,#0b0712)}button,a{font:inherit}button{touch-action:manipulation}main{width:min(100%,860px);min-height:100svh;margin:auto;padding:max(18px,env(safe-area-inset-top)) clamp(18px,4vw,44px) max(24px,env(safe-area-inset-bottom));outline:0}nav{height:42px;display:flex;align-items:center;justify-content:space-between;font-size:.73rem;letter-spacing:.13em;font-weight:900;color:var(--muted)}nav a{color:var(--ink);text-decoration:none}.progress{display:flex;justify-content:space-between;margin:18px 0 12px;color:var(--muted);font-size:.88rem;font-weight:800}.progress strong{color:var(--yellow)}section{text-align:center}.eyebrow{margin:22px 0 4px;color:var(--yellow);font-size:.78rem;font-weight:1000;letter-spacing:.2em}h1{margin:8px 0 20px;font-size:clamp(1.75rem,7vw,3.6rem);line-height:1.02;letter-spacing:-.04em}.objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,680px);margin:24px auto}.object{min-width:0;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.1)}.object span{font-size:clamp(2.35rem,12vw,4.8rem);line-height:1.05}.object small,.choices small{margin-top:5px;color:var(--muted);font-size:.7rem;text-transform:capitalize}.object.evidence{border-color:var(--yellow);background:rgba(255,215,90,.17);box-shadow:0 0 0 4px rgba(255,215,90,.08)}.countdown{width:82px;height:82px;position:relative;display:grid;place-items:center;margin:20px auto;border-radius:50%;background:var(--panel);font-size:2.2rem;font-weight:1000}.countdown i{position:absolute;inset:-5px;border:5px solid var(--pink);border-left-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.blast{min-height:72svh;display:grid;place-content:center}.blast div,.loading div{font-size:clamp(6rem,30vw,12rem);animation:pop .55s ease-out}.blast h1{color:var(--yellow)}.challenge{padding-top:min(8vh,60px)}.challenge h1{max-width:700px;margin:12px auto 32px}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:min(100%,600px);margin:auto}.choices button{min-height:118px;border:2px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(145deg,#321c50,#211335);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 7px 0 #0a0610}.choices button:hover,.choices button:focus-visible{border-color:var(--yellow);transform:translateY(-2px)}.choices button:active{transform:translateY(5px);box-shadow:0 2px 0 #0a0610}.choices button:disabled{opacity:.55}.choices span{font-size:clamp(2.7rem,13vw,4.4rem)}.hint{margin-top:24px;color:var(--muted);font-size:.84rem}.verdict{margin:22px 0 0;font-size:clamp(2rem,8vw,3.4rem);font-weight:1000;color:var(--yellow)}.reveal h1{font-size:clamp(1.35rem,5vw,2.2rem);margin:8px auto 16px}.reveal .objects{grid-template-columns:repeat(5,1fr);gap:7px;margin:14px auto}.reveal .object{min-height:65px;border-radius:14px}.reveal .object span{font-size:clamp(1.55rem,7vw,3rem)}.reveal .object small{display:none}.points{color:var(--yellow);font-weight:900;min-height:24px}.primary,.secondary{width:min(100%,420px);min-height:58px;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:18px auto 0;font-weight:1000;text-decoration:none}.primary{background:linear-gradient(100deg,var(--pink),#ff7458);color:white;box-shadow:0 7px 0 #721f55;cursor:pointer}.primary:active{transform:translateY(5px);box-shadow:0 2px 0 #721f55}.secondary{color:var(--ink);border:2px solid rgba(255,255,255,.25)}.results{padding-top:4vh}.result-burst{font-size:5rem}.results h1{font-size:clamp(5rem,25vw,9rem);margin:0;color:var(--yellow)}.results h1 small{font-size:.28em;color:var(--muted)}.results h2{font-size:clamp(1.4rem,6vw,2.3rem)}.stats{display:flex;gap:12px;justify-content:center}.stats p{min-width:135px;padding:15px;border-radius:18px;background:rgba(255,255,255,.07);color:var(--muted)}.stats span{display:block;font-size:1.45rem;color:var(--ink);font-weight:1000}.loading,.error{min-height:75svh;display:grid;place-content:center}.loading div{font-size:5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.4) rotate(-15deg)}70%{transform:scale(1.15) rotate(4deg)}100%{transform:scale(1)}}@media(min-width:600px){.objects{grid-template-columns:repeat(5,minmax(0,1fr))}.phase-look .objects:has(.object:nth-child(-n+8):last-child){grid-template-columns:repeat(4,1fr)}}@media(max-width:390px){main{padding-left:14px;padding-right:14px}.objects{gap:8px}.object{min-height:82px;border-radius:18px}.choices{gap:10px}.choices button{min-height:108px}.reveal .objects{grid-template-columns:repeat(5,1fr)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
