.quiz__schleier{position:fixed;inset:0;z-index:4;pointer-events:auto;background:#05030299}.quiz{pointer-events:auto;position:fixed;left:0;right:0;bottom:0;z-index:5;max-height:86dvh;overflow-y:auto;padding:18px 22px calc(env(safe-area-inset-bottom) + 22px);border-radius:18px 18px 0 0;background:#17110c;border-top:1px solid rgba(244,237,224,.12);box-shadow:0 -18px 50px #0009}.quiz__zu{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid rgba(244,237,224,.18);border-radius:50%;background:#140f0ab3;color:var(--ink-muted);font-size:13px;cursor:pointer}.quiz__laden{margin:20px 0;text-align:center;color:var(--ink-muted);font-size:14px}.quiz__stand{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}.quiz__frage{margin:0 34px 12px 0;font-family:var(--font-display);font-size:clamp(22px,5.6vw,32px);text-transform:uppercase;color:var(--ink)}.quiz__optionen{display:grid;gap:8px}.quiz__option{display:flex;flex-direction:column;gap:1px;padding:11px 14px;border-radius:12px;border:1px solid rgba(244,237,224,.16);background:#1c150ecc;color:var(--ink);text-align:left;font-size:13.5px;cursor:pointer;-webkit-tap-highlight-color:transparent}.quiz__option span{color:#f4ede0a6;font-size:12.5px}.quiz__option--richtig{border-color:#3fae7a;background:#3fae7a24}.quiz__option--falsch{border-color:#c95555;background:#c9555524}.quiz__weiter{margin-top:14px;padding:12px 20px;min-height:44px;border:0;border-radius:999px;background:var(--accent);color:#1b1206;font-size:13.5px;font-weight:700;cursor:pointer}.quiz__ende{text-align:center;padding:10px 0 4px}.quiz__punkte{margin:0;font-family:var(--font-display);font-size:52px;line-height:1;color:var(--ink)}.quiz__urteil{margin:6px 0 16px;color:var(--ink-muted);font-size:14px}.quiz__endeknoepfe{display:flex;justify-content:center;gap:10px}.quiz__fertig{margin-top:14px;padding:12px 20px;min-height:44px;border:1px solid rgba(244,237,224,.22);border-radius:999px;background:#140f0ab8;color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer}.angaben__schleier{position:fixed;inset:0;z-index:4;pointer-events:auto;background:#05030299}.angaben{pointer-events:auto;position:fixed;left:0;right:0;bottom:0;z-index:5;max-height:86dvh;overflow-y:auto;padding:18px 22px calc(env(safe-area-inset-bottom) + 22px);border-radius:18px 18px 0 0;background:#17110c;border-top:1px solid rgba(244,237,224,.12);box-shadow:0 -18px 50px #0009}.angaben__zu{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid rgba(244,237,224,.18);border-radius:50%;background:#140f0ab3;color:var(--ink-muted);font-size:13px;cursor:pointer}.angaben__artist{margin:0;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted)}.angaben__titel{margin:2px 34px 14px 0;font-family:var(--font-display);font-size:clamp(22px,5.6vw,32px);line-height:1;text-transform:uppercase;color:var(--ink)}.angaben__liste{margin:0}.angaben__zeile{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-top:1px solid rgba(244,237,224,.09)}.angaben__zeile:first-child{border-top:0}.angaben__zeile dt{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}.angaben__zeile dd{margin:0;font-size:15px;font-weight:600;color:var(--ink);text-align:right}.angaben__laden{margin:10px 0 0;font-size:12px;color:var(--ink-muted)}.angaben__video{margin-top:16px}.angaben__videotitel{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.angaben__video video{display:block;width:100%;border-radius:10px;background:#000}.angaben__dienst{display:block;width:100%;margin-top:14px;padding:11px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:transparent;font:600 13px/1.3 var(--font-ui);color:var(--ink);text-align:center;text-decoration:none;cursor:pointer}.overlay{position:fixed;inset:0;pointer-events:none;z-index:2;padding:max(env(safe-area-inset-top),14px) max(env(safe-area-inset-right),18px) max(env(safe-area-inset-bottom),16px) max(env(safe-area-inset-left),18px)}.vignette{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0000 22%)}.caption{position:relative;max-width:62%}.caption__mehr{pointer-events:auto;display:block;width:100%;border:0;margin:0;padding:0;background:transparent;text-align:left;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.caption__mehr:active{opacity:.7}.caption__artist{display:block;margin:0;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted)}.caption__title{display:block;margin:2px 0 4px;font-family:var(--font-display);font-size:clamp(26px,6.4vw,44px);line-height:.98;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);text-shadow:0 2px 18px rgba(0,0,0,.6)}.caption__meta{display:block;margin:0;font-size:12px;font-weight:400;color:var(--ink-muted)}.caption__pfeil{margin-left:6px;color:var(--accent);font-weight:700}.hint{position:absolute;left:0;right:0;bottom:max(env(safe-area-inset-bottom),16px);margin:0;text-align:center;font-size:12px;letter-spacing:.04em;color:#f4ede070}.hint--tracks{bottom:calc(max(env(safe-area-inset-bottom),16px) + 56px)}.controls{position:absolute;left:0;right:0;bottom:max(env(safe-area-inset-bottom),16px);display:flex;justify-content:center;flex-wrap:wrap;gap:8px 10px;padding:0 16px}.chip{pointer-events:auto;border:1px solid rgba(244,237,224,.22);background:#140f0ab8;backdrop-filter:blur(8px);color:var(--ink);font-size:14px;font-weight:600;padding:11px 18px;border-radius:999px;min-height:44px}.chip:disabled{opacity:.4}.chip--accent{background:var(--accent);border-color:transparent;color:#1b1206}.chip--merk{border-color:#e8b23a8c;color:var(--accent)}.werkzeuge{position:absolute;top:max(env(safe-area-inset-top),14px);right:max(env(safe-area-inset-right),18px);display:flex;gap:10px}.werkzeug{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(244,237,224,.18);background:#140f0a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);cursor:pointer;transition:transform .12s ease,opacity .12s ease}.werkzeug svg{display:block;width:21px;height:21px}.werkzeug:active{transform:scale(.92)}.werkzeug:disabled{opacity:.35}.werkzeug--accent{background:var(--accent);border-color:transparent;color:#1b1206}.werkzeug--merk{color:var(--accent);border-color:#e8b23a80}.wert{position:relative;margin:46px 0 0;font-size:13px;font-weight:600;color:var(--ink-muted);text-shadow:0 1px 10px rgba(0,0,0,.7)}.now-playing{position:absolute;left:max(env(safe-area-inset-left),18px);bottom:max(env(safe-area-inset-bottom),16px);display:flex;align-items:center;gap:8px;max-width:min(70%,340px);font-size:13px;color:var(--ink);text-shadow:0 1px 10px rgba(0,0,0,.7)}.now-playing__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;animation:pulse 1.9s ease-in-out infinite}.now-playing__number{color:var(--ink-muted);font-variant-numeric:tabular-nums}.now-playing__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.now-playing__dot{animation:none}}.crates{position:absolute;top:calc(max(env(safe-area-inset-top),14px) + 4px);right:max(env(safe-area-inset-right),18px);display:flex;gap:6px}.crates__chip{pointer-events:auto;border:1px solid rgba(244,237,224,.18);background:#140f0a99;backdrop-filter:blur(8px);color:var(--ink-muted);font-size:12px;font-weight:600;letter-spacing:.04em;padding:8px 12px;border-radius:999px;min-height:34px}.crates__chip--an{background:#e8b23a29;border-color:#e8b23a80;color:var(--ink)}.notice{position:absolute;left:0;right:0;top:34%;margin:0;text-align:center;font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--ink);text-shadow:0 2px 14px rgba(0,0,0,.8)}.leer{position:absolute;left:50%;top:42%;transform:translate(-50%);max-width:78%;margin:0;padding:12px 18px;border-radius:14px;background:#0e0a079e;backdrop-filter:blur(6px);text-align:center;font-size:14px;line-height:1.6;color:var(--ink)}.anmeldung{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top),16px) max(env(safe-area-inset-right),16px) max(env(safe-area-inset-bottom),16px) max(env(safe-area-inset-left),16px);background:#0c0805a8;backdrop-filter:blur(14px) saturate(.85);-webkit-backdrop-filter:blur(14px) saturate(.85)}.anmeldung__karte{width:min(420px,100%);max-height:100%;overflow-y:auto;border-radius:22px;padding:26px 24px calc(22px + env(safe-area-inset-bottom)*.4);background:linear-gradient(165deg,#241a10,#171008 70%);border:1px solid rgba(232,178,58,.22);box-shadow:0 30px 80px #0000008c}.anmeldung__ueber{margin:0;font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.anmeldung__titel{margin:4px 0 18px;font-family:var(--font-display);font-size:34px;line-height:1;text-transform:uppercase;color:var(--ink)}.anmeldung__wechsel{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;margin-bottom:18px;border-radius:999px;background:#00000059}.anmeldung__wechsel button{border:0;padding:9px 0;border-radius:999px;background:transparent;color:var(--ink-muted);font:600 13px/1 var(--font-ui);cursor:pointer}.anmeldung__wechsel button.aktiv{background:var(--accent);color:#1b1206}.anmeldung__feld{display:block;margin-bottom:12px}.anmeldung__feld span{display:block;margin-bottom:5px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.anmeldung__feld input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(244,237,224,.14);background:#00000059;color:var(--ink);font:16px/1.2 var(--font-ui)}.anmeldung__feld input:focus{outline:none;border-color:#e8b23a8c}.anmeldung__avatare{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 12px}.anmeldung__avatare button{position:relative;padding:0;border:2px solid transparent;border-radius:10px;background:#0000004d;cursor:pointer;aspect-ratio:.89;overflow:hidden;transition:transform .15s ease}.anmeldung__avatare button.gewaehlt{border-color:var(--accent);box-shadow:0 0 0 3px #e8b23a40;transform:scale(1.04)}.anmeldung__avatare img{display:block;width:100%;height:100%;object-fit:cover}.anmeldung__fehler{margin:0 0 12px;font-size:13px;color:#e2a06a}.anmeldung__los{width:100%;border:0;padding:14px 0;border-radius:999px;background:var(--accent);color:#1b1206;font:700 15px/1 var(--font-ui);letter-spacing:.02em;cursor:pointer}.anmeldung__los:disabled{opacity:.6}.anmeldung__aus{margin:12px 0 0;padding:9px 11px;border-left:2px solid var(--accent);border-radius:3px;background:#ffffff0a;font-size:12.5px;line-height:1.5;color:#f4ede0b3}.anmeldung__gut{margin:12px 0 0;font-size:13px;color:var(--accent)}.anmeldung__zu{display:block;margin:14px auto 0;border:0;padding:8px 14px;background:transparent;color:var(--ink-muted);font:600 13px/1 var(--font-ui);cursor:pointer}.rahmen{position:absolute}.rahmen__bild{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.rahmen__bild img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.14) saturate(.95) brightness(.96) drop-shadow(0 2px 7px rgba(18,9,2,.55))}.rahmen__leer{display:grid;place-items:center;width:100%;height:100%;font:600 13px/1.3 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#301e0ea6}.rahmen__menue{position:absolute;top:102%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:5}.rahmen__menue button{border:0;padding:9px 14px;border-radius:999px;background:#0c0805d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font:600 12px/1 var(--font-ui);white-space:nowrap;cursor:pointer}.anmeldung__was{display:block;width:100%;margin-top:12px;padding:6px 0 0;border:0;background:none;color:var(--ink-muted);font:500 12.5px/1.3 var(--font-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.erklaerung{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top),12px) max(env(safe-area-inset-right),12px) max(env(safe-area-inset-bottom),12px) max(env(safe-area-inset-left),12px);background:#090604c7;backdrop-filter:blur(16px) saturate(.85);-webkit-backdrop-filter:blur(16px) saturate(.85)}.erklaerung__karte{position:relative;width:min(100%,440px);max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:26px 24px 24px;border:1px solid rgba(244,237,224,.12);border-radius:16px;background:#17110c;box-shadow:0 24px 60px #0000008c}.erklaerung__zu{position:absolute;top:12px;right:14px;width:32px;height:32px;border:1px solid rgba(244,237,224,.18);border-radius:50%;background:#140f0ab3;color:var(--ink-muted);font-size:12px;cursor:pointer}.erklaerung__ueber{margin:0 0 2px;color:var(--accent);font:700 11px/1 var(--font-ui);letter-spacing:.24em;text-transform:uppercase}.erklaerung__titel{margin:0 36px 12px 0;font-family:var(--font-display);font-size:clamp(26px,7vw,36px);line-height:1;text-transform:uppercase;color:var(--ink)}.erklaerung__lead{margin:0 0 18px;font-size:14.5px;line-height:1.62;color:#f4ede0db}.erklaerung__punkte{display:flex;flex-direction:column;gap:14px;margin-bottom:18px;padding-left:13px;border-left:2px solid rgba(226,199,142,.35)}.erklaerung__punkte h2{margin:0 0 3px;font:700 11px/1 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.erklaerung__punkte p{margin:0;font-size:13.5px;line-height:1.58;color:#f4ede0c7}.erklaerung__fuss{margin:0 0 18px;font-size:12px;line-height:1.55;color:#f4ede080}.erklaerung__los{width:100%;border:0;padding:13px 0;border-radius:999px;background:var(--accent);color:#1b1206;font:700 14.5px/1 var(--font-ui);cursor:pointer}.anmeldung__dienste{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:999px;background:#00000059}.anmeldung__dienste button{border:0;padding:10px 0;border-radius:999px;background:transparent;color:var(--ink-muted);font:600 13px/1 var(--font-ui);cursor:pointer}.anmeldung__dienste button.aktiv{background:var(--accent);color:#1b1206}.foto{position:fixed;inset:0;z-index:3;overflow:hidden;display:flex;background:#0b0705}.foto:before{content:"";position:absolute;inset:-6%;background:var(--umgebung) center / cover no-repeat;filter:blur(34px) brightness(.32) saturate(.8)}.foto__bild{position:absolute;width:var(--breite);height:calc(var(--breite) / var(--seiten));left:calc(50% - var(--breite) / 2);top:calc(50% - var(--breite) / var(--seiten) / 2);background-position:center;background-repeat:no-repeat;background-size:100% 100%}.foto--fuellend .foto__bild{--breite: clamp(100vw, calc(100dvh * var(--seiten)), 135vw )}.foto--ganz .foto__bild{--breite: min(100vw, calc(100dvh * var(--seiten)))}.feld{position:absolute;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2%;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .14s ease,border-color .14s ease}.feld:active{background:#e8b23a24;border-color:#e8b23a8c}.schimmer{position:absolute;inset:0;pointer-events:none;line-height:0;overflow:visible;filter:drop-shadow(0 0 5px rgba(255,214,130,.5))}.schimmer svg{overflow:visible;display:block}.feld__marke{font-size:clamp(10px,2.6vw,14px);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#0c0805b8;backdrop-filter:blur(6px);border:1px solid rgba(244,237,224,.16);border-radius:999px;padding:5px 10px;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.8)}.foto--fuellend .feld{align-items:center;padding-bottom:0}.foto--fuellend .feld__marke{font-size:clamp(12px,3.4vw,16px);padding:9px 16px}.drehbuehne{position:fixed;inset:0;z-index:3;perspective:1600px;background:#0b0705}.drehung{position:absolute;inset:0;transform-style:preserve-3d}.drehung__seite{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.drehung__seite--hinten{transform:rotateY(180deg)}.drehung__seite--passiv{pointer-events:none}.drehung__seite .foto{position:absolute}.hist{position:fixed;inset:0;z-index:3;background:#0b0705;overflow:hidden}.hist:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.55))}.hist:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(env(safe-area-inset-bottom) + 130px);pointer-events:none;z-index:1;background:linear-gradient(to top,#0b0705 35%,rgba(11,7,5,.85) 65%,transparent)}.hist__scroller{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hist__scroller::-webkit-scrollbar{display:none}.era{position:relative;flex:0 0 100%;height:100%;box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 76px) 0 calc(env(safe-area-inset-bottom) + 118px);scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;overflow:hidden;background:radial-gradient(110% 80% at 28% 18%,var(--tint) 0%,transparent 55%),#0b0705;background-blend-mode:soft-light,normal}.era__ghost{position:absolute;top:4%;left:50%;font-family:var(--font-display);font-size:clamp(120px,24vw,300px);line-height:1;letter-spacing:-.02em;color:var(--tint);opacity:.16;transform:translate(calc(-50% + var(--p, 0) * -26vw));pointer-events:none;user-select:none}.era__inhalt{position:relative;width:100%;max-height:100%;overflow-y:auto;padding:0 22px 12px;display:flex;flex-direction:column;gap:8px;transform:translate(calc(var(--p, 0) * 11vw))}.era__jahre{margin:0;color:var(--tint);font-size:13px;font-weight:700;letter-spacing:.26em}.era__titel{margin:0;font-family:var(--font-display);font-size:clamp(30px,8vw,56px);line-height:.98;text-transform:uppercase;color:var(--ink);text-shadow:0 2px 22px rgba(0,0,0,.7)}.era__text{margin:4px 0 10px;max-width:58ch;font-size:15px;line-height:1.62;color:#f4ede0d6;white-space:pre-line}.era__werke{display:flex;flex-wrap:wrap;gap:16px 14px}.werk{width:clamp(118px,30vw,168px);display:flex;flex-direction:column;gap:5px}.werk__bild{position:relative;width:100%;aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.werk__bild:disabled{cursor:default}.werk__vinyl{position:absolute;inset:4%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3px,rgba(255,255,255,.04) 3px 4px),radial-gradient(circle,#26211d 0 11%,var(--tint) 11% 26%,#16110e 26% 33%,#0e0b09 33% 100%);box-shadow:0 8px 22px #0009}.werk__vinyl--dreht{animation:hist-spin 1.8s linear infinite}@keyframes hist-spin{to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.werk__vinyl--dreht{animation:none}}.werk__cover{position:relative;display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#1a1410;box-shadow:0 10px 26px #0000008c}.werk__ersatz{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;width:100%;aspect-ratio:1;padding:10px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(244,237,224,.12);background:linear-gradient(160deg,#261c13,#15100a);box-shadow:0 10px 26px #0000008c;text-align:left;font-size:11.5px;line-height:1.3;color:#f4ede0bf}.werk__ersatz b{color:var(--ink);font-size:12.5px}.werk__artist{margin:4px 0 0;font-size:12.5px;font-weight:700;color:var(--ink)}.werk__rolle{margin:0;font-size:11.5px;line-height:1.35;color:#f4ede08c}.werk__song{display:flex;align-items:center;gap:6px;margin-top:3px;max-width:100%;padding:6px 10px;border-radius:999px;border:1px solid rgba(244,237,224,.2);background:#140f0ab3;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.werk__song--an{border-color:var(--tint);color:var(--tint)}.werk__icon{font-size:9px;flex:none}.werk__songname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.era__kiste{align-self:flex-start;margin-top:14px;padding:12px 20px;min-height:44px;border:0;border-radius:999px;background:var(--accent);color:#1b1206;font-size:13.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 22px #00000059}.filme{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 12px;margin-bottom:4px}.film{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.film__plakat{position:relative;display:block;width:100%;aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;background:#17130f;box-shadow:0 8px 20px #00000080}.film__plakat img{width:100%;height:100%;object-fit:cover;display:block}.film__ersatz{display:flex;align-items:flex-end;width:100%;height:100%;padding:8px;box-sizing:border-box;border:1px solid rgba(244,237,224,.14);border-radius:4px;background:linear-gradient(165deg,#241b13,#14100c);font-size:11px;line-height:1.25;font-weight:600;color:#f4ede0b3}.film__trailer{position:absolute;right:5px;bottom:5px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#0c0805b8;backdrop-filter:blur(4px);color:var(--ink);font-size:9px;padding-left:2px}.film__titel{font-size:11.5px;line-height:1.25;font-weight:700;color:var(--ink)}.film__jahr{font-size:11px;letter-spacing:.08em;color:#f4ede080}.film__angaben{margin:2px 0 0;font-size:12.5px;letter-spacing:.04em;color:var(--tint)}.film__gross{display:block;width:min(60%,190px);margin:14px 0 4px;border-radius:5px;box-shadow:0 12px 30px #0009}.momente{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.moment{display:flex;align-items:center;gap:8px;max-width:100%;padding:8px 12px;border-radius:12px;border:1px solid rgba(244,237,224,.16);background:#140f0a9e;color:var(--ink);font-size:12.5px;font-weight:600;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.moment__jahr{color:var(--tint);font-variant-numeric:tabular-nums;flex:none}.moment__titel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moment__symbol{color:#f4ede073;font-size:10px;flex:none}.hist__schleier{position:absolute;inset:0;z-index:3;background:#05030299}.blatt{position:absolute;left:0;right:0;bottom:0;z-index:4;max-height:86dvh;overflow-y:auto;padding:14px 22px calc(env(safe-area-inset-bottom) + 22px);border-radius:18px 18px 0 0;background:#17110c;border-top:1px solid rgba(244,237,224,.12);box-shadow:0 -18px 50px #0009}.blatt__griff{width:40px;height:4px;margin:0 auto 14px;border-radius:999px;background:#f4ede038}.blatt__zu{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid rgba(244,237,224,.18);border-radius:50%;background:#140f0ab3;color:var(--ink-muted);font-size:13px;cursor:pointer}.blatt__jahr{margin:0 0 2px;color:var(--tint);font-size:13px;font-weight:700;letter-spacing:.24em}.blatt__titel{margin:0 34px 8px 0;font-family:var(--font-display);font-size:clamp(22px,5.6vw,34px);line-height:1.02;text-transform:uppercase;color:var(--ink)}.blatt__text{margin:0 0 14px;max-width:62ch;font-size:14.5px;line-height:1.65;color:#f4ede0d9;white-space:pre-line}.blatt__video{margin:0}.blatt__video video,.blatt__video iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:10px;background:#000;object-fit:contain}.blatt__video--hochkant iframe{aspect-ratio:9 / 16;max-width:min(62%,300px);margin:0 auto}.blatt__video figcaption{margin-top:6px;font-size:11.5px;color:#f4ede080}.blatt__suche{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(244,237,224,.16);border-radius:10px;background:#ffffff08;color:#f4ede0b8;font-size:13px;line-height:1.4;text-decoration:none}.blatt__suche-marke{flex:0 0 auto;color:var(--tint);font-size:15px}.blatt__suche-text b{color:var(--ink);font-weight:600}.blatt__schrift{margin:0 0 4px;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:24px;font-weight:700;color:var(--tint)}.blatt__klingt{margin:0 0 12px;font-size:13.5px;font-style:italic;color:#f4ede09e}.blatt__hinweis{margin:0 0 14px;padding-left:12px;border-left:2px solid var(--tint);max-width:62ch;font-size:13.5px;line-height:1.6;color:#f4ede0ad}.laute{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:6px}.laut{display:flex;flex-direction:column;gap:3px;padding:12px 13px 13px;border:1px solid rgba(244,237,224,.14);border-radius:8px;background:#ffffff09;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.laut__schrift{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:21px;font-weight:700;line-height:1.1;color:var(--tint)}.laut__name{font-size:13.5px;font-weight:700;color:var(--ink)}.laut--ohne-schrift .laut__name{font-family:var(--font-display);font-size:19px;line-height:1.1;text-transform:uppercase;color:var(--tint)}.laut__klingt{font-size:12px;line-height:1.4;color:#f4ede094}.lupe{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(env(safe-area-inset-top) + 24px) 16px calc(env(safe-area-inset-bottom) + 24px);box-sizing:border-box;background:#060504f0;backdrop-filter:blur(10px);cursor:zoom-out}.lupe__bild{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 20px 60px #000000b3}.lupe__zeile{margin:0;max-width:46ch;text-align:center;font-size:12px;line-height:1.5;color:#f4ede099}.hist__zurueck{position:absolute;top:calc(max(env(safe-area-inset-top),14px) + 4px);left:max(env(safe-area-inset-left),18px);z-index:2;padding:8px 12px;min-height:34px;border-radius:999px;border:1px solid rgba(244,237,224,.18);background:#140f0a99;backdrop-filter:blur(8px);color:var(--ink-muted);font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer}.hist__standort{position:absolute;left:0;right:0;z-index:2;bottom:calc(env(safe-area-inset-bottom) + 44px);margin:0;text-align:center;font-size:12px;font-weight:600;letter-spacing:.24em;color:#f4ede099;pointer-events:none}.hist__rail{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:2}.hist__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#f4ede040;cursor:pointer;transition:width .26s cubic-bezier(.34,1.4,.64,1),background-color .26s ease}.hist__dot--an{width:22px;background:var(--ink)}.hist__hinweis{position:absolute;left:0;right:0;z-index:2;bottom:calc(env(safe-area-inset-bottom) + 72px);margin:0;text-align:center;font-size:12px;letter-spacing:.04em;color:#f4ede073;pointer-events:none}@media(max-height:500px){.era{padding-top:calc(env(safe-area-inset-top) + 56px);padding-bottom:calc(env(safe-area-inset-bottom) + 84px)}.hist:before{height:calc(env(safe-area-inset-bottom) + 88px)}.era__ghost{font-size:clamp(120px,36vh,220px)}.era__titel{font-size:clamp(24px,6vh,40px)}.era__text{font-size:13px;max-width:72ch}.werk{width:clamp(88px,17vw,120px)}.werk__rolle,.era__jahre{display:none}}.era--intro .era__inhalt{justify-content:center}.intro{display:flex;flex-direction:column;gap:10px;max-width:34ch}.intro__ueber{margin:0;color:var(--tint);font-size:13px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.intro__titel{margin:0;font-family:var(--font-display);font-size:clamp(44px,13vw,92px);line-height:.96;text-transform:uppercase;color:var(--ink);text-shadow:0 2px 26px rgba(0,0,0,.7);overflow-wrap:break-word;hyphens:manual}.intro__text{margin:2px 0 0;font-size:16px;line-height:1.6;color:#f4ede0d9}.intro__weiter{margin:14px 0 0;align-self:flex-start;padding:8px 16px;border:1px solid var(--tint);border-radius:999px;color:var(--tint);font-size:13px;font-weight:600;letter-spacing:.08em}.era__ghost--intro{top:auto;bottom:2%;opacity:.1}.hist--geschichte .intro__titel{padding:14px 0;border-top:4px solid var(--tint);border-bottom:4px solid var(--tint)}.hist--genres .intro__titel{background:linear-gradient(100deg,#e84f8a,#f0a13c 30%,#3fae7a 55%,#5b8fd9 78%,#b46fd0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 14px rgba(0,0,0,.6))}.hist--genres .era__ghost{opacity:.24}.hist--decks .era__ghost{color:transparent;-webkit-text-stroke:2px var(--tint);opacity:.3}.hist--decks .era__jahre{align-self:flex-start;padding:4px 10px;border:1px solid var(--tint);border-radius:3px;letter-spacing:.34em}.hist--decks .intro{padding:22px 20px;border:1px solid var(--tint);border-radius:4px}.hist--decks .intro__titel{letter-spacing:.03em;font-size:clamp(34px,9.6vw,72px)}.tafel{margin:2px 0 14px;width:min(100%,380px);flex:0 0 auto;border:1px solid rgba(159,180,199,.32);border-radius:4px;background:linear-gradient(180deg,#0c0e129e,#0c0e124d);overflow:hidden}.tafel svg{display:block;width:100%;height:auto;padding:8px 10px 2px;box-sizing:border-box}.tafel__lupe{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;-webkit-tap-highlight-color:transparent}.tafel__foto{display:block;width:100%;aspect-ratio:320 / 200;object-fit:contain;background:#0e0d10}.tafel__schild{display:grid;grid-template-columns:1fr auto;gap:1px 10px;padding:8px 12px 10px;border-top:1px solid rgba(159,180,199,.22)}.tafel__name{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.tafel__jahr{font-size:12px;letter-spacing:.2em;color:var(--tint)}.tafel__text{grid-column:1 / -1;font-size:12.5px;line-height:1.5;color:#f4ede09e}.tafel__nachweis{grid-column:1 / -1;margin-top:3px;font-size:11px;line-height:1.4;letter-spacing:.02em;color:#f4ede066}.hist--breaking .era__ghost{transform:translate(calc(-50% + var(--p, 0) * -26vw)) skew(-9deg);font-style:italic}.hist--breaking .era__titel,.hist--breaking .intro__titel{font-style:italic;transform:skew(-5deg);transform-origin:left bottom}.hist--breaking .era__jahre{font-style:italic}.hist--konzerte .era__ghost{opacity:.2;text-shadow:0 0 26px var(--tint),0 0 70px var(--tint)}.hist--konzerte .era__jahre{align-self:flex-start;padding:4px 0;border-top:1px dashed var(--tint);border-bottom:1px dashed var(--tint)}.hist--konzerte .intro{align-items:center;text-align:center;align-self:center;padding:26px 22px;border:1px solid var(--tint);outline:1px dashed var(--tint);outline-offset:5px;border-radius:4px}.hist--konzerte .intro__weiter{align-self:center}.hist--konzerte .intro__titel{text-shadow:0 0 30px var(--tint)}.hist--filme .era{background:radial-gradient(80% 60% at 50% 0%,var(--tint) 0%,transparent 60%),#08070a;background-blend-mode:soft-light,normal}.hist--filme .era__ghost{opacity:.14;filter:blur(1.5px);text-shadow:0 0 60px var(--tint)}.hist--filme .era__titel,.hist--filme .intro__titel{letter-spacing:.06em;text-shadow:0 0 34px var(--tint),0 2px 22px rgba(0,0,0,.8)}.hist--filme .era__jahre{align-self:flex-start;padding:7px 12px;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(244,237,224,.5) 0 4px,transparent 4px 11px) 0 0 / 100% 3px no-repeat,repeating-linear-gradient(90deg,rgba(244,237,224,.5) 0 4px,transparent 4px 11px) 0 100% / 100% 3px no-repeat,#ffffff0d;color:var(--ink);letter-spacing:.3em}.hist--filme .intro{align-items:center;text-align:center;align-self:center;padding:30px 22px;border-top:3px solid rgba(244,237,224,.1);border-bottom:3px solid rgba(244,237,224,.1)}.hist--filme .intro__weiter{align-self:center}.hist--graffiti .era__ghost{opacity:.19;-webkit-text-stroke:1px rgba(255,255,255,.3);text-shadow:9px 10px 0 rgba(0,0,0,.55);transform:translate(calc(-50% + var(--p, 0) * -26vw)) rotate(-3.5deg)}.hist--graffiti .era__titel,.hist--graffiti .intro__titel{transform:rotate(-1.6deg);transform-origin:left bottom;text-shadow:3px 3px 0 var(--tint),6px 7px 0 rgba(0,0,0,.72)}.hist--graffiti .era__jahre{align-self:flex-start;padding:3px 9px;border-radius:2px;background:var(--tint);color:#14100c;font-weight:700;letter-spacing:.16em;transform:rotate(-1.2deg)}.hist--graffiti .intro{padding:20px 20px 20px 24px;border-left:7px solid var(--tint);background:linear-gradient(90deg,rgba(255,255,255,.07),transparent 62%)}.hist--graffiti .intro__ueber{color:var(--tint)}.hist--graffiti .moment{border-radius:3px;border-color:#f4ede047;transform:rotate(-.9deg)}.hist--graffiti .moment:nth-child(2n){transform:rotate(1.1deg)}.hist--beatbox .era{background:radial-gradient(70% 45% at 50% 100%,var(--tint) 0%,transparent 62%),#07090b;background-blend-mode:soft-light,normal}.hist--beatbox .era__ghost{opacity:.12;-webkit-text-stroke:1px rgba(255,255,255,.28);color:transparent}.hist--beatbox .era__titel,.hist--beatbox .intro__titel{letter-spacing:-.01em;text-shadow:0 0 28px var(--tint)}.hist--beatbox .era__jahre{align-self:flex-start;padding:6px 11px 8px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--tint) 0 2px,transparent 2px 7px) 0 100% / 100% 3px no-repeat,#ffffff0d;color:var(--ink);letter-spacing:.26em}.hist--beatbox .intro{padding:20px 20px 20px 22px;border-left:3px solid var(--tint)}.hist--beatbox .intro__ueber{color:var(--tint)}.admin{position:absolute;inset:0;z-index:30;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(env(safe-area-inset-top) + 14px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 28px) calc(env(safe-area-inset-left) + 16px);background:#0d0f12;color:var(--ink)}.admin__kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin-bottom:18px}.admin__zurueck{padding:6px 12px;border:1px solid rgba(244,237,224,.2);border-radius:999px;background:#ffffff0a;color:var(--ink-muted);font-size:13px;cursor:pointer}.admin__titel{margin:0;flex:1 1 auto;font-family:var(--font-display);font-size:clamp(22px,6vw,32px);line-height:1;text-transform:uppercase;color:var(--ink)}.admin__fenster{display:flex;gap:4px}.admin__spanne{padding:5px 10px;border:1px solid rgba(244,237,224,.16);border-radius:6px;background:none;color:#f4ede099;font-size:12px;cursor:pointer}.admin__spanne--an{border-color:#f4ede080;background:#ffffff14;color:var(--ink)}.admin__warten,.admin__fehler{margin:30px 0;font-size:14px;color:var(--ink-muted)}.admin__fehler{color:#e08b7a}.admin__kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:22px}.kachel{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid rgba(244,237,224,.12);border-radius:8px;background:#ffffff08}.kachel__zahl{font-family:var(--font-display);font-size:28px;line-height:1;color:var(--ink)}.kachel__was{font-size:11.5px;line-height:1.3;color:#f4ede08c}.admin__block{margin-bottom:26px}.admin__block h2{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f4ede080}.admin__block h3{margin:0 0 6px;font-size:12.5px;font-weight:700;color:#f4ede0bf}.verlauf{display:flex;align-items:flex-end;gap:2px;height:90px;padding:0 1px}.verlauf__tag{flex:1 1 0;min-width:2px;border-radius:1px 1px 0 0;background:#e2c78ed9}.verlauf__tag--leer{background:#f4ede01f}.verlauf__achse{display:flex;justify-content:space-between;gap:8px;margin:6px 0 0;font-size:10.5px;color:#f4ede06b}.konten{display:flex;flex-direction:column;border:1px solid rgba(244,237,224,.1);border-radius:8px;overflow:hidden}.konto{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;padding:10px 12px;border:0;border-top:1px solid rgba(244,237,224,.07);background:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.konto--gewaehlt{background:#e2c78e17;box-shadow:inset 3px 0 #e2c78ee6}.konto:first-child{border-top:0}.konten__alle{margin-top:8px;padding:5px 10px;border:1px solid rgba(244,237,224,.16);border-radius:6px;background:none;color:#f4ede099;font-size:12px;cursor:pointer}.admin__wessen{margin-left:8px;padding:2px 7px;border-radius:999px;background:#e2c78e2e;color:#e2c78ef2;font-size:10.5px;letter-spacing:.04em;text-transform:none}.admin__leer{margin:0;font-size:12.5px;color:#f4ede06b}.konto__bild{width:30px;height:34px;flex:0 0 auto;object-fit:cover;border-radius:2px}.konto__wer{display:flex;flex-direction:column;gap:1px;flex:1 1 130px;min-width:0}.konto__wer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--ink)}.konto__wer small{font-size:10.5px;color:#f4ede06b}.konto__marke{margin-left:6px;padding:1px 5px;border-radius:3px;background:#e2c78e33;color:#e2c78ef2;font-size:9px;font-style:normal;letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}.konto__zahlen{display:flex;gap:16px;margin-left:auto}.konto__zahlen>span{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.konto__zahlen b{font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink)}.konto__zahlen small{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#f4ede066}.balken{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.balken__zeile{display:grid;grid-template-columns:minmax(0,10.5em) 1fr auto;align-items:center;gap:9px;font-size:12px;color:#f4ede0b8}.balken__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balken__spur{height:7px;border-radius:999px;background:#f4ede014;overflow:hidden}.balken__fuellung{display:block;width:100%;height:100%;transform-origin:left center;border-radius:999px;background:#e2c78ecc}.balken__zahl{min-width:2.5em;text-align:right;font-variant-numeric:tabular-nums;color:#f4ede08c}.admin__ranglisten{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 22px}.admin__fuss{margin-top:30px;padding-top:14px;border-top:1px solid rgba(244,237,224,.1);font-size:11.5px;line-height:1.55;color:#f4ede073}.admin__fuss p{margin:0 0 6px;max-width:62ch}.admin__fuss b{color:#f4ede0b8}.admin__ablage{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:10.5px;color:#f4ede04d}.einst{position:absolute;inset:0;z-index:30;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(env(safe-area-inset-top) + 14px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 28px) calc(env(safe-area-inset-left) + 16px);background:#0d0f12;color:var(--ink)}.einst__kopf{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.einst__zurueck{padding:6px 12px;border:1px solid rgba(244,237,224,.2);border-radius:999px;background:#ffffff0a;color:var(--ink-muted);font-size:13px;cursor:pointer}.einst__titel{margin:0;font-family:var(--font-display);font-size:clamp(22px,6vw,32px);line-height:1;text-transform:uppercase}.einst__block h2{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f4ede080}.einst__lead{margin:0 0 14px;max-width:60ch;font-size:13px;color:#f4ede099}.wahlen{display:flex;flex-direction:column;gap:10px}.wahl{padding:13px 14px 14px;border:1px solid rgba(244,237,224,.13);border-radius:10px;background:#ffffff08}.wahl--an{border-color:#e2c78e73;background:#e2c78e14;box-shadow:inset 3px 0 #e2c78ee6}.wahl__kopf{display:flex;align-items:center;gap:9px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.wahl__kopf:disabled{cursor:default}.wahl__punkt{flex:0 0 auto;width:15px;height:15px;border:2px solid rgba(244,237,224,.35);border-radius:50%}.wahl--an .wahl__punkt{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent)}.wahl__name{font-size:15.5px;font-weight:700;color:var(--ink)}.wahl__marke{padding:2px 7px;border-radius:999px;background:#e2c78e2e;color:#e2c78ef2;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.wahl__was{margin:7px 0 0;max-width:60ch;font-size:13px;line-height:1.55;color:#f4ede0c7}.wahl__bedingung{margin:5px 0 0;max-width:60ch;font-size:12px;line-height:1.5;color:#f4ede07a}.wahl__bedingung code{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:11px;color:#f4ede0a8}.wahl__achtung{margin:6px 0 0;padding-left:10px;border-left:2px solid var(--accent);max-width:60ch;font-size:12px;line-height:1.5;color:#f4ede0ad}.wahl__handgriffe{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.wahl__knopf{padding:8px 14px;border:0;border-radius:999px;background:var(--accent);color:#1b1206;font:700 13px/1 var(--font-ui);text-decoration:none;cursor:pointer}.wahl__knopf--leise{border:1px solid rgba(244,237,224,.2);background:none;color:var(--ink-muted);font-weight:500}.einst__fehler,.einst__gut{margin:14px 0 0;font-size:13px}.einst__fehler{color:#e08b7a}.einst__gut{color:var(--accent)}.einst__fuss{margin-top:28px;padding-top:14px;border-top:1px solid rgba(244,237,224,.1);font-size:11.5px;line-height:1.55;color:#f4ede073}.einst__fuss p{margin:0;max-width:62ch}.einst__block--kasse{margin-top:28px}.teilen{padding:13px 14px 14px;border:1px solid rgba(244,237,224,.13);border-radius:10px;background:#ffffff08}.teilen--an{border-color:#e2c78e73;background:#e2c78e14;box-shadow:inset 3px 0 #e2c78ee6}.teilen__kopf{display:flex;align-items:center;gap:9px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.teilen__punkt{flex:0 0 auto;width:15px;height:15px;border:2px solid rgba(244,237,224,.35);border-radius:4px}.teilen--an .teilen__punkt{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px #17110c}.teilen__name{font-size:15px;font-weight:700;color:var(--ink)}:root{--wood-dark: #2a1a0f;--room-black: #120d08;--cardboard: #c9ab7c;--ink: #f4ede0;--ink-muted: #a5967f;--accent: #e8b23a;--font-display: "Anton", "Arial Black", sans-serif;--font-hand: "Permanent Marker", cursive;--font-ui: Inter, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;color:var(--ink);font-family:var(--font-ui)}html{background:var(--room-black)}body{overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block;touch-action:none}.gesture-layer{position:fixed;inset:0;z-index:1;touch-action:none}.room-photo{position:fixed;inset:0;z-index:-1;background:#120b07 url(/room.jpg) center 30% / cover no-repeat}.room-grade{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(118% 88% at 62% 34%,#0000 42%,#08050347 78%,#0503028c)}.room-grade:after{content:"";position:absolute;inset:0;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.booting{position:fixed;inset:0;display:grid;place-items:center;color:var(--ink-muted);font-size:13px;letter-spacing:.08em}