:root{--bg: #0a0808;--biome: #c8a870;--font: "Courier New", Courier, monospace}*{box-sizing:border-box}html,body{height:100%;height:100dvh;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}body{margin:0;background:var(--bg)}#root{height:100%;height:100dvh;overflow:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--biome) 33%,transparent)}input::placeholder{color:color-mix(in srgb,var(--biome) 19%,transparent);font-style:italic}button:active{opacity:.6}.screen-base{font-family:var(--font);background:var(--bg);height:100dvh;color:var(--biome);box-sizing:border-box;overflow:hidden}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 16px 20px;overflow-y:auto;height:100dvh}.title-hero{position:relative;width:calc(100% + 32px);margin:0 -16px 24px;overflow:hidden}.title-hero:before{content:"";position:absolute;inset:0;background:var(--biome);mix-blend-mode:color;z-index:1;pointer-events:none}.title-hero-img{width:100%;height:auto;max-height:30vh;object-fit:cover;object-position:center center;display:block;image-rendering:pixelated;opacity:.6}.title-heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);font-family:UnifrakturCook,cursive;font-size:clamp(36px,10vw,72px);font-weight:700;letter-spacing:.05em;text-shadow:0 0 20px color-mix(in srgb,var(--biome) 53%,transparent);z-index:3}.title-subtitle{position:absolute;top:50%;left:50%;transform:translate(-50%,60%);font-size:13px;letter-spacing:.25em;opacity:.6;z-index:3}.title-art{font-size:11px;line-height:1.4;opacity:.7;margin:0 0 24px;display:inline-block;text-align:left}.title-lore{font-size:13px;line-height:1.9;margin-bottom:28px;opacity:.85}.btn-primary{background:transparent;border:2px solid var(--biome);color:var(--biome);font-family:var(--font);font-size:16px;padding:14px 48px;cursor:pointer;letter-spacing:.2em;display:block;width:100%;margin-bottom:12px;min-height:44px}.input-row{display:flex;gap:8px}.input-field{flex:1;background:transparent;border:1px solid color-mix(in srgb,var(--biome) 27%,transparent);color:var(--biome);font-family:var(--font);font-size:16px;padding:6px 10px;outline:none}.btn-go{background:transparent;border:1px solid color-mix(in srgb,var(--biome) 27%,transparent);color:var(--biome);font-family:var(--font);font-size:12px;padding:6px 12px;cursor:pointer;min-height:44px}.crew-screen{padding:16px;overflow-x:hidden;overflow-y:auto;height:100dvh}.crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:500px;margin:0 auto 16px}.crew-card{padding:10px;cursor:pointer;transition:all .15s}.crew-card-portrait{font-size:10px;line-height:1.3;margin:0 0 6px;text-align:center}.crew-card-portrait-frame{border:1px solid color-mix(in srgb,var(--biome) 40%,transparent);padding:4px;margin:0 auto 6px;width:fit-content;text-align:center}.pixel-portrait{display:block;image-rendering:pixelated;animation:portrait-glow 4s ease-in-out infinite}.crew-card-portrait-img{width:100%;max-width:160px}.portrait-img{width:100px;margin:4px 0}@keyframes portrait-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.crew-card-name{font-size:12px;font-weight:700;margin-bottom:4px;text-align:center}.crew-card-desc{font-size:10px;opacity:.65;line-height:1.4}.btn-begin{font-family:var(--font);font-size:15px;padding:14px;letter-spacing:.15em;width:100%;background:transparent;min-height:44px}.gameover-screen{color:#e05828;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;height:100dvh;overflow-y:auto}.gameover-art{font-size:11px;line-height:1.4;color:#e05828;opacity:.7;margin:0 0 16px}.gameover-stats{line-height:2.2;font-size:14px;margin-bottom:24px;color:#e05828}.game-container{font-family:var(--font);background:var(--bg);height:100dvh;display:flex;flex-direction:column;color:var(--biome);transition:color 2s;overflow:hidden;max-width:100vw;box-sizing:border-box}.game-inner{display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden;transition:filter .1s}.game-inner.glitch{filter:saturate(8) hue-rotate(90deg)}.header-fixed{flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--biome) 19%,transparent)}.header-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px 2px}.header-label{font-size:10px;opacity:.5}.header-depth{font-size:16px;font-weight:700;letter-spacing:.05em;text-shadow:0 0 8px color-mix(in srgb,var(--biome) 40%,transparent)}.header-meta{font-size:10px;opacity:.5}.header-resources{display:flex;gap:12px;padding:0 12px 4px;font-size:10px;opacity:.7}.resource-critical{color:#f44;opacity:1}.header-crew{display:flex;gap:6px;padding:0 12px 5px;flex-wrap:wrap}.party-chip{font-size:10px;padding:2px 7px}.biome-scene{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--biome) 9%,transparent)}.biome-art{font-size:10px;line-height:1.35;opacity:.5;margin:0;padding:6px 12px;flex:1;overflow:hidden}.shaft-art{font-size:10px;line-height:1.35;opacity:.35;margin:0;padding:6px 8px;border-left:1px solid color-mix(in srgb,var(--biome) 9%,transparent)}.moment-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 18px;font-size:15px;line-height:1.85;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--biome) 27%,transparent) transparent}.moment-content{flex:1;display:flex;flex-direction:column;justify-content:center;animation:moment-fade-in .4s ease-out}@keyframes moment-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.moment-entry{margin-bottom:6px;white-space:pre-wrap;word-break:break-word}.diary-toggle{background:transparent;border:none;color:color-mix(in srgb,var(--biome) 33%,transparent);font-family:var(--font);font-size:9px;letter-spacing:.1em;padding:8px 0 2px;cursor:pointer;text-align:center;align-self:center}.diary-toggle:hover,.diary-toggle:active{color:color-mix(in srgb,var(--biome) 60%,transparent)}.diary-view{border-top:1px solid color-mix(in srgb,var(--biome) 12%,transparent);margin-top:8px;padding-top:8px;max-height:40vh;overflow-y:auto;font-size:11px;line-height:1.6;opacity:.6}.diary-entry{margin-bottom:2px;white-space:pre-wrap;word-break:break-word}.rhythm-descent{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;background:color-mix(in srgb,var(--biome) 2%,transparent)}.rhythm-eilmarsch{background:color-mix(in srgb,var(--biome) 5%,transparent)}.rhythm-lane{position:absolute;top:0;bottom:80px;left:50%;transform:translate(-50%);width:60px}.rhythm-rune{position:absolute;left:50%;top:0;width:40px;font-size:22px;color:var(--biome);text-align:center;line-height:1;pointer-events:none;will-change:transform,opacity;transition:opacity .15s}.rhythm-strike-zone{position:absolute;bottom:80px;left:0;right:0;height:0;display:flex;align-items:center;justify-content:center}.rhythm-strike-line{position:absolute;width:70%;max-width:260px;height:1px;background:color-mix(in srgb,var(--biome) 30%,transparent)}.rhythm-strike-marker{position:relative;font-size:18px;color:color-mix(in srgb,var(--biome) 50%,transparent);z-index:1;transition:all .1s}.rhythm-strike-hit{color:var(--biome);text-shadow:0 0 12px color-mix(in srgb,var(--biome) 60%,transparent);font-size:12px;letter-spacing:.15em;animation:rhythm-strike-flash .3s ease-out}@keyframes rhythm-strike-flash{0%{transform:scale(1.3)}to{transform:scale(1)}}.rhythm-bottom{position:absolute;bottom:0;left:0;right:0;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.rhythm-hint{font-size:11px;letter-spacing:.2em;opacity:.35;min-height:16px}.rhythm-progress{display:flex;align-items:center;gap:8px}.rhythm-progress-bar{width:80px;height:3px;background:color-mix(in srgb,var(--biome) 12%,transparent);border-radius:1px;overflow:hidden}.rhythm-progress-fill{height:100%;background:var(--biome);transition:width .15s}.rhythm-progress-text{font-size:10px;opacity:.4;letter-spacing:.1em}.event-card{border:1px solid color-mix(in srgb,var(--biome) 40%,transparent);padding:12px;margin:10px 0;background:color-mix(in srgb,var(--biome) 3%,transparent);overflow:hidden}.event-scene{opacity:.55;font-size:10px;line-height:1.35;margin:0 0 8px}.event-title{color:#fff;font-size:14px;margin-bottom:8px;letter-spacing:.04em}.event-text{margin-bottom:14px;line-height:1.7;font-size:13px}.event-choices{display:flex;flex-direction:column;gap:7px}.event-choice-btn{background:transparent;border:1px solid color-mix(in srgb,var(--biome) 33%,transparent);color:#fea;font-family:var(--font);font-size:13px;padding:11px 12px;text-align:left;cursor:pointer;line-height:1.5;width:100%;min-height:44px}.event-choice-btn:hover,.event-choice-btn:active{background:color-mix(in srgb,var(--biome) 9%,transparent)}.event-press-on-btn{background:transparent;border:1px solid color-mix(in srgb,var(--biome) 16%,transparent);color:color-mix(in srgb,var(--biome) 53%,transparent);font-family:var(--font);font-size:12px;padding:10px 12px;text-align:left;cursor:pointer;line-height:1.5;width:100%;min-height:44px}.event-press-on-btn:hover,.event-press-on-btn:active{background:color-mix(in srgb,var(--biome) 6%,transparent)}.quick-buttons{display:flex;border-top:1px solid color-mix(in srgb,var(--biome) 19%,transparent);flex-shrink:0}.quick-btn{flex:1;background:transparent;border:none;border-right:1px solid color-mix(in srgb,var(--biome) 13%,transparent);color:color-mix(in srgb,var(--biome) 53%,transparent);font-family:var(--font);font-size:10px;padding:12px 4px;cursor:pointer;letter-spacing:.04em;min-height:44px}.quick-btn.accent{background:color-mix(in srgb,var(--biome) 8%,transparent);color:var(--biome)}.quick-btn.eilmarsch{background:transparent;color:color-mix(in srgb,var(--biome) 60%,transparent);font-size:9px;letter-spacing:.06em;flex:.6}.quick-btn-event{flex:1;background:transparent;border:none;border-right:1px solid color-mix(in srgb,var(--biome) 13%,transparent);color:#fea;font-family:var(--font);font-size:14px;padding:12px 4px;cursor:pointer;min-height:44px}.quick-btn-skip{flex:1;background:transparent;border:none;color:color-mix(in srgb,var(--biome) 33%,transparent);font-family:var(--font);font-size:12px;padding:12px 4px;cursor:pointer;min-height:44px}.event-preamble{margin-bottom:10px;line-height:1.7;font-size:13px;opacity:.65;font-style:italic}.input-bar-wrapper{position:relative;flex-shrink:0}.suggestions-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#111;border:1px solid color-mix(in srgb,var(--biome) 25%,transparent);border-bottom:none;max-height:240px;overflow-y:auto;z-index:50;scrollbar-width:thin}.suggestion-item{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid color-mix(in srgb,var(--biome) 8%,transparent);color:color-mix(in srgb,var(--biome) 70%,transparent);font-family:var(--font);font-size:12px;padding:10px 14px;cursor:pointer;min-height:40px}.suggestion-item:hover,.suggestion-item.selected{background:color-mix(in srgb,var(--biome) 10%,transparent);color:var(--biome)}.input-bar{display:flex;align-items:center;border-top:1px solid color-mix(in srgb,var(--biome) 14%,transparent);padding:6px 10px;gap:8px;flex-shrink:0;background:var(--bg)}.input-bar-prompt{opacity:.35;font-size:13px;flex-shrink:0}.input-bar-field{flex:1;background:transparent;border:none;outline:none;color:var(--biome);font-family:var(--font);font-size:16px;caret-color:var(--biome);padding:4px 0}.input-bar-submit{background:transparent;border:1px solid color-mix(in srgb,var(--biome) 27%,transparent);color:var(--biome);font-family:var(--font);font-size:11px;padding:6px 12px;cursor:pointer;flex-shrink:0;min-height:44px}@supports (padding: env(safe-area-inset-bottom)){.input-bar{padding-bottom:calc(6px + env(safe-area-inset-bottom))}}.global-mute-btn{position:fixed;top:8px;right:8px;z-index:100;background:none;border:1px solid color-mix(in srgb,var(--biome) 40%,transparent);color:var(--biome);font-family:var(--font);font-size:13px;padding:3px 8px;cursor:pointer;opacity:.5;transition:opacity .2s}.global-mute-btn:hover,.global-mute-btn:active{opacity:1}.legal-footer{margin-top:24px;font-size:9px;opacity:.3;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:6px}.legal-footer a,.legal-footer button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:none}.legal-footer a:hover,.legal-footer button:hover{opacity:1;text-decoration:underline}.legal-sep{opacity:.5}.legal-overlay{position:fixed;inset:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.legal-overlay-content{background:#0a0a0a;border:1px solid color-mix(in srgb,var(--biome) 30%,transparent);max-width:420px;width:100%;max-height:80vh;overflow-y:auto;padding:24px;position:relative;font-family:var(--font);font-size:11px;line-height:1.6;color:#aaa}.legal-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#666;font-size:20px;cursor:pointer;font-family:var(--font)}.legal-close:hover{color:#fff}.legal-text h3{color:var(--biome);font-size:13px;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.legal-text h4{color:#ccc;font-size:11px;margin:16px 0 6px}.legal-text p{margin:8px 0}.legal-text ul{margin:6px 0;padding-left:16px}.legal-text li{margin:4px 0}.legal-text a{color:var(--biome);text-decoration:none}.legal-text a:hover{text-decoration:underline}.leaderboard{margin:20px 0;text-align:left;font-size:11px;border:1px solid color-mix(in srgb,#e05828 25%,transparent)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:10px;border-bottom:1px solid color-mix(in srgb,#e05828 15%,transparent);color:#e05828}.leaderboard-tabs{display:flex;gap:4px}.leaderboard-tab{background:transparent;border:1px solid color-mix(in srgb,#e05828 25%,transparent);color:color-mix(in srgb,#e05828 50%,transparent);font-family:var(--font);font-size:9px;padding:3px 8px;cursor:pointer;letter-spacing:.05em}.leaderboard-tab.active{color:#e05828;border-color:#e05828}.leaderboard-list{max-height:240px;overflow-y:auto}.leaderboard-row{display:flex;gap:8px;padding:6px 10px;border-bottom:1px solid color-mix(in srgb,#e05828 8%,transparent);color:color-mix(in srgb,#e05828 70%,transparent);align-items:baseline}.leaderboard-row.leaderboard-you{color:#e05828;background:color-mix(in srgb,#e05828 6%,transparent)}.leaderboard-rank{width:20px;flex-shrink:0;opacity:.5}.leaderboard-year{width:36px;flex-shrink:0;opacity:.6}.leaderboard-val{width:60px;flex-shrink:0;font-weight:700}.leaderboard-cause{flex:1;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chronicle-stats{margin:12px 0;font-size:10px;letter-spacing:.05em;line-height:1.8}.chronicle-title{font-size:10px;letter-spacing:.2em;opacity:.6;margin-bottom:6px}.chronicle-narrative{font-size:11px;font-style:italic;color:var(--biome, #c8a870);opacity:.7;margin:6px 0;min-height:28px;animation:fadeInNarrative 1s ease-in}@keyframes fadeInNarrative{0%{opacity:0}to{opacity:.7}}.chronicle-summary{font-size:9px;opacity:.4;margin-top:6px}.steinzeichen-overlay{position:fixed;inset:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.steinzeichen-modal{background:#1a1a1a;border:1px solid var(--biome);max-width:340px;width:100%;max-height:80vh;overflow-y:auto;padding:20px;font-family:var(--font)}.steinzeichen-title{font-size:14px;letter-spacing:.15em;text-align:center;margin-bottom:4px;color:var(--biome)}.steinzeichen-subtitle{font-size:10px;opacity:.5;text-align:center;margin-bottom:16px}.steinzeichen-cat-label{font-size:9px;opacity:.4;letter-spacing:.1em;margin:12px 0 4px;text-transform:uppercase}.steinzeichen-fragment{display:block;width:100%;background:transparent;border:1px solid rgba(255,255,255,.1);color:#c8a870;font-family:var(--font);font-size:12px;padding:8px 10px;margin:3px 0;cursor:pointer;text-align:left;font-style:italic}.steinzeichen-fragment.selected{border-color:var(--biome);background:color-mix(in srgb,var(--biome) 10%,transparent)}.steinzeichen-preview{margin:16px 0;text-align:center}.steinzeichen-preview-text{font-style:italic;color:#c8a870;font-size:13px}.steinzeichen-actions{display:flex;gap:8px;margin-top:12px}.steinzeichen-actions .btn-primary{flex:1}.steinzeichen-actions .btn-primary:disabled{opacity:.3;cursor:default}.steinzeichen-cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff6;font-family:var(--font);font-size:12px;padding:10px;flex:1;cursor:pointer}.margin-art{display:none}@media(min-width:600px){.game-container,.game-inner,.screen-base,.title-screen,.crew-screen,.gameover-screen{max-width:480px;margin-left:auto;margin-right:auto}.game-container,.screen-base{border-left:1px solid color-mix(in srgb,var(--biome) 12%,transparent);border-right:1px solid color-mix(in srgb,var(--biome) 12%,transparent)}.scanlines{max-width:480px;left:50%;transform:translate(-50%);right:auto}.crew-grid{grid-template-columns:1fr 1fr}.margin-art{display:block;position:fixed;top:0;bottom:0;width:calc((100vw - 480px)/2);margin:0;font-family:var(--font);font-size:clamp(8px,1vw,14px);line-height:1.3;color:color-mix(in srgb,var(--biome) 30%,transparent);pointer-events:none;overflow:hidden;z-index:1;white-space:pre}.margin-art>span{display:block}.margin-left{left:0;text-align:right;padding-right:4px}.margin-left>span{animation:margin-drift-up 90s linear infinite;animation-delay:-37s}.margin-right{right:0;text-align:left;padding-left:4px}.margin-right>span{animation:margin-drift-up 90s linear infinite}}@keyframes margin-drift-up{0%{transform:translateY(0)}to{transform:translateY(-33.333%)}}