html{color-scheme:dark}body{margin:0;min-height:100dvh;color:#f5f0e8;background-color:#0c0a09;background-image:radial-gradient(880px 420px at -8% -12%,rgba(255,176,72,.18),transparent 56%),radial-gradient(720px 380px at 112% -18%,rgba(45,212,191,.14),transparent 52%),radial-gradient(860px 520px at 50% 120%,rgba(192,132,252,.12),transparent 48%);font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;overscroll-behavior-y:none;scrollbar-color:rgba(245,240,232,.28) transparent}button,canvas{font:inherit;color:inherit}button{cursor:pointer}.dock{position:sticky;top:0;z-index:5;padding:calc(10px + env(safe-area-inset-top)) 12px 12px;background:linear-gradient(to bottom,#0c0a09f7 0 78%,#0c0a0900);backdrop-filter:blur(16px);user-select:none}.top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.word{margin:0;font-size:22px;font-weight:500;font-style:italic;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.word:before{content:"";width:14px;height:14px;flex:none;background:linear-gradient(#f4f0c8,#f4f0c8) 0 0 / 6px 6px no-repeat,linear-gradient(#3dfff2,#3dfff2) 8px 0 / 6px 6px no-repeat,linear-gradient(#ff5a36,#ff5a36) 0 8px / 6px 6px no-repeat,linear-gradient(#d6ff4b,#d6ff4b) 8px 8px / 6px 6px no-repeat}.actions{margin-left:auto;display:flex;gap:6px}.icon-btn{appearance:none;width:44px;height:44px;border:1px solid rgba(245,240,232,.14);background:#f5f0e80a;color:#f5f0e8;display:grid;place-items:center;padding:0;border-radius:14px;touch-action:manipulation}.icon-btn svg{width:22px;height:22px;display:block}.icon-btn:focus-visible{outline:2px solid #f5f0e8;outline-offset:2px}.icon-btn[aria-pressed=true]{color:#d6ff4b;background:#d6ff4b24;border-color:#d6ff4b80}.icon-btn[data-testid=pause][aria-pressed=true]{color:#f5f0e8;background:#f5f0e81a;border-color:#f5f0e857}.icon-btn[data-testid=thumb-down][aria-pressed=true]{color:#ff5a36;background:#ff5a3629;border-color:#ff5a368c}.icon-btn.flash{transform:scale(.94);background:#f4f0c83d}.seed{width:100%;height:84px;display:block;touch-action:none;border-radius:16px;background:#00000047;border:1px solid rgba(245,240,232,.12)}.tools{display:flex;gap:8px;padding-top:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:2px 12px calc(28px + env(safe-area-inset-bottom));max-width:1120px;margin:0 auto}.card{background:#14100eeb;border:1px solid rgba(245,240,232,.1);border-radius:18px;overflow:hidden;min-width:0;box-shadow:inset 0 1px #f5f0e80f;animation:rise .28s ease}.card[data-vote=up]{border-color:var(--accent);box-shadow:inset 0 1px #f5f0e814,0 0 0 1px var(--accent),0 12px 32px color-mix(in srgb,var(--accent) 32%,transparent)}.card[data-vote=down] .field{filter:grayscale(.92) brightness(.52)}.card[data-vote=down] .rule-num{opacity:.42}body[data-chain=true] .card{box-shadow:inset 3px 0 0 var(--accent)}body[data-chain=true] .card[data-vote=up]{box-shadow:inset 3px 0 0 var(--accent),0 0 0 1px var(--accent),0 12px 32px color-mix(in srgb,var(--accent) 32%,transparent)}.filament{height:3px;background:#f5f0e80f}.filament>span{display:block;height:100%;width:calc(var(--prior, 0) * 100%);background:var(--accent);box-shadow:0 0 10px var(--accent)}.field{width:100%;height:auto;aspect-ratio:1;display:block;background:#0e0b0a;image-rendering:pixelated}.bar{display:flex;align-items:center;gap:0;padding:2px 2px 4px}.rule-num{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.03em;font-variant-numeric:tabular-nums;margin-right:auto;padding-left:8px}.bar .icon-btn{width:40px;height:40px;border-radius:12px;border-color:transparent;background:transparent}body[data-mode=garden] [data-testid=garden],body[data-mode=theater] [data-testid=chain],body[data-mode=theater] [data-testid=breed]{display:none}body[data-mode=theater] .grid{grid-template-columns:1fr;max-width:760px;justify-items:center}body[data-mode=theater] .card{width:min(100%,calc(100dvh - 250px))}body[data-mode=theater] .field{aspect-ratio:1;width:100%;max-height:calc(100dvh - 250px)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(hover:hover){.icon-btn:hover{background:#f5f0e81a}}@media(min-width:800px){.word{font-size:28px}.dock{padding-left:22px;padding-right:22px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;padding-left:22px;padding-right:22px}.seed{height:72px}}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.card{animation:none}.icon-btn.flash{transform:none}}