:root{--ink:#ffffffeb;--ink-soft:#ffffff8c;--glass:#14141c61;--glass-line:#ffffff24;--accent:#fff}body.light{--ink:#14121ce6;--ink-soft:#14121c80;--glass:#ffffff73;--glass-line:#14121c1f}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#0b0b10;margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.idle #scene{cursor:none}#ui{pointer-events:none;transition:opacity .8s;position:fixed;inset:0}body.idle #ui,body.trailer #ui{opacity:0}body.trailer #ui{transition-duration:.3s}#ui button{pointer-events:auto}body.waiting #ui{opacity:0;pointer-events:none}.intro{text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity 1.2s;display:flex;position:fixed;inset:0}body:not(.waiting) .intro{opacity:0;pointer-events:none}.intro p{color:#ffffffe6;text-shadow:0 1px 12px #00000080;margin:0}.intro-title{letter-spacing:.04em;font-size:44px;font-weight:600}.intro-hint{letter-spacing:.3em;text-transform:uppercase;font-size:17px;animation:2.8s ease-in-out infinite intro-breathe}.intro-sub{opacity:.55;font-size:13px}@media (hover:hover) and (pointer:fine){.intro-sub{display:none}}@keyframes intro-breathe{0%,to{opacity:.45}50%{opacity:1}}.brand{align-items:baseline;gap:14px;display:flex;position:absolute;top:22px;left:26px}.wordmark{letter-spacing:.02em;font-size:22px;font-weight:600}.seed{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.seed:hover{color:var(--ink)}.hint{text-align:center;width:100%;color:var(--ink-soft);margin:0;font-size:13px;transition:opacity 1.5s;position:absolute;bottom:96px}.hint.gone{opacity:0}.toolbar{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);border-radius:999px;gap:6px;padding:6px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.toolbar button{min-width:42px;height:42px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:15px;transition:background .2s,transform .15s;display:inline-flex}.toolbar button:hover{background:var(--glass-line)}.toolbar button:active{transform:scale(.95)}.toolbar button.primary{background:var(--glass-line);padding:0 18px 0 14px}.toolbar svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.toolbar .primary svg{fill:currentColor;stroke:none}#btn-sound .off,#btn-sound.muted .on{display:none}#btn-sound.muted .off{display:inline}.debug{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);min-width:260px;color:var(--ink);white-space:pre;border-radius:14px;margin:0;padding:14px 16px;font:12px/1.65 ui-monospace,SF Mono,Consolas,monospace;position:absolute;top:70px;left:26px}.debug .swatches{gap:4px;margin:4px 0 8px;display:flex}.debug .swatches i{border:1px solid var(--glass-line);border-radius:5px;width:18px;height:18px;display:block}.toast{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);opacity:0;border-radius:999px;padding:8px 16px;font-size:14px;transition:opacity .3s,transform .3s;position:absolute;top:24px;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=560px){.brand{top:16px;left:16px}.toolbar{bottom:16px}.toolbar button{min-width:40px;height:40px;padding:0 9px}.toolbar button.primary span{display:none}.toolbar button.primary{padding:0 11px}.hint{padding:0 16px;bottom:76px}.debug{min-width:0;left:16px;right:16px}}.gallery{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px);pointer-events:auto;border-radius:16px;width:min(420px,100vw - 32px);padding:14px;position:absolute;top:20px;bottom:96px;right:20px;overflow-y:auto}.gallery h3{margin:2px 4px 12px;font-size:15px;font-weight:600}.gallery .empty{color:var(--ink-soft);margin:4px;font-size:13px}.gallery .grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.gallery figure{cursor:pointer;border:1px solid var(--glass-line);border-radius:10px;margin:0;position:relative;overflow:hidden}.gallery figure:hover{border-color:var(--ink-soft)}.gallery img,.gallery .noimg{aspect-ratio:16/10;object-fit:cover;background:#7f7f7f33;width:100%;display:block}.gallery figcaption{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;padding:5px 7px;font-size:11px;overflow:hidden}.gallery .del{color:#fff;cursor:pointer;opacity:0;background:#00000073;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:1;position:absolute;top:5px;right:5px}.gallery figure:hover .del{opacity:1}body.trailer #scene{cursor:none}@media (width<=560px){.gallery{width:auto;inset:60px 16px 84px}}