Something went wrong. Try again.
A Takuzu game native to the AT Protocol. atkuzu.tomplanche.com
binairo atproto game takuzu
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115body { display: flex; flex-direction: column; // svh (small viewport height, assumes the browser's toolbar is showing) accounts for // Safari on iOS's collapsing toolbar without the flip side of dvh: dvh recalculates // live as that toolbar animates in and out while scrolling, which reflows this flex // column's whole height (and so the footer's position) along with it, making the page // feel like it's constantly resizing. vh is the fallback for browsers that don't support // svh (an unsupported value is dropped, not overridden by it). min-height: 100vh; min-height: 100svh; background: radial-gradient( 60rem 30rem at 15% -10%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 60% ), radial-gradient( 50rem 30rem at 100% 0%, color-mix(in oklab, var(--accent-secondary) 16%, transparent), transparent 60% ), var(--bg); background-attachment: fixed; color: var(--fg); font-family: var(--font-sans); font-size: 16px; line-height: 1.5; letter-spacing: -0.01em;}
h1,h2,h3 { margin: 0 0 var(--space-4); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15;}
h1 { font-size: clamp(2rem, 1.5rem + 2vw, 3rem); background: linear-gradient(135deg, var(--fg), var(--accent)); background-clip: text; -webkit-background-clip: text; color: transparent;}
p { margin: 0 0 var(--space-4);}
a { color: var(--zed-blue-text); transition: color var(--transition-fast);}
a:hover { color: var(--zed-blue-text); text-decoration: underline;}
a:focus-visible { outline: 2px solid var(--zed-blue-text); outline-offset: 2px; border-radius: 2px;}
.container { width: 100%; max-width: var(--container-width); margin-inline: auto; padding-inline: var(--space-6);}
// Baseline for any bare <button>, real buttons should use $lib/components/Button.svelte.button { font: inherit; cursor: pointer;}
button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px;}
input,textarea { font: inherit; color: var(--fg); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 0.45em; transition: border-color var(--transition-fast), box-shadow var(--transition-fast);}
input:focus,textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 25%, transparent);}
input::placeholder,textarea::placeholder { color: var(--muted);}
/* fsevents direct test *//* polling fix test *//* after warm load test */