:root{--bg: #08090b;--fg: #eef0f3;--dim: #98a0ad;--line: #22262e;--accent: #c03226;--gutter: 16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font:15px/1.55 ui-sans-serif,-apple-system,Segoe UI,Roboto,system-ui,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior:none}#app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:max(var(--gutter),env(safe-area-inset-top)) var(--gutter) max(var(--gutter),env(safe-area-inset-bottom))}[data-for]{display:none}#app[data-state=session] [data-for=session],#app[data-state=landing] [data-for=landing],#app[data-state=unreadable] [data-for=unreadable],#app[data-state=loading] [data-for=loading]{display:flex}.stage{flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:0;flex:1 1 auto}#art{display:block;aspect-ratio:1 / 1;width:min(100%,68dvh,1024px);height:auto;border-radius:10px;background:var(--bg);touch-action:none;image-rendering:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.panel{flex-direction:column;gap:10px;width:min(100%,560px);flex:0 0 auto}.panel.centred{text-align:center;align-items:center;justify-content:center;flex:1 1 auto}h1{font-size:19px;font-weight:650;margin:0;letter-spacing:-.01em}p{margin:0;color:var(--dim)}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.btn,button{appearance:none;display:inline-block;padding:11px 16px;border-radius:9px;border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg);font:inherit;font-weight:550;text-decoration:none;cursor:pointer;min-height:44px;line-height:22px}.btn:active,button:active{background:color-mix(in srgb,var(--fg) 14%,transparent)}.team{font-size:13px;color:var(--dim)}.fine{font-size:12px;color:var(--dim);opacity:.8;line-height:1.5}#dev{position:fixed;inset:auto 0 0;background:#101318;border-top:1px solid var(--line);padding:10px var(--gutter) max(10px,env(safe-area-inset-bottom));display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;font-size:12px;z-index:10}#dev label{display:grid;gap:3px;color:var(--dim)}#dev select,#dev input{font:inherit;padding:6px;border-radius:6px;border:1px solid var(--line);background:#0a0c10;color:var(--fg);min-width:0}#dev .wide{grid-column:1 / -1}#dev code{font-size:11px;color:var(--dim);word-break:break-all;display:block}#app:has(~#dev){padding-bottom:180px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}