.game-intro{text-align:center;padding:50px 0 35px}.game-intro h1{font-size:clamp(3.45rem,9vw,7.8rem);line-height:.9}.game-intro h1 em{font-style:normal}.game-intro>p{color:var(--muted);margin:20px 0 0;font-size:.95rem}.runner-layout{grid-template-columns:minmax(0,510px) minmax(0,1fr);align-items:center;gap:70px;max-width:1050px;padding-bottom:100px;display:grid}.runner-shell{isolation:isolate;background:#081b20 url(/spiel/nebelpfade/forest.webp) 50%/cover;border:1px solid #d8bd8150;border-radius:170px 170px 10px 10px;height:790px;position:relative;overflow:hidden;box-shadow:0 30px 100px #0006}.runner-world{outline-offset:-4px;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.runner-world canvas{touch-action:none;display:block}.runner-shell.playing{background:#081b20;border-radius:14px;height:min(790px,100svh - 24px)}.runner-hud{pointer-events:none;text-shadow:0 2px 8px #000;justify-content:space-between;align-items:start;gap:10px;display:flex;position:absolute;top:54px;left:18px;right:18px}.hud-label{text-transform:uppercase;letter-spacing:.1em;color:#d9dbcf;font-size:.54rem;display:block}.runner-hud b{color:#f3d59f;font-size:1rem}.run-progress{text-align:center;width:45%}.run-progress>span{font-size:.7rem}.run-progress>div{background:#b5c7bd30;height:4px;margin:5px 0}.run-progress i,.magic-meter i{background:var(--gold);width:0;height:100%;transition:width .1s linear;display:block}.run-progress small{color:#c7dacd;font-size:.57rem}.runner-toolbar{justify-content:space-between;gap:7px;display:flex;position:absolute;top:9px;left:10px;right:10px}.runner-toolbar button{color:#e9e5d9;background:#061b23dc;border:1px solid #d8bd8140;border-radius:20px;min-height:38px;padding:5px 12px;font-size:.62rem}.runner-toolbar button:first-child{margin-right:auto}.runner-overlay{z-index:3;text-align:center;background:linear-gradient(#06181bbd,#07191fec 32%,#06181bf5);flex-direction:column;justify-content:center;align-items:center;padding:35px 24px;display:flex;position:absolute;inset:0;overflow-y:auto}.runner-overlay>.eyebrow{margin-bottom:13px;font-size:.57rem}.runner-overlay h2{max-width:330px;font-size:2.8rem}.companion-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;margin:25px 0 15px;display:grid}.companion-choice{color:#c5d4cd;background:#c9e5db06;border:1px solid #0000;border-radius:50px 50px 8px 8px;min-width:0;padding:7px 2px;transition:background .2s,border-color .2s}.companion-choice img{object-fit:contain;width:100%;height:89px;display:block}.companion-choice span{font-size:.59rem;display:block}.companion-choice[aria-pressed=true]{color:#f8deaa;background:#d8bd8120;border-color:#dec48e}.companion-description{max-width:330px;min-height:123px;color:var(--muted);margin:0;font-size:.74rem;line-height:1.65}.companion-description strong{color:#f0ddbc;font-family:var(--serif);font-size:1.4rem;font-weight:500;display:block}.companion-description span{margin-top:5px;display:block}.mode-picker{gap:8px;width:100%;max-width:320px;margin:17px 0;display:flex}.mode-picker button{color:#c5d4cd;background:0 0;border:1px solid #a7c5b937;border-radius:7px;flex:1;padding:9px;font-size:.75rem}.mode-picker small{margin-top:3px;font-size:.55rem;display:block}.mode-picker [aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.run-start{justify-content:space-between;width:100%;max-width:320px}.runner-overlay #run-loading{color:#a8bbb6;max-width:320px;margin:13px 0 0;font-size:.6rem}.runner-controls{z-index:2;background:linear-gradient(#0000,#05171af5 28%);align-items:stretch;gap:9px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.direction-controls{flex:1;gap:4px;display:flex}.direction-controls button{color:#e8e9d3;background:#0a2931d9;border:1px solid #c7d9cd40;border-radius:9px;width:25%;min-width:40px;min-height:52px;font-size:1.3rem;line-height:1.1}.direction-controls small{font:9px var(--sans);margin-top:5px;display:block}.runner-controls>button{min-width:115px;max-width:38%;color:var(--gold);background:#143e40e6;border:1px solid #d8bd8170;border-radius:9px;padding:7px 10px;font-size:.62rem}.runner-controls>button:disabled{opacity:.7;color:#ced7cb}.magic-meter{background:#d8bd8130;height:4px;margin-top:8px;display:block;overflow:hidden}.run-toast{text-align:center;font-family:var(--serif);color:#ffdf9b;pointer-events:none;text-shadow:0 2px 8px #000;opacity:0;font-size:1.5rem;transition:opacity .2s;position:absolute;top:120px;left:20px;right:20px}.run-toast.visible{opacity:1}.result-overlay>p{color:#c5d4cd;max-width:320px;margin:0;font-size:.85rem}.result-overlay>img{object-fit:contain;width:160px;height:230px}.result-overlay>.button{justify-content:center;width:100%;max-width:300px}.result-overlay>.eyebrow{margin:0}.runner-guide h2{font-size:3.6rem}.runner-guide>p{color:var(--muted);margin-top:25px;font-size:.87rem;line-height:1.9}.runner-guide ol{counter-reset:steps;margin:30px 0;padding:0;list-style:none}.runner-guide li{counter-increment:steps;border-top:1px solid var(--line);padding:15px 0 15px 45px;position:relative}.runner-guide li:before{content:"0" counter(steps);color:var(--gold);font-family:var(--serif);font-size:1.6rem;position:absolute;top:13px;left:0}.runner-guide strong{font-size:.83rem;font-weight:500}.runner-guide li span{color:var(--muted);margin-top:4px;font-size:.73rem;display:block}.runner-shell [hidden]{display:none!important}body.runner-active{overflow:hidden}@media (width<=1000px){.site-header nav{gap:16px}.runner-layout{gap:35px}.runner-guide h2{font-size:3rem}.runner-shell{height:740px}.runner-overlay{padding-inline:15px}}@media (width<=760px),(height<=520px){.runner-layout{max-width:510px;display:block}.game-intro{padding:40px 0 28px}.runner-shell{border-radius:130px 130px 10px 10px;height:720px}.runner-guide{padding-top:45px}.runner-guide h2{font-size:2.8rem}.runner-shell.playing{z-index:150;background-color:#06191c;border:0;border-radius:0;width:100%;height:auto;padding:0;position:fixed;inset:0}.runner-shell.playing .runner-world{top:env(safe-area-inset-top,0px);bottom:calc(75px + env(safe-area-inset-bottom,0px))}.runner-shell.playing .runner-toolbar{top:calc(7px + env(safe-area-inset-top,0px))}.runner-shell.playing .runner-hud{top:calc(52px + env(safe-area-inset-top,0px))}.runner-shell.playing .runner-controls{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.runner-shell.playing .runner-overlay{padding-top:calc(25px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.runner-shell.playing .run-toast{top:calc(115px + env(safe-area-inset-top,0px))}.runner-overlay h2{font-size:2.5rem}.companion-choice img{height:80px}}@media (width<=380px){.runner-overlay{padding-inline:10px}.companion-choice span{font-size:.52rem}.companion-description{font-size:.69rem}.companion-choice img{height:72px}.runner-controls{gap:5px;padding-inline:6px}.runner-controls>button{min-width:95px}.runner-hud{left:10px;right:10px}.runner-hud b{font-size:.85rem}}@media (height<=520px){.runner-shell.playing .runner-world{bottom:0;right:155px}.runner-shell.playing .runner-controls{flex-direction:column;justify-content:center;width:155px;height:100%;left:auto}.direction-controls{flex:none;grid-template-columns:1fr 1fr;display:grid}.direction-controls button{width:100%;height:50px}.runner-controls>button{max-width:100%;min-height:50px}.runner-shell.playing .runner-toolbar{right:160px}.runner-shell.playing .runner-hud{right:170px}.result-overlay>img{height:110px}.result-overlay{gap:8px}.result-overlay h2{font-size:2rem}.result-overlay{justify-content:flex-start}.runner-shell.playing .run-toast{font-size:1.2rem;top:105px;left:15px;right:165px}}.run-rewards{pointer-events:none;text-shadow:0 2px 8px #000;color:#f2dca9;font-size:.65rem;position:absolute;top:112px;left:18px;right:18px}.run-rewards>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.run-rewards b{font-size:.9rem;font-weight:500}.run-rewards small{text-align:center;color:#bce7df;min-height:20px;font-size:.6rem;display:block}.run-toast{font-size:1.25rem;top:164px}.result-overlay{gap:10px}.result-overlay>img{height:175px}.result-overlay>p{font-size:.78rem}#run-result-goals{text-align:left;color:#e8d8b4;margin:0;padding:0;font-size:.66rem;line-height:1.8;list-style:none}.run-legend{border-block:1px solid var(--line);margin-top:25px;padding:15px 0}.run-legend p{color:var(--muted);align-items:center;gap:15px;font-size:.75rem;display:flex}.run-legend p+p{margin-top:15px}.run-legend img{object-fit:contain;width:25px;height:38px}.run-legend strong{color:var(--gold);display:block}@media (width<=760px),(height<=520px){.runner-shell.playing .run-rewards{top:calc(108px + env(safe-area-inset-top,0px))}.runner-shell.playing .run-toast{top:calc(157px + env(safe-area-inset-top,0px))}}@media (height<=520px){.runner-shell.playing .run-rewards{top:107px;right:170px}.runner-shell.playing .run-toast{font-size:1rem;top:147px}.result-overlay>img{height:90px}}.run-load-meter{background:#abcdbb26;border-radius:9px;flex-shrink:0;width:100%;max-width:320px;height:5px;margin-top:10px;overflow:hidden}.run-load-meter i{background:linear-gradient(90deg,#80c8ba,#eedaa0);width:0;height:100%;transition:width .15s;display:block}.run-journey{color:var(--gold);margin:14px 0 0;font-size:.68rem}.companion-picker{margin-top:14px}.companion-choice small{color:#d8c18c;margin-top:4px;font-size:.48rem;line-height:1.5;display:block}.companion-choice:disabled{cursor:default;opacity:.52}.companion-choice:disabled img{filter:grayscale(.85);opacity:.55}.companion-choice:disabled small{color:#aeb8b3}.companion-choice[data-completed=true]{border-bottom-color:#8ebc9d}.run-storage{color:#a8bbb6;max-width:310px;margin:12px 0 0;font-size:.56rem;line-height:1.5}.runner-overlay #run-loading{margin-top:7px}.run-reunion{z-index:5;background:linear-gradient(135deg,#0a222bf5,#122e2cf8);border:1px solid #d6bc7c9c;border-radius:12px;padding:20px 22px;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 40px #0008}.run-reunion>.eyebrow{font-size:.55rem}.run-reunion h2{margin:7px 0;font-size:1.8rem;line-height:1.2}.run-reunion p{color:#e2e1d3;min-height:4.95em;margin:8px 0 14px;font-size:.78rem;line-height:1.65}.run-reunion .button{justify-content:center;width:100%;min-height:44px;font-size:.72rem}.runner-shell.reuniting .runner-world{bottom:150px}.runner-shell.reuniting .runner-hud,.runner-shell.reuniting .runner-toolbar,.runner-shell.reuniting .run-rewards,.runner-shell.reuniting .run-toast{visibility:hidden}@media (width<=380px){.companion-choice small{font-size:.43rem}.runner-overlay h2{font-size:2.25rem}.companion-description{min-height:130px}.run-reunion{padding:14px 17px}.run-reunion p{font-size:.72rem}}@media (width<=760px){.runner-shell.reuniting .runner-world{bottom:calc(180px + env(safe-area-inset-bottom,0px))}.run-reunion{bottom:calc(10px + env(safe-area-inset-bottom,0px))}}@media (height<=520px){.runner-shell.reuniting .runner-world{bottom:0;left:0;right:48%}.run-reunion{padding:14px;inset:10px 10px 10px 52%;overflow-y:auto}.run-reunion h2{font-size:1.5rem}.run-reunion p{min-height:0;font-size:.72rem}.run-reunion .button{padding:10px}.run-reunion>.eyebrow{letter-spacing:.12em}}.companion-choice .companion-stars{font-family:var(--serif);letter-spacing:.02em;color:#dbc18a;white-space:nowrap;margin-top:3px;font-size:.65rem}.companion-choice:disabled .companion-stars{opacity:.35}.run-result-stars{letter-spacing:.15em;color:#edce8f;font-size:1.6rem;line-height:1}.runner-controls>button:not(:disabled){box-shadow:inset 0 0 18px #d4bf7840,0 0 12px #93e6cd20}@media (width<=380px){.companion-choice .companion-stars{font-size:.56rem}}.mode-picker{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));max-width:360px;margin-bottom:9px;display:grid}.mode-picker button{min-width:0;padding:9px 5px;line-height:1.4}.mode-picker button:disabled{cursor:not-allowed;opacity:.55}.mode-picker button[data-mode=nightmare][aria-pressed=true]{color:#e4d2ff;background:#8262af26;border-color:#c5afe9;box-shadow:inset 0 0 18px #7966bc20}.run-mode-description{color:#bbc5cd;flex-shrink:0;max-width:340px;min-height:2.9em;margin:0 0 12px;font-size:.59rem;line-height:1.55}.runner-shell[data-difficulty=nightmare] #run-menu{background:linear-gradient(#101526d9,#12162aee 32%,#0a1222f5)}.runner-shell[data-difficulty=nightmare] .run-progress i{background:#c6b0ea}.runner-shell[data-difficulty=nightmare] .runner-toolbar button{background:#10182ae8}.runner-shell[data-difficulty=nightmare] #run-biome{color:#e0d4fa}@media (width<=380px){.mode-picker{gap:5px}.mode-picker button{font-size:.69rem}.mode-picker small{font-size:.5rem}.run-mode-description{font-size:.56rem}}#run-menu{justify-content:flex-start}#run-menu>*{flex-shrink:0}#run-menu>.eyebrow{margin-top:auto}#run-menu>#run-loading{margin-bottom:auto}.runner-shell:fullscreen,.runner-shell.expanded{z-index:200;background:#06191c;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;position:fixed;inset:0}.runner-shell:fullscreen .runner-world,.runner-shell.expanded .runner-world{top:env(safe-area-inset-top,0px);bottom:calc(75px + env(safe-area-inset-bottom,0px))}.runner-shell:fullscreen .runner-controls,.runner-shell.expanded .runner-controls{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}#run-menu>[data-fullscreen]{margin-bottom:8px;padding:8px 18px;font-size:.7rem}body:has(.runner-shell.expanded){overflow:hidden}@media (height<=520px){.runner-shell:fullscreen.playing .runner-world,.runner-shell.expanded.playing .runner-world{bottom:0;right:155px}}body.runner-active .atmosphere,body:has(.runner-shell.expanded) .atmosphere{display:none}.runner-shell:fullscreen.reuniting .runner-world,.runner-shell.expanded.reuniting .runner-world{bottom:calc(180px + env(safe-area-inset-bottom,0px))}@media (height<=520px){.runner-shell:fullscreen.reuniting .runner-world,.runner-shell.expanded.reuniting .runner-world{bottom:0;right:48%}}