:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--accent:#aa3bff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--accent:#c084fc}}body{margin:0}h1{color:var(--text-h);font-family:system-ui,Segoe UI,Roboto,sans-serif}.app{box-sizing:border-box;max-width:720px;min-height:100vh;margin:0 auto;padding:1.5rem 1rem 3rem}.screen{flex-direction:column;gap:1.25rem;display:flex}.screen--start{text-align:center;align-items:center;padding-top:2rem}.screen--start h1{letter-spacing:-.02em;margin:.5rem 0 0;font-size:clamp(2.5rem,8vw,4rem)}.tagline{color:var(--text-h);margin:0;font-size:1.1rem}.rules{text-align:left;max-width:360px;margin:1rem 0;padding:0;list-style:none}.rules li{border-bottom:1px solid #7f7f7f2e;padding:.4rem 0}.rules li:last-child{border-bottom:none}.btn{font:inherit;cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;padding:.85rem 1.2rem;font-weight:600;transition:background .12s,border-color .12s,transform 60ms}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:.95rem 1.5rem;font-size:1.05rem}.btn--primary:hover{filter:brightness(1.05)}.btn--secondary{border-color:#7f7f7f66}.btn--secondary:hover{border-color:var(--accent);color:var(--text-h)}.btn--ghost{color:var(--text);background:0 0;border-color:#0000;padding:.5rem .75rem;font-size:.9rem}.btn--ghost:hover{color:var(--text-h);border-color:#7f7f7f40}.stats--compact{gap:.25rem;margin:.5rem 0}.stats--compact .stats__row{padding:.35rem 0}.stats--compact .stats__row dd{font-size:1.05rem}.badge{letter-spacing:.02em;border-radius:999px;padding:.3rem .7rem;font-size:.9rem;font-weight:700;display:inline-block}.badge--highscore{color:#1f7a45;background:#38b0602e;border:1px solid #38b06073;margin:0}@media (prefers-color-scheme:dark){.badge--highscore{color:#6fdfa0}}.btn-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hud{grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.5rem .25rem .75rem;display:grid}.hud__cell{flex-direction:column;align-items:center;gap:.15rem;display:flex}.hud__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text);font-size:.7rem}.hud__value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.hud__value--time.is-low{color:#e23a4d}.timer-bar{background:#7f7f7f2e;border-radius:999px;height:6px;overflow:hidden}.timer-bar__fill{background:var(--accent);height:100%;transition:width 1s linear}.cards{flex-wrap:nowrap;justify-content:center;gap:.4rem;margin:1rem 0 .5rem;display:flex}.cards--seven{flex-wrap:wrap;gap:.35rem}.board{flex-direction:column;align-items:center;gap:.6rem;margin:1rem 0 .5rem;display:flex}.cards--community{flex-wrap:wrap;gap:.35rem;margin:0}.cards--hole{gap:.5rem;margin:0}.board__divider{background:linear-gradient(90deg,#0000,#7f7f7f59,#0000);width:80%;max-width:360px;height:1px;margin:.15rem 0}.hole{flex-direction:column;align-items:center;gap:.35rem;display:flex}.hole__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text);font-size:.7rem;font-weight:600}.cards--hole .pcard{--w:clamp(48px, 15vw, 86px)}.pcard{--w:clamp(40px, 12.5vw, 72px);width:var(--w);aspect-ratio:5/7;color:#111;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0000002e;border-radius:8px;grid-template-rows:auto 1fr auto;padding:4px 6px;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;display:grid;position:relative;box-shadow:0 1px #0000000a,0 6px 14px #00000014}button.pcard{cursor:pointer;font:inherit;transition:transform 80ms,box-shadow .12s,border-color .12s,opacity .12s}button.pcard:hover:not(:disabled):not(.is-selected){border-color:var(--accent);transform:translateY(-2px)}button.pcard:disabled{cursor:default}button.pcard.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent), 0 6px 14px #0000001f;transform:translateY(-4px)}button.pcard.is-highlighted{border-color:#38b060e6;transform:translateY(-4px);box-shadow:0 0 0 3px #38b06099,0 6px 14px #0000001f}button.pcard.is-dim{opacity:.35;filter:grayscale(.4)}.pcard--red{color:#c0223a}.pcard--black{color:#111}.pcard__corner{flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex}.pcard__corner--br{place-self:end;transform:rotate(180deg)}.pcard__rank{font-size:clamp(.85rem,3.6vw,1.35rem)}.pcard__suit{font-size:clamp(.8rem,3.2vw,1.2rem)}.pcard__center{place-self:center;font-size:clamp(1.4rem,7vw,2.4rem);line-height:1}.round-prompt{text-align:center;color:var(--text);margin:.25rem 0 0;font-size:.95rem}.round-actions{justify-content:center;margin-top:.5rem;display:flex}.btn--submit{min-width:180px}.btn--submit:disabled{opacity:.45;cursor:not-allowed}.choices{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.btn--choice{text-align:center;color:var(--text-h);background:#7f7f7f14;border-color:#7f7f7f40;padding:.95rem .75rem;font-size:1rem}.btn--choice:hover:not(:disabled){border-color:var(--accent)}.btn--choice:disabled{cursor:default}.btn--choice.is-correct{color:#1f7a45;background:#38b0602e;border-color:#38b060b3}.btn--choice.is-wrong{color:#b62434;background:#e23a4d26;border-color:#e23a4db3}.btn--choice.is-dim{opacity:.5}@media (prefers-color-scheme:dark){.btn--choice.is-correct{color:#6fdfa0}.btn--choice.is-wrong{color:#ff8997}}.feedback{text-align:center;min-height:1.5rem;margin-top:.5rem}.feedback__msg{font-weight:600}.feedback__msg--ok{color:#1f7a45}.feedback__msg--bad{color:#b62434}@media (prefers-color-scheme:dark){.feedback__msg--ok{color:#6fdfa0}.feedback__msg--bad{color:#ff8997}}.screen--end{text-align:center;align-items:center;padding-top:1.5rem}.stats{flex-direction:column;gap:.5rem;width:100%;max-width:360px;margin:1rem 0 1.5rem;display:flex}.stats__row{border-bottom:1px solid #7f7f7f2e;justify-content:space-between;align-items:baseline;padding:.5rem 0;display:flex}.stats__row dt{color:var(--text);font-size:.95rem}.stats__row dd{color:var(--text-h);font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:700}@media (width<=380px){.cards{gap:.2rem}.hud{gap:.25rem}.btn--choice{padding:.85rem .5rem;font-size:.95rem}.pcard{--w:clamp(36px, 12vw, 60px)}}