:root{--paper:#f4f1ea;--surface:#fff;--ink:#16130e;--ink-2:#625c50;--line:#e3ded1;--accent:#ffc629;--accent-soft:#fff4cf;--good:#14854f;--good-soft:#e2f4ea;--bad:#d93a2b;--radius:22px;--font:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.45}h1,h2,h3,p,ul{margin:0}h1,h2,h3{letter-spacing:-.03em;line-height:1.05}h2{font-size:1.75rem;font-weight:700}.icon{flex:none;width:1.15em;height:1.15em}.logo{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mark{flex:none;display:block}.wordmark{letter-spacing:-.045em;font-size:1.35rem;font-weight:800;line-height:1}.wordmark span{font-weight:400}.walker{animation:6s linear infinite walk}.turner{transform-origin:24.3px 24px;animation:6s linear infinite turn}.jaw{transform-origin:13px 25px;animation:6s linear infinite yap}@keyframes walk{0%{transform:translate(0)}18%,24%{transform:translate(8px)}60%,66%{transform:translate(-8px)}84%,to{transform:translate(0)}}.wordmark{animation:6s linear infinite tug;display:inline-block}@keyframes tug{0%{transform:translate(0)}18%,24%{transform:translate(5px)}60%,66%{transform:translate(-3px)}84%,to{transform:translate(0)}}@keyframes turn{0%,18%{transform:scaleX(1)}24%,60%{transform:scaleX(-1)}66%,to{transform:scaleX(1)}}@keyframes yap{0%,84%,to{transform:rotate(0)}3%,9%,15%,21%,27%,33%,39%,45%,51%,57%,63%,69%,75%,81%{transform:rotate(8deg)}6%,12%,18%,24%,30%,36%,42%,48%,54%,60%,66%,72%,78%{transform:rotate(-15deg)}}@media (prefers-reduced-motion:reduce){.walker,.turner,.jaw,.wordmark{animation:none!important}}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}input{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;outline:none;width:100%;padding:13px 16px;transition:border-color .15s}input::placeholder{color:#a9a395}input:focus{border-color:var(--ink)}label{color:var(--ink-2);font-size:.95rem}.btn{background:var(--surface);border:1.5px solid var(--ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-weight:600;line-height:1.2;transition:transform .12s,background .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-soft)}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover:not(:disabled){background:#2c261c}.btn.sm{padding:8px 16px;font-size:.9rem}.btn.lg{padding:15px 26px;font-size:1.05rem}.btn.big{width:100%;padding:17px 26px;font-size:1.15rem}.btn:disabled{opacity:.4}.link-btn{color:var(--ink);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.95rem;text-decoration:underline}.code-input{text-align:center;letter-spacing:.3em;text-transform:uppercase;padding-left:calc(16px + .3em);font-weight:700}.tag{background:var(--ink);color:var(--paper);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;line-height:1.4}.tag.dim{background:var(--line);color:var(--ink-2)}.tag.good{background:var(--good);color:#fff}.badge{background:var(--accent);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:1.35rem;display:inline-grid}.badge.lg{border-radius:20px;width:64px;height:64px;font-size:1.8rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.8rem;font-weight:600}.muted{color:var(--ink-2)}.small{font-size:.85rem}.meta{color:var(--ink-2);font-size:.9rem}.error{color:var(--bad);font-weight:600}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.center-row{justify-content:center}.grow{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.site{max-width:1160px;margin:0 auto;padding:16px 20px 40px}.nav,.topbar{background:var(--surface);border:1px solid var(--line);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 12px;display:flex}.hero{align-items:center;gap:48px;padding:56px 0 64px;display:grid}.hero-copy{flex-direction:column;gap:22px;animation:.6s ease-out both rise;display:flex}.hero h1{letter-spacing:-.015em;font-size:clamp(3.1rem,13vw,6rem);font-weight:800;line-height:.95}.hero h1 em{background:linear-gradient(transparent 58%, var(--accent) 58%, var(--accent) 92%, transparent 92%);margin:0 -.06em;padding:0 .06em;font-style:normal}.lede{color:var(--ink-2);max-width:30em;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.join{gap:8px;display:flex}.join .code-input{border-color:var(--ink);border-radius:999px;width:7.2em;font-size:1.05rem}.hero-art{flex-direction:column;justify-self:center;gap:12px;width:100%;max-width:440px;display:flex}.hero-art>*{animation:.6s ease-out both rise}.hero-art>:first-child{animation-delay:.1s;transform:rotate(-2deg)}.hero-art>:nth-child(2){margin-right:28px;animation-delay:.22s}.hero-art>:nth-child(3){margin-left:28px;animation-delay:.34s}.hero-art>:nth-child(4){margin-left:14px;margin-right:14px;animation-delay:.46s}.art-prompt{background:var(--accent);border-radius:var(--radius);letter-spacing:-.02em;margin-bottom:8px;padding:24px;font-size:1.45rem;font-weight:700;line-height:1.2}.art-option{background:var(--surface);border:1.5px solid var(--line);text-transform:uppercase;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:.92rem;font-weight:700;display:flex}.art-option.truth{border-color:var(--good);background:var(--good-soft)}.steps{gap:28px;padding:8px 0 72px;display:grid}.step{border-top:1.5px solid var(--ink);flex-direction:column;gap:8px;padding-top:16px;display:flex}.step-n{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.step h3{font-size:1.5rem;font-weight:700}.step p{color:var(--ink-2)}.games{flex-direction:column;gap:24px;padding-bottom:72px;display:flex}.games>h2{letter-spacing:-.035em;font-size:clamp(2rem,6vw,3rem);font-weight:800}.games-grid{gap:16px;display:grid}.game{background:var(--surface);border:1px solid var(--line);border-radius:28px;flex-direction:column;align-items:flex-start;gap:20px;padding:28px;display:flex}.game-head{align-items:center;gap:14px;display:flex}.game h3{letter-spacing:-.04em;font-size:1.7rem;font-weight:800}.game-text{color:var(--ink-2);max-width:36em}.deck-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.deck-list li{border:1px solid var(--line);border-radius:999px;align-items:baseline;gap:8px;padding:6px 14px;font-size:.9rem;display:flex}.deck-list span{color:var(--ink-2);font-size:.8rem}.game.soon{background:0 0;border:1.5px dashed #c9c3b3;justify-content:center;gap:10px}.game.soon h3{font-size:1.4rem;font-weight:700}.footer{border-top:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:.9rem;display:flex}.footer .wordmark{font-size:1.1rem}@media (width>=720px){.site{padding:24px 32px 56px}.steps{grid-template-columns:repeat(3,1fr)}.games-grid{grid-template-columns:2fr 1fr}.game{padding:36px}}@media (width>=960px){.hero{grid-template-columns:1.15fr .85fr;padding:88px 0 104px}.hero-art{justify-self:end}}.page{max-width:560px;padding:16px 16px calc(40px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.topbar .wordmark{font-size:1.15rem}.pill{background:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:22px;display:flex}.card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.8rem;font-weight:600}.center{text-align:center;align-items:center}p.center{padding:8px 0}.room-code{gap:8px;display:flex}.room-code span{background:var(--paper);border:1.5px solid var(--ink);border-radius:14px;place-items:center;width:58px;height:68px;font-size:2.2rem;font-weight:800;line-height:1;display:grid}.link{color:var(--ink-2);word-break:break-all;font-size:.85rem}.players{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.players li{background:var(--paper);border-radius:14px;align-items:center;gap:12px;padding:8px 14px 8px 8px;font-weight:600;display:flex}.players li.offline{opacity:.45}.players em{color:var(--ink-2);font-style:normal;font-weight:400}.avatar,.rank{background:var(--accent);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;display:grid}.players li:nth-child(4n+2) .avatar{background:#ffb3a1}.players li:nth-child(4n+3) .avatar{background:#a8dcc0}.players li:nth-child(4n+4) .avatar{background:#b9cdf5}.rank{background:var(--surface);border:1.5px solid var(--line);font-variant-numeric:tabular-nums}.scores li:first-child .rank{background:var(--accent);border-color:var(--accent)}.scores b{font-variant-numeric:tabular-nums;font-weight:800}.delta{color:var(--good);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.x{color:var(--ink-2);background:0 0;border:none;padding:0 4px}.decks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.deck{background:var(--surface);border:1.5px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;line-height:1.2;transition:border-color .15s;display:flex}.deck strong{letter-spacing:-.02em;font-weight:700}.deck small{color:var(--ink-2)}.deck-icon{background:var(--paper);border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:8px;display:grid}.deck.on{border-color:var(--ink);background:var(--accent-soft)}.deck.on .deck-icon{background:var(--accent)}.deck:disabled:not(.on),.chip:disabled:not(.on){opacity:.45}.chip{background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:6px 20px;font-weight:700}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip.static{cursor:default;padding:3px 12px;font-size:.9rem;font-weight:500}.chip.static.on{background:var(--good-soft);border-color:var(--good-soft);color:var(--good)}.chip.small{background:var(--paper);border-color:var(--paper);padding:1px 10px;font-size:.8rem}.scoring{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;font-size:.9rem;display:flex}.scoring b{color:var(--ink);font-weight:800}.awards{gap:10px;padding:0;list-style:none;display:grid}.awards li{background:var(--paper);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.awards strong{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.15rem;font-weight:800}.award-title{letter-spacing:.1em;text-transform:uppercase;color:var(--good);font-size:.72rem;font-weight:700}.round-head{justify-content:space-between;align-items:center;gap:8px;padding:2px 6px 0;font-size:.92rem;font-weight:700;display:flex}.deck-name{color:var(--ink-2);align-items:center;gap:6px;font-weight:500;display:inline-flex}.timer{background:var(--surface);border:1.5px solid var(--ink);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:58px;padding:1px 10px}.timer.hot{border-color:var(--bad);background:var(--bad);color:#fff}.prompt-card{background:var(--accent);border-color:var(--accent);padding:26px}.prompt{letter-spacing:-.025em;font-size:1.5rem;font-weight:700;line-height:1.2}.blank{border-bottom:4px solid var(--ink);width:3em;margin:0 .12em;display:inline-block}.answer-preview{letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere;font-size:1.35rem;font-weight:800}.waiting{text-align:center;border-top:1px solid var(--line);flex-direction:column;gap:10px;width:100%;margin-top:6px;padding-top:16px;display:flex}.options{flex-direction:column;gap:10px;display:flex}.option{background:var(--surface);border:1.5px solid var(--line);text-align:left;text-transform:uppercase;overflow-wrap:anywhere;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;font-weight:700;transition:border-color .15s,background .15s;display:flex}button.option:hover:not(:disabled){border-color:var(--ink)}.option.on{border-color:var(--ink);background:var(--accent-soft)}.option:disabled{background:var(--paper);color:var(--ink-2)}.option.result{flex-direction:column;align-items:stretch;gap:8px;animation:.4s ease-out both rise}.option.truth{border-color:var(--good);background:var(--good-soft)}.result-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.voters{text-transform:none;flex-wrap:wrap;gap:6px;font-weight:500;display:flex}.option.truth .chip.small{background:var(--surface);border-color:var(--surface)}.source{color:var(--good);text-transform:none;text-underline-offset:3px;align-self:flex-start;font-size:.85rem;font-weight:600;text-decoration:underline}.crowning{width:150px;height:176px;margin-top:28px;position:relative}.face{width:120px;height:120px;animation:.5s cubic-bezier(.34,1.56,.64,1) both face-pop;position:absolute;bottom:0;left:15px}.topi{transform-origin:50% 90%;width:130px;animation:.85s .35s both topi-drop;position:absolute;top:0;left:10px;transform:rotate(-9deg)}.confetti{position:absolute;top:45%;left:50%}.confetti i{opacity:0;border-radius:2px;width:8px;height:14px;animation:1.7s cubic-bezier(.15,.7,.3,1) both confetti;position:absolute}.confetti i.round{border-radius:50%;width:9px;height:9px}.crowned{animation:.5s ease-out 1.05s both rise}@keyframes face-pop{0%{opacity:0;transform:scale(.4)}}@keyframes topi-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6);transform:translateY(-240px)rotate(-45deg)}20%{opacity:1}62%{animation-timing-function:ease-out;transform:translateY(8px)rotate(-3deg)scaleY(.9)}80%{animation-timing-function:ease-in;transform:translateY(-12px)rotate(-13deg)}to{opacity:1;transform:translateY(0)rotate(-9deg)}}@keyframes confetti{0%{opacity:0;transform:translate(0)scale(.3)}8%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 110px)) rotate(var(--spin)) scale(1)}}.winner{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:2.6rem;font-weight:800}.banner,.toast{text-align:center;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:600}.banner{background:var(--line)}.toast{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--ink);max-width:528px;color:var(--paper);margin:0 auto;animation:.2s ease-out rise;position:fixed;box-shadow:0 10px 30px #16130e40}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:10ms!important;animation-delay:0s!important}}
