:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-text: #141414;--color-muted: #5b6472;--color-border: #d9dde5;--color-red: #d5001c;--color-red-dark: #9f0016;--color-real: #0f7a3b;--color-fake: #b42318;--color-ink: #050505;--radius-card: 10px;--radius-button: 6px;--shadow-card: 0 18px 45px rgba(15, 23, 42, .08);--content-max: 1180px;font-family:Arial,Helvetica,sans-serif;color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff 0,var(--color-bg) 36rem)}button{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:.82rem 1rem;color:var(--color-text);background:var(--color-surface);font-weight:800;letter-spacing:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a17}button:focus-visible{outline:3px solid rgba(213,0,28,.32);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}input{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:.75rem .85rem;color:var(--color-text);background:var(--color-surface);font:inherit}input:focus-visible{outline:3px solid rgba(213,0,28,.22);outline-offset:2px;border-color:var(--color-red)}table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border)}th,td{padding:.85rem;border-bottom:1px solid var(--color-border);text-align:left}th{color:var(--color-ink);background:#f1f3f6;font-size:.8rem;text-transform:uppercase}.app{width:min(100%,var(--content-max));min-height:100vh;margin:0 auto;padding:clamp(1rem,3vw,2rem);display:grid;align-items:center}.home,.final,.scores,.game,.error{width:100%}.home,.game,.scores,.final{display:grid;gap:1.2rem}.siteHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-top:5px solid var(--color-red);box-shadow:var(--shadow-card)}.brandMark{display:flex;align-items:center;gap:.8rem;min-height:auto;padding:0;border:0;background:transparent;text-align:left;box-shadow:none}.brandMark:hover{transform:none;box-shadow:none}.brandLogo{display:block;width:3.35rem;height:3.35rem;flex:0 0 auto;object-fit:contain}.brandMark strong{display:block;color:var(--color-ink);font-size:1rem}.brandMark small{display:block;color:var(--color-muted);margin-top:.1rem}.siteHeader nav{display:flex;gap:.5rem}.siteHeader nav button{border:0;background:transparent;color:var(--color-muted)}.siteHeader nav button.navActive,.siteHeader nav button:hover{color:var(--color-red);background:#fff1f2;box-shadow:none}.homeGrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:clamp(1rem,4vw,3rem);align-items:stretch;padding:clamp(1.2rem,5vw,3rem);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.homeCopy{display:grid;align-content:center;gap:1.1rem}.eyebrow{margin:0;color:var(--color-red);font-weight:900;text-transform:uppercase;font-size:.85rem}.home h1,.final h1,.scores h1{margin:0;color:var(--color-ink);font-size:clamp(2.35rem,7vw,5.2rem);line-height:.95}.home p{color:var(--color-muted);font-size:clamp(1.02rem,2vw,1.24rem);line-height:1.55;max-width:62ch}.nameField{display:grid;gap:.4rem;max-width:28rem;color:var(--color-ink);font-weight:900}.nameField span{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.actions{display:flex;flex-wrap:wrap;gap:.8rem}.primary{color:#fff;background:var(--color-red);border-color:var(--color-red)}.primary:hover{background:var(--color-red-dark)}.secondary{background:var(--color-surface);border-color:var(--color-ink)}.forensicsPanel{display:grid;align-content:start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#171717,#2a2f3a);color:#fff;border-left:6px solid var(--color-red)}.forensicsPanel .panelTop{font-weight:900;text-transform:uppercase;color:#fff;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.18)}.forensicsPanel span:not(.panelTop){padding:.8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.13)}.gameHeader{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:.85rem;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);font-weight:900}.gameHeader span{padding:.75rem;background:var(--color-surface-2);border:1px solid var(--color-border)}.urgent{color:var(--color-red)}.progress{height:.45rem;background:#e5e7eb;overflow:hidden}.progress span{display:block;height:100%;background:var(--color-red);transition:width .25s}.stage{position:relative;display:grid;place-items:center;min-height:min(60vh,560px);aspect-ratio:16 / 10;background:#111827;border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.stage img{width:100%;height:100%;object-fit:contain}.answerGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.answerGrid button{display:grid;gap:.2rem;justify-items:start;min-height:76px;padding:1rem 1.2rem;font-size:1.25rem;border-width:2px}.answerGrid button span{font-size:clamp(1.25rem,3vw,1.8rem)}.answerGrid button small{color:inherit;opacity:.82;font-weight:700}.real{color:var(--color-real);border-color:var(--color-real);background:#f0fdf4}.fake{color:var(--color-fake);border-color:var(--color-fake);background:#fff1f2}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(.8rem,3vw,2rem);background:#111827db;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9px);pointer-events:none}.analysisHud{position:relative;z-index:2;width:min(94%,720px);display:grid;gap:.85rem;padding:clamp(1rem,3vw,1.4rem);background:#fff;color:var(--color-text);border:1px solid var(--color-border);border-left:6px solid var(--color-red);box-shadow:0 22px 55px #00000038}.analysisTopline{display:flex;justify-content:space-between;gap:.75rem;color:var(--color-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.statusDot{width:.65rem;height:.65rem;align-self:center;border-radius:999px;background:var(--color-red);animation:pulseDot .85s ease-in-out infinite alternate}.overlay h2{margin:0;color:var(--color-ink);font-size:clamp(1.3rem,4vw,2.1rem)}.overlay strong{color:var(--color-red)}.activeStep{display:grid;gap:.45rem;padding:1rem;background:#f8fafc;border:1px solid var(--color-border);animation:stepReveal .32s ease-out both}.activeStep p{margin:0;color:var(--color-ink);font-size:clamp(1rem,2.8vw,1.25rem);font-weight:800;line-height:1.35}.stepIndex{width:max-content;padding:.22rem .55rem;color:#fff;background:var(--color-red);font-size:.72rem;font-weight:900}.signalBars{display:flex;align-items:end;gap:.28rem;height:1.7rem}.signalBars span{width:.48rem;background:var(--color-red);animation:signalDance .7s ease-in-out infinite alternate}.signalBars span:nth-child(1){height:42%;animation-delay:0s}.signalBars span:nth-child(2){height:86%;animation-delay:.08s}.signalBars span:nth-child(3){height:58%;animation-delay:.16s}.signalBars span:nth-child(4){height:100%;animation-delay:.24s}.signalBars span:nth-child(5){height:64%;animation-delay:.32s}.analysisProgress{height:.5rem;overflow:hidden;background:#e5e7eb}.analysisProgress span{display:block;height:100%;background:var(--color-red);transition:width .45s ease}.stepRail{margin:0;padding:0;display:grid;gap:.35rem;list-style:none;color:var(--color-muted)}.stepRail li{display:grid;grid-template-columns:2.4rem 1fr;align-items:center;gap:.55rem;min-height:2rem;padding:.35rem .55rem;border:1px solid var(--color-border);background:#fff;opacity:.68;transition:opacity .25s,transform .25s,border-color .25s,background .25s}.stepRail li span{display:inline-grid;place-items:center;min-width:2rem;min-height:1.25rem;background:#eef2f7;color:var(--color-muted);font-size:.7rem;font-weight:900}.stepRail li.active{opacity:1;border-color:var(--color-red);background:#fff7f7}.stepRail li.done{opacity:1;color:var(--color-ink);border-color:#9ca3af;background:#f8fafc}.stepRail li.done span{background:var(--color-ink);color:#fff}.scan{position:absolute;left:-10%;right:-10%;pointer-events:none}.scanPrimary{top:-22%;height:15%;background:linear-gradient(transparent,rgba(213,0,28,.38),transparent);animation:scan 1.55s linear infinite}.scanSecondary,.targetRing,.hudGrid,.dataSpark{display:none}.resultPanel{display:grid;gap:.9rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:6px solid var(--color-muted);box-shadow:var(--shadow-card)}.resultCorrect{border-left-color:var(--color-real)}.resultIncorrect{border-left-color:var(--color-fake)}.resultPanel h2{margin:0;color:var(--color-ink);font-size:clamp(1.7rem,5vw,3rem)}.resultFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0}.resultFacts div{padding:.8rem;background:var(--color-surface-2);border:1px solid var(--color-border)}.resultFacts dt{color:var(--color-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.resultFacts dd{margin:.25rem 0 0;color:var(--color-ink);font-weight:900}.explanation{max-width:78ch;color:#263241;line-height:1.58;white-space:pre-wrap}.final{position:relative;isolation:isolate;overflow:hidden;min-height:min(820px,92vh);align-content:center;justify-items:center;text-align:center;padding:clamp(1rem,4vw,2rem);background:var(--color-surface);border:1px solid var(--color-border);border-top:5px solid var(--color-red);box-shadow:var(--shadow-card)}.finalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:linear-gradient(135deg,rgba(213,0,28,.06),transparent 45%),#fff}.finalBackdrop span{position:absolute;width:16rem;aspect-ratio:1;border-radius:50%;border:1px solid rgba(15,23,42,.08);animation:finaleOrbit 10s linear infinite}.finalBackdrop span:nth-child(1){top:8%;left:8%}.finalBackdrop span:nth-child(2){right:5%;top:18%;animation-duration:12s;animation-direction:reverse}.finalBackdrop span:nth-child(3){left:18%;bottom:-8%;animation-duration:14s}.finalBackdrop span:nth-child(4){right:18%;bottom:8%;width:11rem;animation-duration:8s;animation-direction:reverse}.verdictKicker{margin:0;padding:.35rem .75rem;color:var(--color-red);background:#fff1f2;border:1px solid #fecdd3;font-size:.78rem;font-weight:900;text-transform:uppercase;animation:ceremonyDrop .55s ease-out both}.score{font-size:clamp(2.2rem,9vw,5rem);font-weight:900;color:var(--color-ink)}.timeReadout,.leaderboardStatus{color:var(--color-muted);font-weight:900}.resultReveal{opacity:0;transform:translateY(1rem);filter:blur(8px);pointer-events:none}.resultReveal.show{opacity:1;transform:translateY(0);filter:blur(0);pointer-events:auto;animation:revealImpact .65s cubic-bezier(.16,1,.3,1) both}.stars{display:flex;gap:.5rem;color:#f59e0b;font-size:2rem}.star{width:2.1rem;aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 69%,21% 91%,32% 56%,2% 35%,39% 35%);background:#d1d5db}.star.filled{background:#f59e0b;animation:starPop .6s ease-out both}.star.filled:nth-child(2){animation-delay:.12s}.star.filled:nth-child(3){animation-delay:.24s}.rankCeremony{position:relative;display:grid;justify-items:center;gap:.65rem;padding:1rem}.rankCeremony p{margin:0;color:var(--color-muted);font-size:clamp(.9rem,2vw,1.05rem);font-weight:900}.rank{position:relative;display:inline-grid;place-items:center;min-width:clamp(7.5rem,20vw,10rem);min-height:clamp(7.5rem,20vw,10rem);border-radius:50%;background:#fff;border:4px solid var(--color-red);color:var(--color-ink);font-size:clamp(2rem,7vw,3.6rem);font-weight:900;box-shadow:0 18px 34px #0f172a1f;animation:rankImpact .85s cubic-bezier(.16,1,.3,1) both}.rankAura{position:absolute;width:clamp(11rem,30vw,15rem);aspect-ratio:1;border-radius:50%;background:#d5001c14;animation:auraBreath 1.8s ease-in-out infinite alternate}.rankOrbit{position:absolute;width:clamp(9rem,25vw,13rem);aspect-ratio:1;border-radius:50%;border:2px solid rgba(213,0,28,.22);animation:finaleOrbit 5s linear infinite}.rank-s .rank{border-color:#d5001c;color:#d5001c;background:linear-gradient(135deg,#fff,#fff7ed);box-shadow:0 0 0 8px #d5001c14,0 24px 55px #d5001c38;animation:sRankImpact 1.05s cubic-bezier(.16,1,.3,1) both,sRankPulse 1.3s ease-in-out 1.2s infinite alternate}.rank-s .rankAura{background:radial-gradient(circle,rgba(213,0,28,.18),transparent 68%)}.rank-s .rankOrbit{border-color:#d5001c73}.rank-c .rank{border-color:var(--color-real)}.rank-f .rank,.rank-unranked .rank{border-color:var(--color-fake)}.scores{display:grid;gap:1rem;align-content:center}.scores table{box-shadow:var(--shadow-card)}.recent{background:#fff1f2}.notice,.error{padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:6px solid var(--color-red);box-shadow:var(--shadow-card)}@keyframes scan{0%{transform:translateY(-120%)}to{transform:translateY(720%)}}@keyframes pulseDot{to{transform:scale(1.35);opacity:.62}}@keyframes stepReveal{0%{opacity:0;transform:translateY(.6rem);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes signalDance{to{transform:scaleY(.42);opacity:.55}}@keyframes ceremonyDrop{0%{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes revealImpact{0%{opacity:0;transform:translateY(1rem) scale(.97);filter:blur(10px)}70%{transform:translateY(-.12rem) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes starPop{0%{transform:translateY(.6rem) scale(.2) rotate(-18deg);opacity:0}70%{transform:translateY(-.15rem) scale(1.16) rotate(4deg)}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes rankImpact{0%{opacity:0;transform:scale(.45);filter:blur(12px)}72%{transform:scale(1.1)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes sRankImpact{0%{opacity:0;transform:scale(.25);filter:blur(14px)}58%{transform:scale(1.22)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes sRankPulse{to{transform:scale(1.04);box-shadow:0 0 0 10px #d5001c1a,0 28px 70px #d5001c42}}@keyframes auraBreath{to{transform:scale(1.08);opacity:.55}}@keyframes finaleOrbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.resultReveal{opacity:1;transform:none;filter:none}}@media (max-width: 900px){.homeGrid,.gameHeader{grid-template-columns:1fr}}@media (max-width: 760px){.app{padding:.75rem;align-items:start}.siteHeader{align-items:stretch;flex-direction:column}.siteHeader nav{width:100%}.siteHeader nav button{flex:1}.stage{min-height:min(46vh,380px);aspect-ratio:4 / 3}.resultFacts{grid-template-columns:1fr}th,td{padding:.55rem .35rem;font-size:.84rem}}@media (max-width: 380px){.answerGrid{grid-template-columns:1fr}.home h1,.final h1,.scores h1{font-size:2.3rem}.brandLogo{width:2.9rem;height:2.9rem}.brandMark strong{font-size:.95rem}}
