:root{--ludira-ink:#151724;--ludira-indigo:#20264d;--ludira-teal:#13c7a5;--ludira-coral:#ff5a47;--ludira-amber:#ffc857;--ludira-paper:#fff8ec;--ludira-mist:#eef2f1;--ludira-line:#d7dedb;--ludira-display:"Fraunces", Georgia, "Aptos Display", serif;--ludira-sans:"Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif}html,body{background:var(--ludira-paper);color:var(--ludira-ink);font-family:var(--ludira-sans);margin:0}.demo-app{box-sizing:border-box;flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;padding:1rem 1rem 4.5rem;display:flex}.demo-landing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;display:flex}.demo-mark{width:72px;height:72px}.demo-wordmark{font-family:var(--ludira-display);color:var(--ludira-indigo);letter-spacing:.01em;margin:0;font-size:3rem;font-weight:600}.demo-tagline{font-family:var(--ludira-display);color:var(--ludira-indigo);margin:0;font-size:1.25rem}.demo-sub{color:#4a4e63;max-width:34ch;margin:.25rem 0 1.25rem}.demo-cta{background:var(--ludira-indigo);min-height:44px;color:var(--ludira-paper);cursor:pointer;border:none;border-radius:999px;padding:.85rem 2.5rem;font-size:1.15rem;font-weight:600}.demo-cta:hover{background:#2c3468}.demo-picker-header,.demo-play-header{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.demo-picker-header h2,.demo-play-header h2{font-family:var(--ludira-display);color:var(--ludira-indigo);flex:1;margin:0;font-size:1.4rem}.demo-cards{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=480px){.demo-cards{grid-template-columns:1fr 1fr}}.demo-card{text-align:left;border:1px solid var(--ludira-line);cursor:pointer;width:100%;min-height:44px;font-family:var(--ludira-sans);box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;gap:.3rem;padding:1rem;display:flex}.demo-card:hover{border-color:var(--ludira-teal)}.demo-card-title{font-family:var(--ludira-display);color:var(--ludira-indigo);font-size:1.15rem;font-weight:600}.demo-card-tagline{color:#4a4e63;font-size:.9rem}.demo-card-play{color:var(--ludira-teal);margin-top:.2rem;font-size:.9rem;font-weight:600}.demo-conn{background:var(--ludira-mist);color:#4a4e63;border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.demo-conn--open{color:#0b8b74;background:#13c7a526}.demo-conn--closed{color:#c23120;background:#ff5a4726}.demo-turn{text-align:center;color:var(--ludira-indigo);min-height:1.4em;margin:.5rem 0;font-weight:600}.demo-hint{text-align:center;color:#4a4e63;margin:.25rem 0;font-size:.9rem}.demo-grid{gap:6px;max-width:420px;margin:.5rem auto;display:grid}.demo-cell{aspect-ratio:1;border:1px solid var(--ludira-line);min-width:44px;min-height:44px;color:var(--ludira-ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:1.6rem;line-height:1;display:flex}.demo-cell:disabled{opacity:1}.demo-cell--tappable{cursor:pointer;border-color:var(--ludira-teal);box-shadow:inset 0 0 0 1px var(--ludira-teal)}.demo-cell--tappable:hover{background:#13c7a51f}.demo-cell--you{color:var(--ludira-teal)}.demo-cell--bot{color:var(--ludira-coral)}.demo-cell--selected{outline:3px solid var(--ludira-amber)}.demo-cell--target{background:#ffc85740}.demo-cell--eaten{background:var(--ludira-mist);border-style:dashed}.demo-cell--poison{color:var(--ludira-coral)}.demo-legend{text-align:center;color:#4a4e63;font-size:.85rem}.demo-legend-chip{margin:0 .35rem 0 .9rem;font-size:1rem}.demo-nim{text-align:center}.demo-nim-pile{flex-wrap:wrap;justify-content:center;gap:6px;max-width:360px;min-height:44px;margin:1rem auto .25rem;display:flex}.demo-nim-stick{background:var(--ludira-indigo);border-radius:4px;width:10px;height:44px}.demo-nim-empty{color:#4a4e63}.demo-nim-count{color:#4a4e63;font-size:.9rem}.demo-nim-takes{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.demo-take{background:var(--ludira-indigo);min-width:88px;min-height:44px;color:var(--ludira-paper);cursor:pointer;border:none;border-radius:10px;padding:.5rem 1.1rem;font-size:1rem;font-weight:600}.demo-take:disabled{background:var(--ludira-mist);color:#9aa0b5;cursor:default}.demo-banner{border-radius:10px;margin:.5rem 0;padding:.75rem 1rem}.demo-banner--error{border:1px solid var(--ludira-coral);color:#8d2114;background:#ff5a471f}.demo-banner--result{text-align:center;border:1px solid var(--ludira-line);background:#fff;font-size:1.15rem}.demo-banner--you{border-color:var(--ludira-teal);background:#13c7a51a}.demo-banner--bot{border-color:var(--ludira-coral);background:#ff5a4714}.demo-banner--draw{border-color:var(--ludira-amber);background:#ffc85726}.demo-result-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.75rem;display:flex}.demo-result-actions button,.demo-picker button:not(.demo-link):not(.demo-card){background:var(--ludira-indigo);min-height:44px;color:var(--ludira-paper);cursor:pointer;border:none;border-radius:10px;padding:.5rem 1.25rem;font-weight:600}button.demo-secondary{background:var(--ludira-mist);color:var(--ludira-indigo)}.demo-link{color:var(--ludira-indigo);cursor:pointer;background:0 0;border:none;min-height:44px;padding:.5rem .25rem;font-size:.95rem}.demo-waiting{text-align:center;color:#4a4e63;margin:2rem 0}.demo-footer{text-align:center;color:#6a6e83;flex-direction:column;gap:.2rem;margin-top:auto;padding-top:2rem;font-size:.8rem;display:flex}.demo-footer a{color:var(--ludira-indigo)}.demo-privacy{color:#9aa0b5}