.snb-table{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.snb-table.n2,.snb-table.n4{grid-template-columns:repeat(2,minmax(0,160px));justify-content:center}.snb-table li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.snb-table li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.snb-table li.got{border-color:var(--good);box-shadow:0 0 0 3px var(--good)}.snb-table li.bad{border-color:var(--bad);box-shadow:0 0 0 3px var(--bad)}.snb-table li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.snb-table li.gone{opacity:.5}.snb-table b{font-family:var(--f-word);overflow-wrap:anywhere;text-align:center;font-size:15px}.snb-table small{color:var(--muted);text-align:center;font-size:11px}.snb-stack{vertical-align:-1px;background:#2f5d8a;border-radius:2px;width:8px;height:10px;margin-right:4px;display:inline-block;box-shadow:1.5px -1.5px #2f5d8a80}.snb-card{aspect-ratio:1;width:100%;max-width:120px;box-shadow:var(--shadow);background:#fffdf6;border:2px solid #1b1b1b;border-radius:10px}.snb-card>svg{width:100%;height:100%;display:block}.snb-card.empty{border-style:dashed;border-color:var(--line);background:var(--sunk);box-shadow:none}.snb-card.s0{background:#fff1f3}.snb-card.s1{background:#eef7fc}.snb-card.s2{background:#f1effc}.snb-card.s3{background:#fdf3e7}.snb-controls{justify-content:center;align-items:center;gap:16px;display:flex}.snb-bell{color:#5a4100;width:112px;height:112px;font:700 15px/1 var(--f-word);cursor:pointer;touch-action:manipulation;background:#fff6d6;border:3px solid #7a5a00;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 4px #7a5a00}.snb-bell svg{width:58px;height:58px}.snb-bell:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #7a5a00}.snb-bell:disabled{opacity:.45;cursor:default}.snb-flip{min-width:110px;min-height:56px;font-size:18px}@media (max-width:480px){.snb-table{gap:6px}.snb-table li{padding:4px}.snb-bell{width:96px;height:96px}}