:root{--bg:#14102b;--bg-glow:#2a1d5c;--card:#fdfbff;--ink:#1c1633;--ink-soft:#5b5575;--text:#f4f0ff;--text-soft:#b7b0d6;--true:#2ee6a6;--true-dark:#0e8f64;--false:#ff4f8b;--false-dark:#c0144f;--accent:#ffd23f;--radius:22px;--shadow:0 18px 40px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(120% 70% at 50% 0%, var(--bg-glow), var(--bg) 70%) fixed, var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.6;cursor:default}main{max-width:480px;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:18px;min-height:100dvh;margin:0 auto;display:flex}.top{justify-content:space-between;align-items:baseline;display:flex}.top h1{letter-spacing:-.03em;margin:0;font-size:1.7rem;font-weight:900}.fifty{color:var(--true)}.percent{color:var(--false)}.daynumber{color:var(--text-soft);font-weight:700}.intro{flex-direction:column;flex:1;justify-content:center;gap:24px;display:flex}.intro .big{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,10vw,3rem);font-weight:900;line-height:1.05}.intro ul{color:var(--text-soft);gap:12px;margin:0;padding:0;font-size:1.05rem;list-style:none;display:grid}.intro li{align-items:center;gap:12px;display:flex}.swipe{width:1.8em;height:1.8em;color:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:inline-grid}.swipe.true{background:var(--true)}.swipe.false{background:var(--false)}strong.true{color:var(--true)}strong.false{color:var(--false)}.start,.share,.next{background:var(--accent);color:var(--ink);border-radius:999px;padding:18px;font-size:1.2rem;font-weight:900;transition:transform .1s;box-shadow:0 6px #b8900b}.start:active,.share:active,.next:active,.answer:active{box-shadow:none;transform:translateY(4px)}.progress{gap:6px;margin:0;padding:0;list-style:none;display:flex}.progress li{background:#ffffff26;border-radius:4px;flex:1;height:8px;transition:background .3s}.progress li.current{background:var(--accent)}.progress li.correct{background:var(--true)}.progress li.wrong{background:var(--false)}.deck{flex:1;display:grid}.deck>*{grid-area:1/1}.card{border-radius:var(--radius);background:var(--card);min-height:340px;color:var(--ink);--lean:0;box-shadow:var(--shadow), 0 0 calc(max(var(--lean), 0) * 60px) calc(max(var(--lean), 0) * 12px) #2ee6a6b3, 0 0 calc(max(var(--lean) * -1, 0) * 60px) calc(max(var(--lean) * -1, 0) * 12px) #ff4f8bb3;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;gap:16px;padding:22px;transition:transform .25s cubic-bezier(.2,1.4,.4,1),background .3s;animation:.35s cubic-bezier(.2,1.3,.4,1) deal;display:flex;position:relative}.card.dragging{cursor:grabbing;transition:none}.card:not(.answered){cursor:grab}.card.answered{align-self:start;min-height:0}.card.correct{box-shadow:var(--shadow), 0 0 50px 6px #2ee6a68c;background:linear-gradient(160deg, #e8fff6, var(--card) 60%);outline:4px solid var(--true);animation:.5s cubic-bezier(.2,1.6,.4,1) bounce}.card.wrong{box-shadow:var(--shadow), 0 0 50px 6px #ff4f8b80;background:linear-gradient(160deg, #ffe8f0, var(--card) 60%);outline:4px solid var(--false);animation:.45s shake}@keyframes deal{0%{opacity:0;transform:translateY(40px)scale(.92)}}.card header{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex}.category{color:var(--ink-soft)}.difficulty{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 10px;font-size:.72rem}.difficulty.easy{color:var(--true-dark);background:#d9fbe9}.difficulty.medium{color:#8a6400;background:#fff3c4}.difficulty.hard{color:var(--false-dark);background:#ffdce8}.statement{letter-spacing:-.01em;margin:auto 0;font-size:clamp(1.4rem,6.4vw,1.9rem);font-weight:800;line-height:1.2}.card.answered .statement{color:var(--ink-soft);margin:0;font-size:1.15rem}.stamp{pointer-events:none;border:5px solid;border-radius:12px;padding:6px 14px;font-size:2rem;font-weight:900;position:absolute;top:70px}.stamp.true{color:var(--true-dark);left:20px;transform:rotate(-14deg)}.stamp.false{color:var(--false-dark);right:20px;transform:rotate(14deg)}.result{flex-direction:column;gap:10px;animation:.35s cubic-bezier(.2,1.5,.4,1) pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.verdict{letter-spacing:-.02em;margin:0;font-size:2.2rem;font-weight:900}.card.correct .verdict{color:var(--true-dark)}.card.wrong .verdict{color:var(--false-dark)}.truth{margin:0;font-weight:700}.truth strong{color:var(--false-dark)}.truth strong.true{color:var(--true-dark)}.explanation{margin:0;line-height:1.45}.crowd{background:#ece8f7;border-radius:12px;padding:10px 12px;font-size:.9rem;font-weight:700;position:relative;overflow:hidden}.crowd:before{content:"";width:var(--percent);background:var(--accent);animation:.8s ease-out grow;position:absolute;inset:0 auto 0 0}.crowd span{position:relative}@keyframes grow{0%{width:0}}.source{color:var(--ink-soft);font-size:.9rem}.clock{background:#ece8f7;border-radius:999px;height:28px;position:relative;overflow:hidden}.clock-bar{background:linear-gradient(90deg, var(--true), var(--accent));border-radius:999px;height:100%;transition:width .1s linear}.clock.hurry .clock-bar{background:var(--false)}.clock span{font-variant-numeric:tabular-nums;place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.clock.hurry span{animation:1s infinite tick}@keyframes tick{50%{transform:scale(1.25)}}.hints{text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin:0;font-size:.85rem;font-weight:800;display:flex}.hints .true{color:var(--true-dark)}.hints .false{color:var(--false-dark)}.buttons{gap:14px;display:flex}.buttons>*{flex:1}.answer{color:var(--ink);border-radius:999px;padding:18px;font-size:1.25rem;font-weight:900;transition:transform .1s}.answer.true{background:var(--true);box-shadow:0 6px 0 var(--true-dark)}.answer.false{background:var(--false);box-shadow:0 6px 0 var(--false-dark)}.error{color:var(--false);margin:0;font-weight:700}.retry{background:var(--false);color:var(--ink);border-radius:999px;margin-left:8px;padding:4px 12px;font-weight:800}.results{text-align:center;flex-direction:column;gap:16px;display:flex}.results p{margin:0}.results .day{color:var(--text-soft);font-weight:700}.results .score{color:var(--text-soft);font-size:1.6rem;font-weight:800}.results .score strong{font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:-.04em;font-size:4.2rem;font-weight:900}.results .grid{letter-spacing:.1em;font-size:1.8rem}.results .message{font-size:1.2rem;font-weight:700}.next{font-size:1rem}.countdown{color:var(--text-soft)}.countdown strong{color:var(--text);font-variant-numeric:tabular-nums}.review{text-align:left;gap:10px;margin:0;padding:0;list-style:none;display:grid}.review li{border-left:4px solid var(--false);background:#ffffff0f;border-radius:16px;gap:12px;padding:14px;display:flex}.review li.correct{border-left-color:var(--true)}.review .mark{color:var(--false);font-weight:900}.review li.correct .mark{color:var(--true)}.review p{font-weight:600;line-height:1.35}.review .reveal{color:var(--text-soft);margin-top:6px;font-size:.9rem;font-weight:400}.review .reveal a{color:var(--text)}.alias-form{gap:10px;display:grid}.alias-form label{font-weight:800}.alias-row{gap:8px;display:flex}.alias-row input{min-width:0;color:var(--text);font:inherit;background:#ffffff14;border:2px solid #fff3;border-radius:999px;flex:1;padding:14px 16px;font-size:1.05rem}.alias-row input:focus{border-color:var(--accent);outline:none}.save{background:var(--accent);color:var(--ink);white-space:nowrap;border-radius:999px;padding:14px 20px;font-weight:900}.link-button{color:var(--text-soft);background:0 0;justify-self:start;padding:0;text-decoration:underline}.playing-as{text-align:center;color:var(--text-soft);margin:0}.playing-as strong{color:var(--text)}.ranking{text-align:left;background:#ffffff0f;border-radius:20px;gap:10px;padding:16px;display:grid}.ranking h2{margin:0;font-size:1.2rem;font-weight:900}.ranking-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ranking-list li{font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:2em 1fr auto auto 4em;align-items:center;gap:8px;padding:8px 10px;display:grid}.ranking-list li:first-child .rank{color:var(--accent)}.ranking-list li.you{background:var(--true);color:var(--ink);font-weight:800}.ranking-list .rank{font-weight:900}.ranking-list .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-list .points{font-weight:800}.ranking-list .time{text-align:right;opacity:.75}.ranking .note{color:var(--text-soft);margin:0;font-size:.85rem}.ranking .note strong{color:var(--text)}footer{text-align:center;color:var(--text-soft);margin-top:auto;font-size:.75rem}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}.swipe.icon{font-size:1.3rem}.ranking-list li.you .rank{color:var(--ink)}@keyframes bounce{0%{transform:scale(.8)}}@keyframes shake{20%,60%{transform:translate(-10px)rotate(-1deg)}40%,80%{transform:translate(10px)rotate(1deg)}}.streak-badge{background:var(--accent);color:var(--ink);border-radius:999px;align-self:start;margin:0;padding:4px 12px;font-weight:900;animation:.4s cubic-bezier(.2,1.8,.4,1) .15s both pop}.results .grid span{animation:.35s cubic-bezier(.2,1.8,.4,1) both pop;display:inline-block}.confetti{pointer-events:none;z-index:10;width:100vw;height:100vh;position:fixed;inset:0}.top-right{align-items:center;gap:12px;display:flex}.sound-toggle{background:#ffffff1a;border-radius:50%;width:40px;height:40px;font-size:1.1rem;line-height:1}.sound-toggle[aria-pressed=true]{background:#ffd23f40}.card.hinting{animation:.35s cubic-bezier(.2,1.3,.4,1) deal,2.4s ease-in-out .9s infinite nudge}@keyframes nudge{0%,45%,to{transform:none}15%{transform:translate(46px)rotate(3deg)}30%{transform:translate(-46px)rotate(-3deg)}}.card.hinting .stamp.true{animation:2.4s .9s infinite flash-true}.card.hinting .stamp.false{animation:2.4s .9s infinite flash-false}.card.hinting .stamp{opacity:0}@keyframes flash-true{10%,18%{opacity:.9}0%,24%,to{opacity:0}}@keyframes flash-false{25%,33%{opacity:.9}0%,20%,40%,to{opacity:0}}.swipe-hand{pointer-events:none;flex-direction:column;align-items:center;gap:4px;font-size:2.6rem;animation:2.4s ease-in-out .9s infinite both hand;display:flex;position:absolute;bottom:70px;left:50%}.swipe-hand span{background:var(--ink);color:var(--text);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:800}@keyframes hand{0%,45%,to{transform:translate(-50%)}15%{transform:translate(calc(60px - 50%))rotate(12deg)}30%{transform:translate(calc(-50% - 60px))rotate(-12deg)}}.points-earned{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;animation:.4s cubic-bezier(.2,1.8,.4,1) .1s both pop;display:flex}.points-earned strong{color:var(--true-dark);font-size:1.5rem;font-weight:900}.points-earned span{color:var(--ink-soft);background:#ece8f7;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:800}.results .score-detail{color:var(--text-soft);margin-top:-10px;font-weight:700}.ranking-list .correct-count{opacity:.75;font-size:.85rem}.rules{background:#ffffff0f;border-radius:18px;padding:14px 16px}.rules summary{cursor:pointer;font-size:1.05rem;font-weight:900}.rules ul{margin-top:12px;font-size:.95rem}.rules strong{color:var(--accent)}
