extremely claude-assisted go game based on atproto! working on cleaning up and giving a more unique design, still has a bit of a slop vibe to it.
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041<script lang="ts"> interface Props { variant?: 'default' | 'large' | 'compact'; class?: string; children?: any; }
let { variant = 'default', class: className = '', children }: Props = $props();</script>
<div class="cloud-card card-{variant} {className}"> {@render children?.()}</div>
<style> .cloud-card { background: var(--surface); border: 1px solid rgba(255, 255, 255, 0.95); border-bottom-color: rgba(90, 122, 144, 0.18); position: relative; box-shadow: var(--surface-lip), var(--elevation-2); }
.card-default { border-radius: 1.5rem; padding: 1.5rem; }
.card-large { border-radius: 1.8rem; padding: 2.5rem; box-shadow: var(--surface-lip), var(--elevation-3); }
.card-compact { border-radius: 0.75rem; padding: 1rem 1.25rem; box-shadow: var(--surface-lip), var(--elevation-1); }</style>