:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:#e8e4d8;background:#14181a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}.collection{background:radial-gradient(1200px 600px at 80% -10%,#22311f 0%,#0000 60%),radial-gradient(900px 500px at -10% 110%,#1d2733 0%,#0000 55%),#14181a;height:100%;overflow-y:auto}.topbar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14181ad1;border-bottom:1px solid #ffffff12;align-items:baseline;gap:14px;padding:18px 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:.02em;margin:0;font-size:22px}.topbar h1 .accent{color:#9ccc65}.topbar .sub{color:#9aa39b;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;max-width:1200px;margin:0 auto;padding:30px 28px 60px;display:grid}.card{color:inherit;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff17;border-radius:18px;flex-direction:column;gap:6px;padding:22px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.card:hover{border-color:#9ccc658c;transform:translateY(-3px);box-shadow:0 14px 34px #00000059}.card .thumb{background:radial-gradient(120px 90px at 30% 25%,#ffffff24,#0000 70%),linear-gradient(150deg,#ffffff1a,#ffffff05);border:1px solid #ffffff0f;border-radius:12px;place-items:center;height:150px;margin-bottom:6px;font-size:64px;display:grid}.card h2{margin:6px 0 0;font-size:18px}.card p{color:#aab2aa;margin:0;font-size:13.5px;line-height:1.5}.card .open{color:#9ccc65;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;display:flex}.empty{text-align:center;color:#9aa39b;padding:60px}.about{color:#c9d1c9;background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border-radius:18px;max-width:1200px;margin:0 auto 70px;padding:26px 30px;font-size:14px;line-height:1.65}.about h3{color:#f0ecdd;margin:0 0 10px;font-size:17px}.about p{margin:8px 0}.about a{color:#9ccc65;font-weight:600;text-decoration:none}.about a:hover{text-decoration:underline}.about .muted{color:#8b948c;font-size:13px}.viewer-page{background:#eef1f4;height:100%;position:relative}.viewer-nav{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14181ab8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 10px;display:flex;position:absolute;top:12px;left:12px}.viewer-nav a{color:#e8e4d8;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;text-decoration:none;display:flex}.viewer-nav a:hover{background:#ffffff29}.viewer-nav .crumb{color:#f0ecdd;font-weight:600}.viewer-title{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:right;pointer-events:none;text-shadow:0 1px 4px #000000b3;background:#14181ab8;border-radius:10px;padding:6px 11px;position:absolute;top:14px;right:18px}.viewer-title h2{margin:0;font-size:17px}.viewer-title .hint{opacity:.75;margin-top:2px;font-size:11.5px}.controls{z-index:20;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.chip{color:#eee;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c201cb3;border:1px solid #ffffff38;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12.5px}.chip.active{color:#1c1f1c;background:#dcc8a0eb;border-color:#0000}.status{color:#cfd6cf;z-index:5;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.status.error{color:#f2a2a2}.height-readout{text-align:center;z-index:30;color:#e8eef2;font-variant-numeric:tabular-nums;pointer-events:none;background:#14181ac7;border-radius:6px;max-width:92vw;padding:5px 9px;font-size:11.5px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.nur-touch{display:none}.touch-stick{z-index:25;touch-action:none;background:#14181a6b;border:2px solid #f0ecdd80;border-radius:50%;width:132px;height:132px;position:absolute;bottom:28px;left:22px}.touch-stick-knob{background:#f0ecddd9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;transition:transform 60ms linear;position:absolute;top:50%;left:50%}@media (width<=700px),(pointer:coarse){.viewer-nav{white-space:nowrap;text-overflow:ellipsis;max-width:74vw;font-size:12.5px;overflow:hidden}.viewer-title{text-align:left;inset:auto 12px 152px}.viewer-title .hint{color:#f0ecdd;opacity:.95}.viewer-title h2{display:none}.hint{font-size:10.5px}.nur-maus{display:none}.nur-touch{display:inline}.height-readout{text-align:left;max-width:84vw;font-size:9.5px;line-height:1.35;top:84px;bottom:auto;left:12px;transform:none}.controls{gap:4px;padding:4px 6px;bottom:8px}.chip{padding:4px 8px;font-size:11px}.touch-stick{bottom:16px;left:16px}.viewer-page:has(.touch-stick) .controls{display:none}.viewer-page:has(.touch-stick) .viewer-title{bottom:168px}}.reticle{pointer-events:none;z-index:5;background:#fffc;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #0000008c}.ziel-hinweis{color:#f2efe6;white-space:nowrap;pointer-events:none;z-index:6;background:#141812db;border-radius:999px;padding:6px 13px;font:500 13px system-ui,sans-serif;position:fixed;bottom:16%;left:50%;transform:translate(-50%)}.ziel-hinweis b{color:#1a1f16;background:#d8c9a3;border-radius:4px;margin-right:6px;padding:1px 6px;font-weight:700}.footer{padding:0 28px 42px}.footer-inner{color:#9aa39b;border-top:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:14px;max-width:1200px;margin:0 auto;padding-top:20px;font-size:13px;display:flex}.footer-logo{opacity:.5;border-radius:4px;height:32px;transition:opacity .2s}.footer-logo:hover{opacity:1}.footer-links a{color:#9aa39b;text-decoration:none}.footer-links a:hover{color:#9ccc65;text-decoration:underline}.footer-copy{margin-left:auto}@media (width<=560px){.footer-copy{margin-left:0}}