:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}#root{min-height:100svh}:root{--bg:#102a2c;--cream:#f5efe3;--coral:#e76550;--teal:#0e9c91;--gold:#c7a35b;--ink:#1c292a}body{background:var(--bg);color:var(--cream)}.screen{max-width:560px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;gap:10px;min-height:100svh;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{height:28px}.scores{text-transform:uppercase;letter-spacing:.06em;gap:12px;font-size:12px;display:flex}.score{opacity:.75;flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.score strong{font-size:18px}.score-teal strong{color:var(--teal)}.score-coral strong{color:var(--coral)}.banner{border-left:4px solid var(--gold);background:#f5efe312;border-radius:10px;margin:0;padding:8px 12px;font-size:14px}.banner-teal{border-left-color:var(--teal)}.banner-coral{border-left-color:var(--coral)}.board{background:#00000047;border-radius:12px;grid-template-columns:repeat(10,1fr);gap:2px;padding:6px;display:grid}.cell{aspect-ratio:5/7;cursor:default;background:0 0;border:0;border-radius:3px;padding:0;position:relative;overflow:hidden}.cell-face{object-fit:cover;width:100%;height:100%;display:block}.cell-playable{cursor:pointer;outline:2px solid var(--gold);outline-offset:-2px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{outline-color:#c7a35b59}}.cell-marker{pointer-events:none;width:76%;height:76%;position:absolute;inset:12%}.cell-sequence:after{content:"";border:2px solid var(--gold);border-radius:3px;position:absolute;inset:0}.piles{justify-content:center;gap:10px;display:flex}.pile{width:44px;position:relative}.pile img{border-radius:4px;width:100%;display:block}.pile span{background:var(--ink);text-align:center;border:1px solid #f5efe34d;border-radius:9px;min-width:18px;padding:1px 4px;font-size:11px;position:absolute;bottom:-4px;right:-4px}.hand{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hand-card{cursor:pointer;background:0 0;border:0;border-radius:5px;width:54px;padding:0;transition:transform .14s}.hand-card img{border-radius:5px;width:100%;display:block}.hand-card-selected{outline:3px solid var(--gold);outline-offset:1px;transform:translateY(-8px)}.hand-card-dead img{filter:grayscale(.7)brightness(.72)}.actions{justify-content:center;min-height:40px;display:flex}.action{background:var(--gold);color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:600}