[hidden]{display:none!important}:root{--forest: #1F3A2C;--forest-deep: #152619;--gold: #E6B800;--gold-soft: #F2CB3D;--bone: #F8F7F5;--ink: #0C1611;--moss: #4A7C59;--terracotta: #D8845A;--stone: #C8C4BC;--slate: #3a3a38;--charcoal: #1A1A1A;--graphite: #2C322D}@font-face{font-family:Aleo;src:url(../fonts/aleo-latin.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--forest-deep);color:var(--bone);font-family:Montserrat,system-ui,sans-serif}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;padding:max(20px,env(safe-area-inset-top)) 28px;display:flex;justify-content:space-between;align-items:flex-start}.hud-score{font-family:Aleo,Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;color:var(--bone);text-shadow:0 2px 12px rgba(12,22,17,.6);font-variant-numeric:tabular-nums}.hud-unit{font-size:.5em;margin-left:.15em;color:var(--stone)}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.btn-mute{pointer-events:auto;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--stone) 40%,transparent);border-radius:999px;background:#0c161159;font-size:1.15rem;cursor:pointer;transition:transform .12s ease}.btn-mute:hover{transform:scale(1.08)}.hud-popup{position:absolute;top:22%;left:50%;transform:translate(-50%);font-family:Aleo,Georgia,serif;font-size:clamp(1.4rem,3.4vw,2rem);font-weight:800;color:var(--gold);text-shadow:0 2px 14px rgba(12,22,17,.55);opacity:0}.hud-popup.show{animation:popup .9s ease-out}@keyframes popup{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.7)}18%{opacity:1;transform:translate(-50%) translateY(0) scale(1.12)}30%{transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-14px)}}.hud-chip{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 16px;border-radius:999px;background:var(--gold);color:var(--ink);animation:chip-in .25s ease-out}.hud-chip.crash{background:var(--terracotta);color:var(--ink)}@keyframes chip-in{0%{transform:translateY(-8px);opacity:0}}.overlay{position:absolute;inset:0;display:grid;place-items:safe center;overflow-y:auto;padding:24px;background:radial-gradient(ellipse at 50% 40%,#1526198c,#0c1611e0);transition:opacity .35s ease}.overlay.hidden{opacity:0;pointer-events:none}.card{width:min(30rem,100%);text-align:center;padding:44px 36px;background:color-mix(in srgb,var(--forest-deep) 88%,black);border:1px solid color-mix(in srgb,var(--moss) 35%,transparent);border-radius:14px;box-shadow:0 30px 80px #0c161199}.card-win{border-color:color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:0 30px 80px #0c161199,0 0 60px -20px color-mix(in srgb,var(--gold) 70%,transparent)}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}.card h1,.card h2{font-family:Aleo,Georgia,serif;font-weight:800;color:var(--bone);line-height:1.05;margin-bottom:16px}.card h1{font-size:clamp(2.6rem,7vw,3.6rem)}.card h2{font-size:clamp(2.2rem,6vw,3rem)}.lead{font-size:1rem;line-height:1.65;color:var(--stone);margin-bottom:22px}.lead-coffee{color:var(--terracotta);margin-top:-10px}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:.88rem;color:var(--stone);margin-bottom:28px}.controls b{display:inline-block;min-width:1.7em;padding:2px 4px;margin-right:2px;border:1px solid var(--slate);border-bottom-width:3px;border-radius:6px;background:var(--graphite);color:var(--bone);font-family:Montserrat,sans-serif}.btn{font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700;color:var(--ink);background:var(--gold);border:0;border-radius:999px;padding:15px 46px;cursor:pointer;transition:transform .12s ease,background .12s ease}.btn:hover{background:var(--gold-soft);transform:translateY(-1px)}.btn:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-ghost{background:transparent;color:var(--stone);border:1px solid color-mix(in srgb,var(--moss) 45%,transparent);font-size:.92rem;padding:11px 30px;margin-top:10px}.btn-ghost:hover{background:color-mix(in srgb,var(--moss) 18%,transparent);color:var(--bone)}.link-quiet{background:none;border:0;padding:0;font:inherit;font-size:inherit;color:var(--stone);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-quiet:hover{color:var(--bone)}.link-quiet:disabled{opacity:.45;cursor:default}.card-over{width:min(34rem,100%)}@media(min-width:920px)and (min-height:560px){.card-over{width:min(60rem,100%);padding:36px 40px 28px}.card-over h2{font-size:clamp(1.9rem,2.7vw,2.5rem)}.card-over .over-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:center}.card-over .over-run{min-width:0}.card-over .over-share{min-width:0;margin:0;padding:0 0 0 40px;border-top:0;border-left:1px solid color-mix(in srgb,var(--moss) 30%,transparent);align-self:stretch;display:flex;flex-direction:column;justify-content:center}.card-over .over-foot{margin-top:24px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--moss) 30%,transparent)}.card-over .over-call{margin-top:0;max-width:none}.card-over .over-foot .hint{margin-top:6px}}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 20px}.stat{background:color-mix(in srgb,var(--forest) 75%,black);border:1px solid color-mix(in srgb,var(--moss) 40%,transparent);border-radius:12px;padding:14px 6px 11px}.stat b{display:block;font-family:Aleo,Georgia,serif;font-size:clamp(1.7rem,4.4vw,2.3rem);font-weight:800;line-height:1;color:var(--gold-soft)}.stat span{display:block;margin-top:6px;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}.over-best{font-size:.88rem;color:var(--gold-soft);margin:-12px 0 20px}.over-share{margin-top:24px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--moss) 30%,transparent)}.over-share-head{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-bottom:12px}.share-preview{display:block;width:min(21rem,100%);margin:0 auto 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);box-shadow:0 10px 30px #0c161180}.share-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}.share-step{display:flex;align-items:center;gap:12px}.step-num{flex:none;width:24px;height:24px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--moss) 55%,transparent);border-radius:999px;font-size:.78rem;font-weight:700;color:var(--gold-soft);transition:background .15s ease,color .15s ease}.step-num.done{background:var(--gold);border-color:var(--gold);color:var(--ink)}.step-wide{flex:1}.step-channels{display:flex;gap:8px;flex:1;min-width:0}.step-channels .share-chip{flex:1;padding:10px 4px}.step-text{font-size:.86rem;color:var(--stone)}.step-text b{padding:2px 6px;border:1px solid var(--slate);border-bottom-width:3px;border-radius:6px;background:var(--graphite);color:var(--bone);font-family:Montserrat,sans-serif}.chip-native{width:100%;margin-bottom:4px}.share-linkcopy{margin-top:12px;font-size:.8rem}.share-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:700;color:var(--bone);background:color-mix(in srgb,var(--moss) 22%,transparent);border:1px solid color-mix(in srgb,var(--moss) 45%,transparent);border-radius:10px;padding:10px 8px;cursor:pointer;text-decoration:none;transition:background .12s ease,transform .12s ease}.share-chip svg{width:17px;height:17px;fill:currentColor;flex:none}.share-chip:hover{background:color-mix(in srgb,var(--moss) 40%,transparent);transform:translateY(-1px)}.share-note{margin-top:10px;font-size:.82rem;color:var(--gold-soft)}.over-call{font-size:.88rem;line-height:1.6;color:var(--stone);margin:24px auto 0;max-width:24rem}.over-call a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.over-call a:hover,.hint-mobile{color:var(--gold-soft)}.menu-bg{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .5s ease;pointer-events:none}.overlay.cover .menu-bg{opacity:1}.menu-bg img{width:100%;height:100%;display:block;object-fit:cover;object-position:32% 20%}.menu-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(96deg,#0c161100 24%,#0c16119e 48%,#0c1611f2 68%),linear-gradient(to top,#0c1611eb,#0c161140 26%,#0c161100 48%)}.overlay.cover{background:var(--ink)}.overlay.cover #card-start{position:relative;justify-self:end;width:min(27rem,100%);margin-right:clamp(0px,4vw,72px);text-align:left;padding:0;background:none;border:0;box-shadow:none}.overlay.cover #card-start .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:18px}.overlay.cover #card-start .eyebrow:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--gold),transparent)}.overlay.cover #card-start h1{font-size:clamp(3rem,6.5vw,4.6rem);text-shadow:0 4px 30px rgba(12,22,17,.8)}.overlay.cover #card-start .lead{max-width:26rem}.overlay.cover #card-start .controls{justify-content:flex-start}.overlay.cover #card-start .btn{display:block;width:100%}.overlay.cover #card-start .hint{max-width:24rem}@media(max-aspect-ratio:5 / 4),(max-width:720px){.overlay.cover{align-items:end;overflow-y:auto}.menu-bg{bottom:auto;height:46%}.menu-bg img{object-position:30% top}.menu-bg:after{background:linear-gradient(to bottom,rgba(12,22,17,0) 34%,rgba(12,22,17,.72) 80%,var(--ink) 100%)}.overlay.cover #card-start{justify-self:center;width:min(30rem,100%);margin-right:0;text-align:center;padding:32px 28px;background:color-mix(in srgb,var(--forest-deep) 72%,transparent);border:1px solid color-mix(in srgb,var(--moss) 30%,transparent);border-radius:14px;backdrop-filter:blur(6px)}.overlay.cover #card-start .eyebrow:after{display:none}.overlay.cover #card-start h1{font-size:clamp(2.6rem,11vw,3.4rem)}.overlay.cover #card-start .lead,.overlay.cover #card-start .hint{max-width:none}.overlay.cover #card-start .controls{justify-content:center}}@media(max-aspect-ratio:5 / 4)and (max-height:740px),(max-width:720px)and (max-height:740px){.menu-bg{height:42%}.overlay.cover #card-start{padding:22px 20px}.overlay.cover #card-start h1{font-size:clamp(2rem,8.5vw,2.5rem);margin-bottom:12px}.overlay.cover #card-start .lead{font-size:.92rem;line-height:1.5;margin-bottom:16px}.overlay.cover #card-start .controls{font-size:.82rem;margin-bottom:20px}.overlay.cover #card-start .btn{padding:13px 30px}.overlay.cover #card-start .hint{margin-top:14px}}.card-cam{width:min(34rem,100%)}.cam-stage{position:relative;margin:0 auto 18px;width:min(24rem,100%);aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--forest-deep);border:1px solid color-mix(in srgb,var(--moss) 35%,transparent)}.cam-stage canvas{width:100%;height:100%;display:block}.cam-frame{position:absolute;inset:12% 22%;border:2px dashed color-mix(in srgb,var(--gold) 55%,transparent);border-radius:10px;pointer-events:none}.cam-bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:#0c16118c}.cam-bar span{display:block;height:100%;width:0;background:var(--gold);transition:width .12s linear}.cam-mini{position:absolute;left:20px;bottom:20px;width:180px;border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--moss) 45%,transparent);background:var(--forest-deep);box-shadow:0 10px 30px #0c161180}.cam-mini canvas{width:100%;display:block;opacity:.9}.cam-mini-warn{position:absolute;inset:0;display:grid;place-items:center;background:#d8845ad9;color:var(--ink);font-size:.82rem;font-weight:700}@media(max-width:640px){.cam-mini{width:108px;left:12px;bottom:12px}}.fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:40}.dash{position:absolute;inset:-8%;pointer-events:none;opacity:0;z-index:30;background:repeating-conic-gradient(from 0deg at 50% 54%,#ffffff8c 0deg 1.6deg,#fff0 1.6deg 5.5deg);filter:blur(7px);-webkit-mask-image:radial-gradient(ellipse 34% 30% at 50% 54%,rgba(0,0,0,0) 38%,#000 88%);mask-image:radial-gradient(ellipse 34% 30% at 50% 54%,#0000 38%,#000 88%);transition:opacity .18s linear;will-change:opacity,transform}.dash:after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 2.4deg at 50% 54%,#ffffff6b 0deg .9deg,#fff0 .9deg 8.3deg);filter:blur(3px)}.blind{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:34;background:linear-gradient(112deg,#fbfaf500 38%,#fbfaf5d1 41%,#f4f2eab3 62%,#fbfaf500 66%),radial-gradient(ellipse 64% 58% at 50% 52%,#fbfaf51f,#f8f6eedb);transition:opacity .12s linear}.blind.on{opacity:1;animation:blind-weg .9s ease-out forwards}@keyframes blind-weg{0%{opacity:1;transform:scale(1.04) rotate(0)}55%{opacity:.82;transform:scale(1.01) rotate(-1.2deg)}to{opacity:0;transform:scale(1) rotate(-2deg)}}.dash.on{animation:dash-puls .42s ease-in-out infinite alternate}.dash.on:after{animation:dash-puls-innen .62s ease-in-out infinite alternate}@keyframes dash-puls{0%{transform:scale(1)}to{transform:scale(1.09)}}@keyframes dash-puls-innen{0%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.lift{position:absolute;left:0;right:0;bottom:0;display:grid;justify-items:center;gap:6px;padding:0 20px 6vh;pointer-events:none;text-align:center;text-shadow:0 2px 14px rgba(12,22,17,.75)}.lift-hint{font-size:clamp(.95rem,2.4vw,1.15rem);font-weight:600;color:var(--bone);max-width:26ch}.lift-count{font-family:Aleo,Georgia,serif;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.lift-assist{pointer-events:auto;margin-top:8px}.hint{margin-top:20px;font-size:.78rem;color:var(--slate)}.card .hint{color:color-mix(in srgb,var(--stone) 60%,transparent)}.hint a{color:inherit}.legal-links{margin-top:10px;font-size:.72rem;color:color-mix(in srgb,var(--slate) 70%,transparent)}.legal-links a{color:inherit}.legal-sep{color:color-mix(in srgb,var(--slate) 70%,transparent)}.linkquiet-mini{font-size:inherit;color:inherit}.steuerhinweis{font-size:.92rem;color:var(--stone);margin-bottom:10px}.controls-koerper b{border:0;background:none;color:var(--gold-soft);min-width:auto;padding:0 2px}@media(prefers-reduced-motion:reduce){.hud-chip{animation:none}.overlay{transition:none}}
