@font-face{font-family:Tanker;src:url(../fonts/Tanker-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Martian Mono;src:url(../fonts/MartianMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Martian Mono;src:url(../fonts/MartianMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Switzer;src:url(../fonts/Switzer-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url(../fonts/Switzer-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--bg:#07090A;--paper:#EDEBE6;--lime:#B4F27E;--ice:#5BC8FF;--line:rgba(237,235,230,.14);--mono:"Martian Mono",ui-monospace,monospace;--disp:"Tanker",sans-serif;--text:"Switzer",sans-serif;--ease:cubic-bezier(.16,1,.3,1);--motion-scale:1;--top-h:46px}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:auto}body{background:var(--bg);color:var(--paper);font-family:var(--text);font-size:1.0625rem;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--lime);color:var(--bg)}a{color:inherit}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;top:-48px;left:16px;z-index:200;background:var(--lime);color:var(--bg);padding:10px 18px;font-family:var(--mono);font-size:.8rem;transition:top .2s}.skip:focus{top:8px}.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.small{font-size:.62rem;letter-spacing:.08em;text-transform:none}#stage{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}body.quiet #stage{display:none}#entry{position:fixed;inset:0;z-index:120;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}#entry .mono{color:var(--lime)}#entryHint{color:#edebe680}.top{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:space-between;padding:14px 18px;pointer-events:none;mix-blend-mode:difference}#modeLabel{color:var(--lime)}.zurueck-leiste{position:fixed;top:calc(62px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:2147483000;display:inline-flex;align-items:center;justify-content:flex-start;gap:0;width:48px;height:48px;overflow:hidden;border-radius:999px;background:#080a0de0;color:#fff;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border:1px solid rgba(255,255,255,.45);box-shadow:0 2px 14px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;transition:width .2s ease,background .2s ease}.zurueck-leiste .pfeil{font-size:22px;line-height:1;flex:none;width:46px;text-align:center;color:#fff}.zurueck-leiste .wort{opacity:0;transition:opacity .15s ease;padding-right:18px}@media(hover:hover){.zurueck-leiste:hover{width:150px;background:#0a0c0feb}.zurueck-leiste:hover .wort{opacity:1}}@media print{.zurueck-leiste{display:none}}.perf{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:8px}.perf button{width:26px;height:18px;border:1px solid var(--line);background:transparent;border-radius:3px;cursor:pointer;position:relative;color:#edebe68c;font-family:var(--mono);font-size:.5rem}.perf button[aria-current]{border-color:var(--lime);color:var(--lime);box-shadow:0 0 12px #b4f27e59}main{position:relative;z-index:10}.act{min-height:100vh;display:flex;align-items:center;position:relative;padding:96px 6vw}body:not(.quiet) main{pointer-events:none}body:not(.quiet) .act{pointer-events:none}body:not(.quiet) .act a,body:not(.quiet) .act button,body:not(.quiet) .act .lens,body:not(.quiet) .act .lens-copy{pointer-events:auto}.act-copy{max-width:720px}.act-copy.narrow{max-width:640px;position:relative}.label{color:var(--lime);margin-bottom:18px;display:flex;align-items:center;gap:10px}.label:before{content:"";width:9px;height:9px;background:currentColor;display:inline-block}h2{font-family:var(--disp);font-weight:400;font-size:clamp(2rem,6vw,4.6rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;margin-bottom:20px}.giant{font-family:var(--disp);font-weight:400;font-size:clamp(24vw,26vw,28vw);line-height:.85;letter-spacing:.02em;color:var(--paper)}.sub{max-width:56ch;font-size:1.125rem;color:#edebe6db}.tech{max-width:56ch;margin-top:16px;font-size:.95rem;color:#edebe69e}.btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 26px;border-radius:999px;border:1px solid var(--paper);background:transparent;color:var(--paper);font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;margin-top:22px}.btn:hover{background:var(--lime);border-color:var(--lime);color:var(--bg)}body:not(.quiet) #akt1 .giant{opacity:0}body:not(.quiet) #akt6 h2[data-fall]{opacity:0}body:not(.quiet) .act .quiet-only{display:none}.site-list{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:8px;font-size:.95rem;color:#edebe6cc}.site-list li:before{content:"■ ";color:var(--lime);font-size:.6rem;vertical-align:middle}.site-links{margin-top:14px;line-height:2}.contact-row{margin-top:18px;font-size:1.05rem}.contact-row a{text-decoration:none;border-bottom:1px solid var(--line)}.legal{margin-top:26px;font-size:.85rem;color:#edebe68c}.finale-line{max-width:18ch}.nur-klein{display:none}#statsLine{margin-top:22px;color:var(--lime)}.lens-copy{position:relative;font-size:1.1rem;line-height:1.6;display:flex;flex-direction:column;gap:14px;max-width:56ch}.lens{position:absolute;width:190px;height:190px;border-radius:50%;z-index:5;cursor:grab;touch-action:none;backdrop-filter:blur(2.5px) saturate(1.5) contrast(1.05);-webkit-backdrop-filter:blur(2.5px) saturate(1.5) contrast(1.05);filter:url(#lensDisplace);box-shadow:inset 0 0 30px #5bc8ff24,inset 0 0 2px #edebe68c,0 18px 60px #00000080;background:radial-gradient(circle at 32% 28%,#edebe624,#edebe605 55%,#5bc8ff0d)}.lens:active{cursor:grabbing}.lens-ring{position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(237,235,230,.35);pointer-events:none}body.quiet .lens{display:none}.mode-wheel{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.mode-wheel button{min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--paper);font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.mode-wheel button[aria-checked=true]{background:var(--lime);border-color:var(--lime);color:var(--bg)}.switches{position:fixed;right:14px;bottom:14px;z-index:80;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.switches button{min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#07090ab8;color:var(--paper);font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(6px)}.switches button[aria-pressed=true]{background:var(--lime);color:var(--bg);border-color:var(--lime)}.strip{position:fixed;right:0;top:0;bottom:0;width:118px;z-index:70;background:#07090ad9;border-left:1px solid var(--line);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:10px;padding:56px 12px;overflow:hidden;touch-action:none}@keyframes stripIn{0%{transform:translate(110%)}to{transform:translate(0)}}.strip:not([hidden]){animation:stripIn .7s var(--ease)}.strip:before,.strip:after{content:"";position:absolute;top:0;bottom:0;width:8px;background-image:repeating-linear-gradient(0deg,transparent 0 6px,var(--line) 6px 12px)}.strip:before{left:2px}.strip:after{right:2px}.strip img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:2px;display:block}.strip .frame{position:relative;cursor:pointer;flex:none}.strip .frame[aria-current] img{border-color:var(--lime);box-shadow:0 0 14px #b4f27e4d}.strip .frame .mono{position:absolute;bottom:2px;left:4px;font-size:.5rem;color:var(--paper);text-shadow:0 1px 2px #000}.hud{position:fixed;top:44px;right:14px;z-index:90;background:#07090acc;border:1px solid var(--line);padding:10px 12px;font-size:.6rem;line-height:1.7;letter-spacing:.06em;color:var(--lime);text-transform:none;pointer-events:none;white-space:pre}.cursor{position:fixed;z-index:150;width:34px;height:34px;border:1px solid var(--paper);border-radius:999px;pointer-events:none;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:width .18s var(--ease),height .18s var(--ease),background .18s;mix-blend-mode:difference}.cursor span{font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--paper)}.cursor.word{width:auto;height:34px;padding:0 12px;border-radius:999px;background:#07090a99}body.touch .cursor{display:none}body:not(.touch):not(.quiet){cursor:none}body:not(.touch):not(.quiet) a,body:not(.touch):not(.quiet) button{cursor:none}body.quiet{cursor:auto}.portal{position:fixed;z-index:110;background:#000;border:1px solid var(--lime);overflow:hidden;transition:top .6s var(--ease),left .6s var(--ease),width .6s var(--ease),height .6s var(--ease),border-radius .6s var(--ease);transition-duration:calc(.6s * var(--motion-scale))}.portal iframe{width:100%;height:100%;border:0;background:#fff}.portal-close{position:absolute;top:10px;right:10px;z-index:2;background:var(--bg);color:var(--lime);border:1px solid var(--lime);border-radius:999px;padding:10px 16px;cursor:pointer;min-height:44px}.keys{margin:auto;background:var(--bg);color:var(--paper);border:1px solid var(--line);padding:28px;max-width:420px;width:92vw}.keys::backdrop{background:#000000b3}.keys table{margin-top:14px;border-collapse:collapse;width:100%;text-transform:none;letter-spacing:.04em;font-size:.72rem}.keys td{padding:7px 10px;border-bottom:1px solid var(--line)}.keys td:first-child{color:var(--lime);white-space:nowrap}.keys p{margin-top:14px;color:#edebe68c}body.quiet .act{border-bottom:1px solid var(--line)}body.quiet .giant{font-size:clamp(4rem,18vw,14rem);opacity:1}body.quiet #akt6 h2[data-fall]{opacity:1}body.quiet .switches #swMode,body.quiet .switches #swAuto{display:none}body.quiet .strip,body.quiet .cursor,body.quiet .hud{display:none!important}body.quiet .top{mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}:root{--motion-scale:1}}@media(max-width:820px),(pointer:coarse){:root{--motion-scale:1.8;--top-h:52px}.strip,.perf{display:none!important}.nur-gross{display:none}.nur-klein{display:block}.zurueck-leiste{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left))}.top{background:linear-gradient(to bottom,#07090aeb,#07090a00);mix-blend-mode:normal;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 20px calc(16px + env(safe-area-inset-left))}.act{min-height:auto;display:block;padding:0 calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left))}body:not(.quiet) .act{min-height:200svh}body:not(.quiet) .act-copy{position:sticky;top:calc(var(--top-h) + env(safe-area-inset-top));padding-block:clamp(20px,4vh,40px) clamp(48px,9vh,96px);max-width:100%}body:not(.quiet) .act-copy.zu-lang{position:static}.act-copy,.act-copy.narrow{max-width:100%}.sub,.tech{font-size:1rem;max-width:100%}h2{font-size:clamp(1.9rem,8.5vw,3rem)}.finale-line{max-width:none}#akt10 .act-copy{padding-bottom:calc(96px + env(safe-area-inset-bottom))}body:not(.quiet) #akt3{pointer-events:auto;touch-action:pan-y}body:not(.quiet) #akt3 .lens-copy{-webkit-user-select:text;user-select:text}.lens{width:170px;height:170px;top:150px;left:0}.lens:after{content:"";position:absolute;inset:-30%;border-radius:50%}.lens.greift{box-shadow:inset 0 0 30px #5bc8ff38,inset 0 0 2px #edebe6bf,0 0 0 1px #b4f27e80,0 18px 60px #0000008c}.menu-knopf{position:fixed;z-index:82;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:999px;border:1px solid var(--line);background:#07090ad1;color:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s var(--ease),background .18s}.menu-knopf svg{width:20px;height:20px;display:block}.menu-knopf[aria-expanded=true]{background:var(--lime);color:var(--bg);border-color:var(--lime);transform:rotate(90deg)}.switches{right:calc(14px + env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:6px;padding:10px;border-radius:16px;border:1px solid var(--line);background:#07090ad1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s;opacity:0;visibility:hidden;transform:translateY(10px) scale(.97);transform-origin:100% 100%}.switches.offen{opacity:1;visibility:visible;transform:none}.switches button{background:transparent;border-color:transparent;text-align:left;padding:12px 14px;font-size:.7rem;border-radius:10px}.switches button[aria-pressed=true]{background:var(--lime);color:var(--bg);border-color:var(--lime)}body.quiet .act{min-height:auto;padding-block:clamp(40px,7vh,72px)}body.quiet .act-copy{position:static}body.quiet .switches{position:fixed}}