.grv-card{background:linear-gradient(var(--grv)0 30%,#fffdf6 30%);color:#222;width:54px;height:72px;font-family:var(--f-word);border:2px solid #2a2a2a;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.grv-card b{font:700 24px/1 var(--f-word);margin-top:14px}.grv-name{font:700 10px/1.2 var(--f-body);color:#fff;text-shadow:0 1px 1px #00000073;text-align:center;white-space:nowrap;position:absolute;top:2px;left:0;right:0;overflow:hidden}.grv-tree{width:14px;height:14px;color:var(--grv);position:absolute;bottom:3px;right:3px}button.grv-card{cursor:pointer}button.grv-card:hover{box-shadow:0 0 0 3px var(--accent)}.grv-card.picked{box-shadow:0 0 0 3px var(--accent);transform:translateY(-4px)}.grv-card.empty{border-style:dashed;border-color:var(--line);background:0 0}.grv-card.small{width:var(--grv-cell);height:var(--grv-cell);background:linear-gradient(var(--grv)0 34%,#fffdf6 34%);border-width:1.5px;border-radius:6px}.grv-card.small b{margin-top:10px;font-size:17px}.grv-card.small .grv-name{font-size:9px;top:1px}.grv-card.small .grv-tree{width:10px;height:10px;bottom:2px;right:2px}.grv-card.path{box-shadow:0 0 0 3px var(--good)}.grv-draw{border-radius:var(--radius);background:var(--sunk);flex-wrap:wrap;justify-content:center;gap:10px;padding:10px;display:flex}.grv-deck{color:#fff;cursor:pointer;background:repeating-linear-gradient(45deg,#3d6b45 0 6px,#2f5636 6px 12px);border:2px solid #2a2a2a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:54px;height:72px;display:flex}.grv-deck b{font:700 20px/1 var(--f-mono)}.grv-deck small{font-size:9px}.grv-deck:disabled{cursor:default;opacity:.75}.grv-deck:not(:disabled):hover{box-shadow:0 0 0 3px var(--accent)}.grv-pile{flex-direction:column;align-items:center;gap:2px;min-width:54px;max-width:80px;display:flex}.grv-pile small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.grv-hand{border-radius:var(--radius);background:var(--sunk);flex-direction:column;gap:6px;padding:8px;display:flex}.grv-h{font:600 14px/1.3 var(--f-body);margin:0}.grv-h .muted{font-size:12px;font-weight:400}.grv-row{flex-wrap:wrap;gap:6px;display:flex}.grv-groves{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.grv-player{--grv-cell:34px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.grv-player.me{--grv-cell:46px;grid-column:1/-1}.grv-player.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.grv-player.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.grv-player header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.grv-player header b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:16px}.grv-stats{font:600 13px/1 var(--f-mono);color:var(--muted);white-space:nowrap}.grv-grid{justify-content:center;gap:3px;padding:4px;display:grid;overflow-x:auto}.grv-spot{width:var(--grv-cell);height:var(--grv-cell);border:2px dashed var(--accent);cursor:pointer;background:0 0;border-radius:6px}.grv-spot:hover{background:var(--sunk)}.grv-held{gap:3px}.grv-held .grv-card.small{--grv-cell:30px}.grv-none{margin:0;font-size:13px}.grv-note{text-align:center;margin:0;font-size:13px}.grv-results{overflow-x:auto}.grv-results table{border-collapse:collapse;margin:0 auto;font-size:14px}.grv-results th,.grv-results td{text-align:center;border-bottom:1px solid var(--line);padding:3px 8px}.grv-results td{font-family:var(--f-mono)}.grv-results td.out{color:var(--muted)}.grv-results tr.on{background:var(--sunk)}.grv-kind{border:0;border-left:10px solid var(--grv);color:var(--text);font:600 14px/1.2 var(--f-body);cursor:pointer;text-align:left;background:0 0;padding:2px 6px}@media (max-width:480px){.grv-card{width:44px;height:62px}.grv-card b{margin-top:12px;font-size:20px}.grv-name{font-size:9px}.grv-deck{width:44px;height:62px}.grv-pile{min-width:44px}.grv-draw{gap:6px;padding:6px}.grv-player.me{--grv-cell:38px}.grv-player{--grv-cell:28px}.grv-row{gap:4px}}