.viewer.svelte-luyl8s{justify-content:center;align-items:center;min-height:220px;padding:12px 0;display:flex;position:relative}canvas.svelte-luyl8s{image-rendering:pixelated;cursor:pointer;max-width:100%}.error.svelte-luyl8s{color:#f88}main.svelte-1hl9267{max-width:1100px;margin:0 auto;padding:16px}nav.svelte-1hl9267{justify-content:space-between;align-items:center;display:flex}nav.svelte-1hl9267 a:where(.svelte-1hl9267):not(.btn){color:var(--muted);text-decoration:none}nav.svelte-1hl9267 .btn:where(.svelte-1hl9267){text-decoration:none}header.svelte-1hl9267{margin-top:12px}h1.svelte-1hl9267{overflow-wrap:anywhere;margin:0}.sub.svelte-1hl9267,.desc.svelte-1hl9267{color:var(--muted);margin:2px 0 0}.desc.svelte-1hl9267{text-align:center;max-width:760px;margin:6px auto 0;font-size:.9rem}.stage.svelte-1hl9267{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:16px;display:grid}.side.svelte-1hl9267{flex-direction:column;gap:16px;display:flex}.portrait.svelte-1hl9267{padding:0}.media.svelte-1hl9267{padding:0;overflow:hidden}.help.svelte-1hl9267{color:var(--muted);margin:6px 0 0;font-size:.85rem}.controls.svelte-1hl9267{flex-direction:column;gap:14px;display:flex}.field.svelte-1hl9267{flex-direction:column;gap:6px;display:flex}.turn.svelte-1hl9267{gap:8px;display:flex}.turn.svelte-1hl9267 .btn:where(.svelte-1hl9267){flex:1;font-size:1.2rem}.hint.svelte-1hl9267{margin:0}.note.svelte-1hl9267{color:var(--muted);font-size:.85rem}@media (width<=700px){.stage.svelte-1hl9267{grid-template-columns:minmax(0,1fr)}}