:root{--bg:#f4f1ea;--surface:#fffdf8;--text:#1d1b18;--muted:#6b655c;--border:#ddd6c9;--accent:#2f5bd3;--accent-text:#fff;--accent-soft:#e3eafb;--won:#1f8a4c;--won-soft:#e2f4e9;--lost:#c0392b;--lost-soft:#fbe6e3;--tied:#a8730a;--tied-soft:#fbf0d6;--shadow:0 1px 2px #0000000f, 0 6px 18px #00000014;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#15171c;--surface:#1f232b;--text:#ece8e1;--muted:#a19b91;--border:#343a45;--accent:#7d9cf5;--accent-text:#0f1420;--accent-soft:#252f4a;--won:#5fd08f;--won-soft:#1b3326;--lost:#f07b6d;--lost-soft:#3a2220;--tied:#e6b44c;--tied-soft:#382d16;--shadow:0 1px 2px #0006, 0 6px 18px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}main{max-width:760px;margin:0 auto;padding:24px 16px 48px}h1,h2{margin:0;line-height:1.15}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:var(--accent-text);border:none;border-radius:999px;padding:12px 28px;font-weight:600}.link{color:var(--muted);background:0 0;border:none;padding:0;text-decoration:underline}.actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.actions button:not(.primary){background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:12px 24px}.setup h1{letter-spacing:-.02em;font-size:2.6rem}.tagline{color:var(--muted);margin:6px 0 28px}fieldset{border:none;margin:0 0 22px;padding:0}legend{margin-bottom:8px;font-weight:600}.choices{flex-wrap:wrap;gap:8px;display:flex}.choices button{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:flex-start;min-width:64px;padding:10px 16px;display:flex}.choices button small{color:var(--muted);font-size:.8rem}.choices button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.setup .primary{margin-top:8px;font-size:1.1rem}.setup footer{color:var(--muted);margin-top:40px;font-size:.8rem}.setup footer a{color:inherit}.scoreboard{border-bottom:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 20px;padding-bottom:12px;display:flex}.scoreboard strong{color:var(--text);font-variant-numeric:tabular-nums}.scoreboard .pot strong{color:var(--tied)}.scoreboard .link{margin-left:auto}.status{min-height:1.45em;margin:18px 0 6px}.headline{margin:0 0 4px;font-size:1.3rem;font-weight:700}.headline.won{color:var(--won)}.headline.lost{color:var(--lost)}.headline.tied{color:var(--tied)}.table{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.card header{border-bottom:1px solid var(--border);padding:14px 16px 12px}.card .owner{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}.card h2{margin-top:2px;font-size:1.35rem}.card ul{margin:0;padding:6px;list-style:none}.card li button,.card li .row{text-align:left;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:10px;display:flex}.card li button{background:0 0;border:1px solid #0000}.card li button:hover{background:var(--accent-soft);border-color:var(--accent)}.card .label{color:var(--muted)}.card .direction{font-size:.8em}.card .value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.card li.highlight .row{background:var(--accent-soft);outline:2px solid var(--accent)}.card.won{border-color:var(--won);box-shadow:0 0 0 2px var(--won), var(--shadow)}.card.won li.highlight .row{background:var(--won-soft);outline-color:var(--won)}.card.lost{opacity:.85}.card.lost li.highlight .row{background:var(--lost-soft);outline-color:var(--lost)}.card.tied li.highlight .row{background:var(--tied-soft);outline-color:var(--tied)}.card.back .back-pattern{background:repeating-linear-gradient(45deg, var(--accent-soft) 0 12px, transparent 12px 24px);border:1px dashed var(--border);border-radius:10px;flex:1;place-items:center;min-height:200px;margin:12px;display:grid}.card.back .back-pattern span{color:var(--accent);font-size:3rem;font-weight:800}.back-count{color:var(--muted);margin:0 16px 14px;font-size:.9rem}.result{text-align:center;padding:48px 0}.result h1{margin-bottom:10px;font-size:2.2rem}.key{border:1px solid var(--border);text-align:center;min-width:1.4em;color:var(--muted);background:var(--bg);border-radius:4px;margin-right:8px;padding:0 4px;font:600 .75rem/1.5 ui-monospace,Menlo,monospace;display:inline-block}.card.flip-in{transform-origin:50%;animation:.42s cubic-bezier(.2,.7,.3,1) flip-in}@keyframes flip-in{0%{opacity:.4;transform:perspective(900px)rotateY(80deg)}to{opacity:1;transform:none}}.headline{animation:.32s ease-out .18s both pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card.flip-in,.headline{animation:none}}.about h1{margin:16px 0 8px}.about h2{margin:28px 0 8px;font-size:1.15rem}.about ul{padding-left:20px}.about li+li{margin-top:4px}.about a{color:var(--accent)}.about table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.9rem;display:block;overflow-x:auto}.about th,.about td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:8px 10px 8px 0}.small{color:var(--muted);font-size:.8rem}.as-of{color:var(--muted);font-size:.8em;font-weight:400}.primary:disabled,.actions button:disabled{opacity:.55;cursor:default}.muted{color:var(--muted)}.online-entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:32px;padding:16px 18px;display:flex}.online-entry h2{font-size:1.2rem}.online-entry p{color:var(--muted);margin:4px 0 0}.setup .online-entry .primary{margin-top:0;font-size:1rem}.section-title{margin-bottom:16px;font-size:1.2rem}.online h1{margin:16px 0 12px}.online form{margin-top:32px}.online form h2{margin-bottom:14px;font-size:1.2rem}.online label{flex-direction:column;gap:6px;max-width:360px;margin-bottom:18px;font-weight:600;display:flex}.online input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:0;padding:10px 12px;font-weight:400}.online input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.online .code-input{letter-spacing:.15em;max-width:12em;font:600 1.2rem/1.2 ui-monospace,Menlo,monospace}.notice{background:var(--tied-soft);border-radius:10px;margin:14px 0 0;padding:10px 14px}.notice.error{background:var(--lost-soft)}.share-box{gap:8px;margin:18px 0;display:flex}.share-box input{flex:1}.share-box button{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 16px}.code{letter-spacing:.1em;white-space:nowrap;font:700 1.3rem ui-monospace,Menlo,monospace}.countdown strong{font-variant-numeric:tabular-nums}.countdown.low strong{color:var(--lost)}@media (width<=480px){.share-box{flex-wrap:wrap}.share-box input{flex-basis:100%}}