@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-latin-400-normal.woff2)format("woff2")}:root{--bg:#faf9f6;--display-color:#141312;--ink:#101010;--muted:#77736b;--line:#dfd9cd;--ai:#d43c32;--real:#1f9d62;--paper:#fff;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-snap:cubic-bezier(.19, 1, .22, 1);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.display-title{text-transform:uppercase;letter-spacing:.005em;color:var(--display-color,#141312);margin:0;font-family:Anton,system-ui,sans-serif;font-size:clamp(2.25rem,8vw,7rem);font-weight:400;line-height:.88}html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.app{grid-template-rows:1fr;width:100%;height:100svh;padding:clamp(16px,3vw,32px);display:grid;position:relative}.app:before{content:"";z-index:7;opacity:0;pointer-events:none;transition:opacity .42s var(--ease-out), background .42s var(--ease-out);background:#faf9f600;position:fixed;inset:0}.app.has-result:before{opacity:1;background:#faf9f670}.app-footer{z-index:12;position:absolute;bottom:clamp(16px,3vw,32px);left:50%;transform:translate(-50%)}.app-footer a{color:var(--muted);opacity:.58;white-space:nowrap;transition:color .18s var(--ease-out), opacity .18s var(--ease-out), transform .18s var(--ease-out);align-items:center;gap:7px;font-size:.88rem;font-weight:850;text-decoration:none;display:inline-flex}.app-footer a:hover,.app-footer a:focus-visible{color:var(--ink);opacity:.9;transform:translateY(-1px)}.app-footer a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.profile-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:850}.counter{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#ffffffb8;border-radius:999px;place-items:center;font-size:.9rem;font-weight:850;display:grid}.stats-bar{z-index:5;color:var(--muted);transition:filter .52s var(--ease-out), opacity .52s var(--ease-out);flex-wrap:wrap;align-items:center;gap:12px;font-size:.9rem;font-weight:850;display:flex;position:absolute;top:clamp(24px,5vh,54px);left:clamp(14px,5vw,80px)}.stats-bar span{white-space:nowrap;align-items:center;display:inline-flex}.stats-bar .is-live:before{content:"";background:var(--real);border-radius:999px;width:7px;height:7px;margin-right:7px}.landing{align-content:center;place-items:center;gap:22px;min-height:0;padding-bottom:clamp(24px,7vh,80px);display:grid}.landing-card{text-align:center;width:min(92vw,680px);padding:clamp(12px,4vw,34px)}.landing-card h2{max-width:620px;margin:0 auto;font-size:clamp(2.9rem,7vw,5.8rem)}.play-button{border:1px solid var(--ink);min-height:54px;color:var(--paper);background:var(--ink);cursor:pointer;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:999px;align-items:center;gap:10px;margin-top:28px;padding:0 24px;font-weight:900;display:inline-flex;box-shadow:0 18px 44px #10101029}.play-button:hover{transform:translateY(-2px);box-shadow:0 26px 58px #1010102e}.stage{place-items:center;min-height:0;display:grid;position:relative}.timer-shell{z-index:6;width:36px;height:36px;transition:filter .52s var(--ease-out), opacity .52s var(--ease-out);place-items:center;display:grid;position:absolute;top:clamp(24px,5vh,54px);left:50%;transform:translate(-50%)}.timer{--progress:1;background:radial-gradient(circle at center, var(--bg) 0 43%, transparent 45%), conic-gradient(var(--ink) calc(var(--progress) * 1turn), #1010101f 0);width:28px;height:28px;transition:background .22s linear, transform .22s var(--ease-out);border-radius:999px;box-shadow:0 8px 24px #10101024}.timer.is-danger{background:radial-gradient(circle at center, var(--bg) 0 43%, transparent 45%), conic-gradient(var(--ai) calc(var(--progress) * 1turn), #d43c321f 0);transform:scale(1.08)}.deck{aspect-ratio:9/16;width:min(86vw,370px);transition:filter .52s var(--ease-out), transform .52s var(--ease-out), opacity .52s var(--ease-out);position:relative}.card{border:1px solid var(--ink);touch-action:none;transform-origin:50% 86%;transition:transform .52s var(--ease-snap), opacity .36s var(--ease-out), box-shadow .52s var(--ease-out);-webkit-user-select:none;user-select:none;will-change:transform, opacity;animation:card-arrive .52s var(--ease-out) both;background:#111;border-radius:28px;position:absolute;inset:0;overflow:hidden;box-shadow:0 34px 90px #10101029}.card[data-depth="1"]{opacity:.84;transform:translateY(13px)rotate(-2.4deg)scale(.965)}.card[data-depth="2"]{opacity:.52;transform:translateY(26px)rotate(2deg)scale(.93)}.card.is-active{cursor:grab}.card.is-active:active{cursor:grabbing}.card.is-dragging{transition:none;box-shadow:0 44px 110px #10101033}.card.fly-left{opacity:0;transform:translate(-620px,-38px)rotate(-20deg)scale(.96)}.card.fly-right{opacity:0;transform:translate(620px,-38px)rotate(20deg)scale(.96)}.card video,.video-poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card video{z-index:1}.video-poster{z-index:2;pointer-events:none;transition:opacity .16s var(--ease-out)}.video-poster.is-hidden{opacity:0}.controls{z-index:5;transition:filter .52s var(--ease-out), transform .52s var(--ease-out), opacity .52s var(--ease-out);gap:18px;display:flex;position:absolute;bottom:clamp(42px,7svh,72px);left:50%;transform:translate(-50%)}.game-counter{z-index:5;transition:filter .52s var(--ease-out), opacity .52s var(--ease-out);position:absolute;top:clamp(24px,5vh,54px);right:clamp(14px,5vw,80px)}.choice{border:1px solid var(--line);cursor:pointer;width:72px;height:72px;transition:transform .22s var(--ease-out), border-color .22s var(--ease-out), background .22s var(--ease-out), box-shadow .22s var(--ease-out);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;box-shadow:0 18px 44px #10101029}.choice:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 24px 58px #1010102e}.choice:active{transform:translateY(0)scale(.96)}.choice svg{width:34px;height:34px}.choice.ai{color:var(--ai)}.choice.real{color:var(--real)}.choice.ai:hover{background:#fff5f4f5;border-color:#d43c3273}.choice.real:hover{background:#f4fff9f5;border-color:#1f9d6273}.result{z-index:10;text-align:center;width:min(92vw,760px);animation:result-in .56s var(--ease-out) both;place-items:center;padding:clamp(28px,5vw,58px);display:grid;position:absolute}.result h2{margin:0 0 20px;font-size:clamp(4.6rem,13vw,10.5rem);line-height:.82}.result p:not(.eyebrow){max-width:520px;color:var(--ink);margin:0 auto;font-size:clamp(1rem,2vw,1.35rem);font-weight:760;line-height:1.28}.result button{border:1px solid var(--ink);min-height:52px;color:var(--paper);background:var(--ink);cursor:pointer;transition:transform .18s var(--ease-out), background .18s var(--ease-out);border-radius:999px;margin-top:30px;padding:0 24px;font-weight:850}.result button:hover{transform:translateY(-2px)}.app.has-result .deck,.app.has-result .controls,.app.has-result .timer-shell,.app.has-result .game-counter{filter:blur(18px);opacity:.42;pointer-events:none}.app.has-result .deck{transform:scale(.985)}@keyframes card-arrive{0%{opacity:0;transform:translateY(22px)scale(.97)}}@keyframes result-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@media (width<=720px){.app{padding:14px}.deck{width:min(88vw,360px)}.stats-bar{gap:8px;max-width:calc(100vw - 28px);font-size:.76rem;top:18px;left:14px}.stats-bar span{min-width:0}.landing-card h2{font-size:clamp(2.65rem,13vw,4.2rem)}.controls{bottom:clamp(28px,5svh,48px)}.choice{width:66px;height:66px}.timer-shell{top:78px}.game-counter{top:74px;right:14px}}@media (width<=390px){.deck{width:min(91vw,335px)}}