@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff")}:root{--bg:#04050a;--fg:#f2efe8;--accent:#ffcf8a;--dim:color-mix(in srgb, var(--fg) 62%, transparent);--line:color-mix(in srgb, var(--fg) 18%, transparent);--display:"Bricolage Grotesque", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--pz-bg:var(--bg);--pz-fg:var(--fg);--pz-accent:var(--accent);--pz-font:"Figtree", system-ui, sans-serif;--pz-display:var(--display);--pz-mono:var(--mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font:500 14px/1.4 Figtree,system-ui,sans-serif;overflow:hidden}#view{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#view:active{cursor:grabbing}#ui{pointer-events:none;transition:opacity .5s;position:fixed;inset:0}.hide-ui #ui,.hide-ui .pz-open,.hide-ui .pz-brand,.hide-ui #sound-hint,.hide-ui #loading{transition:none;opacity:0!important;pointer-events:none!important}.hide-ui #ui *{pointer-events:none!important}#ui:after{content:"";background:linear-gradient(0deg, color-mix(in srgb, var(--bg) 82%, transparent), transparent);z-index:-1;height:46%;position:absolute;inset:auto 0 0}#stage{left:50%;bottom:max(22px, env(safe-area-inset-bottom));text-align:center;justify-items:center;gap:10px;width:min(760px,100vw - 28px);display:grid;position:absolute;transform:translate(-50%)}#prompt{font:400 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0}#form{pointer-events:auto;width:100%;position:relative}#word{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--fg);text-align:center;font:800 clamp(40px, 9vw, 92px)/1.05 var(--display);letter-spacing:-.03em;caret-color:var(--accent);text-shadow:0 2px 30px #0000008c;background:0 0;border-radius:0;outline:none;padding:2px 54px 6px;transition:border-color .2s}#prompt,#card,#word{transition:opacity .8s,font-size .8s cubic-bezier(.2,.8,.2,1),border-color .2s}.landed #word:not(:focus){border-bottom-color:#0000;font-size:clamp(24px,4.2vw,40px)}.landed #prompt,.landed #card{opacity:0}#word::selection{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--fg)}#word::placeholder{color:color-mix(in srgb, var(--fg) 28%, transparent)}#word:focus{border-bottom-color:var(--accent)}#go{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 60%, transparent);width:42px;height:42px;color:var(--fg);cursor:pointer;opacity:0;border-radius:50%;font-size:18px;transition:opacity .2s,border-color .2s;position:absolute;bottom:14px;right:2px}#form.dirty #go{opacity:1;border-color:var(--accent);color:var(--accent)}#dock{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#dock button,#sun-label{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 66%, transparent);height:36px;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(10px);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font:500 13px/1 Figtree,system-ui,sans-serif;transition:border-color .15s,background .15s,color .15s;display:inline-flex}#dock button:hover,#sun-label:hover{border-color:var(--accent)}#dock button:focus-visible,#word:focus-visible+#go,#go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#dock button.primary{background:var(--accent);border-color:var(--accent);color:#17120a;font-weight:600}#dock button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#sun-label{cursor:default;color:var(--dim)}#sun{width:110px;accent-color:var(--accent);cursor:pointer}#hint{min-height:1.4em;font:400 12px/1.4 var(--mono);color:var(--dim);margin:0}#card{left:max(18px, env(safe-area-inset-left));width:230px;margin:0;transition:opacity .6s;position:absolute;top:50%;transform:translateY(-50%)}#kind{font:600 22px/1.1 var(--display);letter-spacing:-.01em;margin:0 0 12px}#facts{font:400 12px/1.4 var(--mono);grid-template-columns:auto 1fr;gap:5px 14px;margin:0;display:grid}#facts dt{color:var(--dim)}#facts dd{margin:0}.forming #card{opacity:0}#sound-hint,#loading{font:400 12px/1 var(--mono);letter-spacing:.08em;color:var(--dim);pointer-events:none;margin:0;transition:opacity .6s;position:fixed;left:50%;transform:translate(-50%)}#sound-hint{top:max(64px, calc(env(safe-area-inset-top) + 58px));opacity:0}#sound-hint.show{opacity:1}#loading{color:var(--fg);letter-spacing:.2em;text-transform:uppercase;top:50%}.ready #loading{opacity:0}.fatal #loading{opacity:1;text-align:center;max-width:80vw;line-height:1.5}@media (max-width:900px){#card{top:max(64px, calc(env(safe-area-inset-top) + 58px));text-align:center;width:auto;left:0;right:0;transform:none}#kind{margin:0;font-size:15px}#facts{display:none}#sound-hint{top:max(92px, calc(env(safe-area-inset-top) + 86px))}}@media (max-width:560px){#dock button,#sun-label{height:34px;padding:0 12px;font-size:12.5px}#sun{width:84px}#quality{display:none!important}#hint{display:none}}@media (max-height:520px){#prompt,#hint,#card{display:none}#word{font-size:36px}}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff")}:where(:root){--pz-bg:#0b0c10;--pz-fg:#eef0f4;--pz-dim:color-mix(in srgb, var(--pz-fg) 62%, transparent);--pz-line:color-mix(in srgb, var(--pz-fg) 16%, transparent);--pz-accent:#ff7a59;--pz-font:system-ui, sans-serif;--pz-display:var(--pz-font);--pz-mono:ui-monospace, monospace}.pz-open,.pz-brand{z-index:30;top:max(14px, env(safe-area-inset-top));color:var(--pz-fg);background:color-mix(in srgb, var(--pz-bg) 72%, transparent);border:1px solid var(--pz-line);-webkit-backdrop-filter:blur(10px);border-radius:999px;transition:border-color .15s,background .15s,opacity .3s;position:fixed}.pz-open{right:max(14px, env(safe-area-inset-right));cursor:pointer;font:500 13px/1 "Figtree", var(--pz-font);align-items:center;gap:10px;padding:10px 16px;display:flex}.pz-open b{font-weight:600}.pz-open span{color:var(--pz-dim)}.pz-open:hover{border-color:var(--pz-accent)}.pz-open:focus-visible,.pz-brand a:focus-visible,.pz-close:focus-visible,.pz-drawer a:focus-visible{outline:2px solid var(--pz-accent);outline-offset:2px;border-radius:999px}.pz-panel-open .pz-open{opacity:0;pointer-events:none}@media (max-width:560px){.pz-open span{display:none}}.pz-brand{left:max(14px, env(safe-area-inset-left));align-items:center;padding:4px 6px 4px 4px;display:flex}.pz-brand a{color:var(--pz-fg);align-items:center;text-decoration:none;display:flex}.pz-home{letter-spacing:-.005em;gap:9px;padding:5px 10px 5px 8px;font:400 19px/1 Young Serif,Georgia,serif}.pz-mark{flex:none;width:22px;height:22px}.pz-section{border-left:1px solid var(--pz-line);font:500 13px/1 "Figtree", var(--pz-font);padding:6px 10px 6px 12px;color:var(--pz-dim)!important}.pz-brand a:hover span,.pz-section:hover{color:#f96!important}.pz-home span{transition:color .15s}.pz-drawer{z-index:40;box-sizing:border-box;overscroll-behavior:contain;width:min(440px,100vw);font:400 14px/1.6 var(--pz-font);color:var(--pz-fg);background:color-mix(in srgb, var(--pz-bg) 90%, transparent);border-left:1px solid var(--pz-line);-webkit-backdrop-filter:blur(22px)saturate(1.2);visibility:hidden;padding:26px 26px 40px;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(102%)}.pz-drawer.is-open{visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1);transform:none}@media (prefers-reduced-motion:reduce){.pz-drawer,.pz-drawer.is-open{transition:none}}.pz-drawer header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pz-drawer h2{font:400 34px/1.05 var(--pz-display);letter-spacing:-.01em;margin:0}.pz-drawer header p{color:var(--pz-dim);margin:8px 0 0}.pz-close{border:1px solid var(--pz-line);width:36px;height:36px;color:var(--pz-fg);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:20px;line-height:1}.pz-close:hover{border-color:var(--pz-accent)}.pz-drawer section,.pz-drawer footer{border-top:1px solid var(--pz-line);margin-top:26px;padding-top:22px}.pz-drawer h3{font:600 11px/1 var(--pz-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pz-accent);margin:0 0 10px}.pz-drawer h3 a{color:inherit}.pz-drawer p{margin:0 0 10px}.pz-drawer a{color:var(--pz-fg);text-underline-offset:3px;-webkit-text-decoration-color:var(--pz-accent);text-decoration-color:var(--pz-accent)}.pz-dim{color:var(--pz-dim)}.pz-controls{border-collapse:collapse;width:100%}.pz-controls th{text-align:left;vertical-align:top;width:42%;font:500 12px/1.6 var(--pz-mono);color:var(--pz-fg);white-space:nowrap;padding:5px 12px 5px 0}.pz-controls td{color:var(--pz-dim);padding:5px 0}.pz-about h4{font:400 20px/1.2 var(--pz-display);color:var(--pz-fg);margin:22px 0 6px}.pz-about p{color:color-mix(in srgb, var(--pz-fg) 82%, transparent)}.pz-about p.pz-lead{color:var(--pz-fg);font-size:16px}.pz-about b{color:var(--pz-fg);font-weight:600}.pz-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pz-links a{border:1px solid var(--pz-line);border-radius:10px;padding:11px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:block}.pz-links a:hover{border-color:var(--pz-accent);background:color-mix(in srgb, var(--pz-accent) 8%, transparent)}.pz-links strong{font-weight:600;display:block}.pz-soon{border:1px dashed var(--pz-line);opacity:.72;border-radius:10px;padding:11px 14px}.pz-soon em{border:1px solid var(--pz-line);font:500 10px/1.4 "Figtree", var(--pz-font);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;color:var(--pz-dim);border-radius:999px;margin-left:8px;padding:2px 7px;font-style:normal}.pz-links span{color:var(--pz-dim);font-size:13px;display:block}.pz-drawer footer p{color:var(--pz-dim);font-size:12px}
