:root{--ash:#fafafa;--plate:#f7f7f7;--needle:#1d4527;--bark:#4a3d2e;--copihue:#9e1b26;--ink:#1d2a1c;--muted:#6b756a;--mark:#f6f8fb}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--plate);height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:ui-sans-serif,-apple-system,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;inset:0}header{top:max(12px, env(safe-area-inset-top));z-index:2;pointer-events:none;align-items:center;gap:8px;transition:opacity .25s;display:flex;position:absolute;left:14px}.logo{flex:none;width:clamp(26px,5.6vw,32px);height:auto}.logo .ring{fill:#0039a6}.logo .gap{fill:#fff}.logo .core{fill:#d52b1e}.logo .star{fill:#fff}.wordmark{letter-spacing:.02em;color:var(--mark);text-shadow:0 1px 3px #142d466b;font-family:Michroma,ui-monospace,Courier New,monospace;font-size:clamp(17px,4.2vw,23px);font-weight:400;line-height:1}#stage{cursor:pointer;touch-action:manipulation;flex:1;min-height:0;position:relative}#scene{width:100%;height:100%;display:block}footer{padding:10px 16px max(14px, env(safe-area-inset-bottom));flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.messages{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:5px;padding:0 16px 9px;display:flex;position:absolute;bottom:100%;left:0;right:0}.row{gap:8px;width:min(520px,100%);display:flex}body.shared input{color:var(--muted);cursor:default;background:#f4f5f4}body.shared input:focus{box-shadow:none;border-color:#e4e5e4}button.ghost{color:var(--muted);text-underline-offset:3px;background:0 0;border:none;flex:none;margin-top:9px;padding:8px 15px;font-size:13px;-webkit-text-decoration:underline #cfd3cf;text-decoration:underline #cfd3cf}button.ghost:hover{color:var(--needle);background:0 0}input{min-width:0;font:inherit;color:var(--ink);background:#fff;border:1px solid #e4e5e4;border-radius:11px;outline:none;flex:1;padding:12px 14px;font-size:15px}input:focus{border-color:var(--needle);box-shadow:0 0 0 3px #1d452721}input[aria-invalid=true]{border-color:var(--copihue)}input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #9e1b2626}.error,.notice{text-align:center;background:#fffffff0;border:1px solid #e4e5e4;border-radius:999px;max-width:min(520px,100%);padding:6px 13px;font-size:12.5px;line-height:1.35;box-shadow:0 3px 10px #23301f1a}.error{color:var(--copihue);border-color:#9e1b2659}.error:empty{display:none}button{font:inherit;color:var(--needle);cursor:pointer;background:#fff;border:1px solid #e4e5e4;border-radius:11px;flex:1;padding:11px 14px;font-size:13px;font-weight:600;transition:transform 90ms,background .15s}button:hover{background:#fff}button:active{transform:scale(.97)}button.primary{color:#fff;background:var(--needle);border-color:var(--needle);flex:none;padding:12px 20px;font-size:14px}button.primary:hover{background:#256034}.share{flex:none;position:relative}button.icon{color:#fff;background:var(--needle);border-color:var(--needle);flex:none;place-items:center;width:46px;height:46px;padding:0;display:grid}button.icon:hover{background:#256034}button.icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;width:21px;height:21px}.menu{z-index:3;background:#fff;border:1px solid #e4e5e4;border-radius:13px;flex-direction:column;min-width:238px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 26px #23301f29}.menu[hidden]{display:none}.menu button span{white-space:nowrap}.menu button{text-align:left;background:0 0;border:none;border-radius:9px;flex:none;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.ico{fill:currentColor;width:17px;height:17px;color:var(--muted);flex:none}.ico.stroke{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.menu button:hover .ico,.menu button:focus-visible .ico{color:var(--needle)}.menu button:hover,.menu button:focus-visible{background:#f1f2f1}.menu button:active{transform:none}.credit{color:var(--muted);text-align:center;margin-top:9px;font-size:11.5px;line-height:1.4}.credit a{color:var(--needle);text-underline-offset:2px;-webkit-text-decoration:underline #c9d0c8;text-decoration:underline #c9d0c8}.credit a:hover{text-decoration-color:currentColor}.notice{color:var(--ink)}.notice:empty{display:none}