@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-opsz-normal-Czevyj-6.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-opsz-normal-DihXLNYH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-opsz-italic-DxWqP7Ku.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-opsz-italic-CGbN9UgK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-opsz-italic-lSdLDfvT.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #05070c;--ink: #efe9dc;--dim: #7f8598;--gold: #e6b656;--serif: "Fraunces Variable", "Iowan Old Style", Palatino, Georgia, serif;--sans: ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:17px/1.5 var(--sans);overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}#start{position:fixed;inset:0;width:100%;border:0;color:inherit;font:inherit;cursor:pointer;display:grid;place-content:center;justify-items:center;gap:1.4rem;text-align:center;padding:2rem;background:radial-gradient(120% 80% at 50% 38%,#141b33 0,#0a0e1b 42%,var(--bg) 78%)}#start h1{font:340 clamp(3.6rem,17vw,8.5rem)/.95 var(--serif);letter-spacing:.06em;margin:0;font-variation-settings:"opsz" 144}#start .sub{margin:0;color:var(--dim);font-size:.82rem;letter-spacing:.34em;text-transform:uppercase}#start .rule{width:3.2rem;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}#start .go{margin:1.2rem 0 0;color:var(--gold);font:400 1.05rem var(--serif);font-style:italic;letter-spacing:.02em}#start .note{margin:0;color:var(--dim);font-size:.85rem;max-width:24rem;text-wrap:balance}#start:focus-visible{outline:1px solid rgba(230,182,86,.3);outline-offset:-14px}.ring{position:relative;width:4.6rem;height:4.6rem;border-radius:50%;border:1px solid var(--gold);animation:breathe 3.6s ease-in-out infinite}.ring:before,.ring:after{content:"";position:absolute;inset:-.9rem;border-radius:50%;border:1px solid rgba(230,182,86,.28)}.ring:after{inset:-1.9rem;border-color:#e6b6561f}@keyframes breathe{50%{transform:scale(1.12);opacity:.55}}#play{position:fixed;inset:0;touch-action:none;background:radial-gradient(130% 90% at 50% 56%,#0e1426 0,#080b15 48%,var(--bg) 82%)}#map{position:absolute;inset:0;width:100%;height:100%;display:block}#play:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(100% 75% at 50% 55%,transparent 55%,rgba(3,4,8,.82) 100%)}#status{position:absolute;z-index:2;left:1.3rem;right:1.3rem;top:max(1rem,env(safe-area-inset-top));display:flex;justify-content:space-between;color:var(--dim);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;pointer-events:none}#st-l{color:var(--gold)}#caption{position:absolute;z-index:2;left:50%;transform:translate(-50%);width:min(92vw,40rem);bottom:calc(max(1.4rem,env(safe-area-inset-bottom)) + clamp(7.4rem,30vw,9.2rem));text-align:center;pointer-events:none}#who{display:block;min-height:1.1rem;color:var(--gold);font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;margin-bottom:.35rem}#say{margin:0;font:400 clamp(1.08rem,3vw,1.45rem)/1.42 var(--serif);text-wrap:pretty;text-shadow:0 1px 14px #05070c,0 0 3px #05070c}#say.haus{font-style:italic}#hint{position:absolute;z-index:2;left:0;right:0;top:calc(max(1rem,env(safe-area-inset-top)) + 1.9rem);margin:0;padding:0 1.4rem;text-align:center;color:var(--dim);font-size:.74rem;letter-spacing:.04em;text-wrap:balance;pointer-events:none;opacity:0;transition:opacity .8s}#hint.show{opacity:.9}#mic{position:absolute;z-index:3;left:50%;bottom:max(1.4rem,env(safe-area-inset-bottom));width:clamp(4rem,16vw,4.8rem);aspect-ratio:1;transform:translate(-50%);border-radius:50%;cursor:pointer;display:grid;place-items:center;touch-action:none;color:var(--gold);border:1px solid rgba(230,182,86,.85);background:radial-gradient(circle at 50% 30%,#1c2542 0,#0c101e 68%);box-shadow:0 0 0 7px #e6b65612,0 0 0 15px #e6b65608,0 18px 44px #000000a6,inset 0 1px #ffffff17;transition:background .2s,color .2s,box-shadow .2s}#mic svg{width:40%;height:40%;fill:currentColor;pointer-events:none}#mic.on{color:#0b0f1c;background:radial-gradient(circle at 50% 30%,#f6d795 0,#dca63c 75%);animation:halo 1.5s ease-out infinite}#mic.busy:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px dashed var(--gold);animation:spin 2.4s linear infinite}#mic:focus-visible{outline:1px solid var(--ink);outline-offset:6px}@keyframes halo{0%{box-shadow:0 0 #e6b65673,0 18px 44px #000000a6}to{box-shadow:0 0 0 26px #e6b65600,0 18px 44px #000000a6}}@keyframes spin{to{transform:rotate(360deg)}}#tick{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}#ask{position:fixed;z-index:4;left:50%;top:24%;transform:translate(-50%);width:min(90vw,30rem);display:none}#ask.on{display:block}#ask input{width:100%;font:400 1.15rem var(--serif);padding:.9rem 1.1rem;border-radius:999px;border:1px solid var(--gold);background:#0c101eeb;color:var(--ink);text-align:center;user-select:text;-webkit-user-select:text;box-shadow:0 18px 44px #0009}#ask input:focus{outline:none;box-shadow:0 0 0 5px #e6b65626,0 18px 44px #0009}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media (prefers-reduced-motion: reduce){.ring,#mic.on,#mic.busy:after{animation:none}}#apk,#ios{position:fixed;left:50%;bottom:max(1.4rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;display:grid;gap:.15rem;text-align:center;padding:.8rem 1.4rem;border:1px solid rgba(230,182,86,.45);border-radius:999px;color:var(--gold);background:#0c0e13cc;text-decoration:none;font:400 1rem var(--serif);white-space:nowrap}#apk small,#ios small{color:var(--dim);font:400 .72rem system-ui,sans-serif;letter-spacing:.04em}#keyhint{position:fixed;left:1rem;bottom:1rem;z-index:6;display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0c0e13b3;color:var(--dim);font:400 .78rem system-ui,sans-serif;letter-spacing:.04em;cursor:pointer}#keyhint:hover,#keyhint:focus-visible{color:var(--gold);border-color:#e6b65680;outline:none}kbd{font:500 .74rem ui-monospace,monospace;color:var(--gold);border:1px solid rgba(230,182,86,.4);border-radius:.35rem;padding:.12rem .4rem;background:#e6b6560f;white-space:nowrap}#keys{position:fixed;inset:0;z-index:20;display:grid;place-content:center;gap:1.2rem;padding:1.5rem;background:#07090feb;backdrop-filter:blur(6px);overflow:auto}#keys h2{margin:0;font:340 2rem var(--serif);letter-spacing:.04em;text-align:center}#keys .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.55rem 2.2rem;width:min(46rem,92vw)}#keys .grid div{display:grid;grid-template-columns:9.5rem 1fr;align-items:center;gap:.8rem}#keys .grid kbd{justify-self:end}#keys .grid span{color:#ece7dc;font-size:.95rem}#keys p{margin:0;text-align:center;color:var(--dim);font-size:.8rem;letter-spacing:.08em}#quellen{position:fixed;right:1rem;top:max(.8rem,env(safe-area-inset-top));z-index:5;color:var(--dim);font:400 .72rem system-ui,sans-serif;letter-spacing:.04em;text-decoration:none}#quellen:hover,#quellen:focus-visible{color:inherit;text-decoration:underline}#quellen[hidden]{display:none}#ios{margin:0;color:var(--ink, #e8e6df);box-sizing:border-box;width:min(88vw,22rem);white-space:normal}#ios small{white-space:normal;line-height:1.35}#ios[hidden]{display:none}#type{position:absolute;z-index:3;left:calc(50% + clamp(2.4rem,10vw,3rem));bottom:max(.5rem,env(safe-area-inset-bottom));width:2.5rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--gold);background:#0c101ee0;border:1px solid rgba(230,182,86,.45)}#type svg{width:48%;height:48%;fill:currentColor;pointer-events:none}#type:focus-visible,#online:focus-visible{outline:1px solid var(--ink);outline-offset:4px}#online{position:absolute;z-index:5;right:1rem;top:calc(max(1rem,env(safe-area-inset-top)) + 5.2rem);display:flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;cursor:pointer;font:500 .74rem system-ui,sans-serif;letter-spacing:.06em;color:var(--dim);background:#0c101ee0;border:1px solid rgba(255,255,255,.14)}#online i{width:.55rem;height:.55rem;border-radius:50%;background:#5b6170}#online.some{color:var(--ink);border-color:#5fd1c78c}#online.some i{background:#5fd1c7;box-shadow:0 0 0 4px #5fd1c72e}#online[hidden],#online-list[hidden]{display:none}#online-list{position:absolute;z-index:6;right:1rem;top:calc(max(1rem,env(safe-area-inset-top)) + 7.9rem);width:min(86vw,19rem);display:grid;gap:.4rem;padding:.6rem;border-radius:1rem;background:#0a0d18f5;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px #0009}#online-list p{margin:.4rem .5rem;color:var(--dim);font:400 .85rem system-ui,sans-serif}#online-list button{display:grid;grid-template-columns:1fr auto;gap:.1rem .6rem;align-items:center;text-align:left;padding:.6rem .8rem;border-radius:.7rem;cursor:pointer;color:var(--ink);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font:400 .9rem system-ui,sans-serif}#online-list button b{font:500 1rem var(--serif)}#online-list button span{grid-column:1;color:var(--dim);font-size:.75rem}#online-list button em{grid-column:2;grid-row:1 / span 2;font-style:normal;color:#0b0f1c;background:#5fd1c7;padding:.3rem .7rem;border-radius:999px;font-weight:600;font-size:.75rem}#gear{position:absolute;z-index:5;left:1rem;top:calc(max(1rem,env(safe-area-inset-top)) + 5rem);width:2.4rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--dim);background:#0c101ee0;border:1px solid rgba(255,255,255,.14)}#gear svg{width:56%;height:56%;fill:currentColor;pointer-events:none}#gear:hover,#gear:focus-visible{color:var(--gold);border-color:#e6b65680;outline:none}#gear[hidden],#opts[hidden]{display:none}#opts{position:absolute;z-index:7;left:1rem;top:calc(max(1rem,env(safe-area-inset-top)) + 7.9rem);width:min(92vw,25rem);max-height:calc(100dvh - 9.6rem);overflow-y:auto;display:grid;gap:.45rem;padding:.9rem 1rem 1rem;border-radius:1rem;background:#0a0d18f7;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px #0009;font:400 .84rem system-ui,sans-serif;color:var(--ink)}#opts h2{margin:0 0 .2rem;font:500 1.15rem var(--serif);color:var(--gold)}#opts .row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.6rem}#opts .row label{color:var(--dim);line-height:1.25}#opts .seg{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:999px;overflow:hidden}#opts .seg button{padding:.38rem .62rem;min-width:2rem;cursor:pointer;color:var(--dim);background:transparent;border:0;font:inherit}#opts .seg button.on{color:#0b0f1c;background:var(--gold);font-weight:600}#opts .acts{display:grid;gap:.4rem;margin-top:.5rem}#opts .acts button{padding:.6rem .8rem;border-radius:.7rem;cursor:pointer;text-align:left;color:var(--ink);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);font:inherit}#opts .acts button.zu{text-align:center;color:#0b0f1c;background:var(--gold);border-color:transparent;font-weight:600}#task{position:absolute;z-index:3;right:calc(50% + clamp(2.4rem,10vw,3rem));bottom:max(.5rem,env(safe-area-inset-bottom));width:2.5rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--gold);background:#0c101ee0;border:1px solid rgba(230,182,86,.45)}#task svg{width:48%;height:48%;fill:currentColor;pointer-events:none}#task:focus-visible{outline:1px solid var(--ink);outline-offset:4px}