@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}body.embed-mode #root{width:100%;max-width:100%;min-height:unset;border:none}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--fer-green:#ff3c3c;--fer-green-dim:#c22;--fer-green-dark:#330a0a;--fer-bg:#0c0808;--fer-panel:#120a0a;--fer-border:#3a1212;--fer-red:#f64;--fer-amber:#fa0;--fer-text:#e6c8c8;--fer-cell-bg:#180f0f;--fer-cell-active:#2a0d0d;--fer-cell-border:#3a1e1e}.fer-root{background:var(--fer-bg);color:var(--fer-text);min-height:100vh;font-family:Share Tech Mono,monospace;position:relative;overflow-x:hidden}.fer-root:before{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff3c3c04 2px 4px);position:fixed;inset:0}@keyframes fer-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.95}94%{opacity:1}}.fer-root{animation:8s infinite fer-flicker}.fer-canvas{pointer-events:none;z-index:400;position:fixed;inset:0}.fer-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.fer-intro-logo{color:var(--fer-green);text-shadow:0 0 30px #ff3c3c80,0 0 60px #ff3c3c33;letter-spacing:.1em;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:clamp(2rem,6vw,4.5rem);font-weight:900;line-height:1.1}.fer-intro-sub{color:var(--fer-green-dim);letter-spacing:.3em;text-transform:uppercase;margin-bottom:3rem;font-family:Orbitron,sans-serif;font-size:clamp(.7rem,2vw,1rem)}.fer-story-box{border:1px solid var(--fer-border);background:var(--fer-panel);text-align:left;max-width:580px;margin-bottom:2.5rem;padding:2rem;font-size:.9rem;line-height:1.8;position:relative}.fer-story-box:before{content:"// MISSION BRIEFING";background:var(--fer-panel);color:var(--fer-green);letter-spacing:.15em;padding:0 .5rem;font-size:.75rem;position:absolute;top:-.7em;left:1rem}.fer-story-box p{margin-bottom:.8rem}.fer-story-box p:last-child{margin-bottom:0}.fer-highlight{color:var(--fer-green);font-weight:700}.fer-rooms-preview{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.fer-room-chip{border:1px solid var(--fer-border);color:#555;letter-spacing:.1em;padding:.4rem .9rem;font-size:.75rem}.fer-room-chip.unlocked{color:var(--fer-green-dim);border-color:var(--fer-green-dark)}.fer-room-chip span{color:#444;margin-top:.1rem;font-size:.6rem;display:block}.fer-btn-start{border:2px solid var(--fer-green);color:var(--fer-green);letter-spacing:.2em;cursor:pointer;text-transform:uppercase;background:0 0;padding:1rem 3rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.fer-btn-start:before{content:"";background:var(--fer-green);z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:translate(-100%)}.fer-btn-start:hover{color:var(--fer-bg)}.fer-btn-start:hover:before{transform:translate(0)}.fer-game{min-height:100vh;padding:1rem}.fer-game-header{border-bottom:1px solid var(--fer-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.fer-room-title{color:var(--fer-green);letter-spacing:.1em;font-family:Orbitron,sans-serif;font-size:clamp(.8rem,2.5vw,1.1rem);font-weight:700}.fer-progress-dots{align-items:center;gap:.5rem;display:flex}.fer-dot{border:1px solid var(--fer-border);border-radius:50%;width:10px;height:10px;transition:all .4s}.fer-dot.done{background:var(--fer-green);border-color:var(--fer-green);box-shadow:0 0 8px var(--fer-green)}.fer-dot.current{border-color:var(--fer-amber);animation:1.5s infinite fer-pulse-dot}@keyframes fer-pulse-dot{0%,to{box-shadow:0 0 4px var(--fer-amber);border-color:var(--fer-amber)}50%{box-shadow:0 0 12px var(--fer-amber)}}.fer-hints-btn{color:var(--fer-amber);cursor:pointer;border:1px solid var(--fer-amber);background:0 0;padding:.3rem .7rem;font-family:Share Tech Mono,monospace;font-size:.8rem;transition:all .2s}.fer-hints-btn:hover{background:#ffaa001a}.fer-hints-btn.exhausted{opacity:.3;cursor:default}.fer-room-container{flex-direction:column;gap:1.25rem;max-width:860px;margin:0 auto;display:flex}.fer-story-panel{border:1px solid var(--fer-border);background:var(--fer-panel);padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.8;position:relative}.fer-story-panel:before{content:"// SITUATION";background:var(--fer-panel);color:var(--fer-green-dim);letter-spacing:.15em;padding:0 .5rem;font-size:.7rem;position:absolute;top:-.65em;left:1rem}.fer-spreadsheet-wrapper{border:1px solid var(--fer-border);background:var(--fer-panel);padding:1.25rem;position:relative;overflow-x:auto}.fer-spreadsheet-wrapper:before{content:"// SPREADSHEET";background:var(--fer-panel);color:var(--fer-green-dim);letter-spacing:.15em;padding:0 .5rem;font-size:.7rem;position:absolute;top:-.65em;left:1rem}.fer-formula-bar{background:var(--fer-cell-bg);border:1px solid var(--fer-cell-border);align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.fer-cell-ref{color:var(--fer-amber);min-width:2.5rem}.fer-formula-bar-sep{color:var(--fer-border)}.fer-formula-display{color:var(--fer-green);flex:1;min-height:1.2em;font-size:.85rem}.fer-sheet{border-collapse:collapse;width:100%;min-width:360px}.fer-col-header,.fer-row-header{color:#a8d5a8;text-align:center;border:1px solid var(--fer-cell-border);-webkit-user-select:none;user-select:none;letter-spacing:.03em;background:#1a3a1a;min-width:2rem;padding:.25rem .5rem;font-size:.72rem;font-weight:600}.fer-cell{border:1px solid var(--fer-cell-border);white-space:nowrap;cursor:default;min-width:90px;padding:.3rem .6rem;font-size:.82rem;transition:background .15s;position:relative}.fer-cell.label{color:var(--fer-text)}.fer-cell.number{color:#7ec8a0;text-align:right}.fer-cell.bold{color:var(--fer-green);font-weight:700}.fer-cell.highlighted{background:#ff3c3c0f}.fer-cell.input-cell{background:var(--fer-cell-active);cursor:text;border-color:var(--fer-amber);min-width:140px}.fer-cell.input-cell.correct{border-color:var(--fer-green);background:#ff3c3c14}.fer-cell.input-cell.wrong{border-color:var(--fer-red);background:#ff444414;animation:.3s fer-shake}@keyframes fer-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.fer-cell-input{color:var(--fer-amber);background:0 0;border:none;outline:none;width:100%;min-width:120px;font-family:Share Tech Mono,monospace;font-size:.82rem}.fer-cell-input::placeholder{color:#2a4a2a}.fer-task-panel{border:1px solid var(--fer-border);background:var(--fer-panel);padding:1.25rem 1.5rem;position:relative}.fer-task-panel:before{content:"// AUFGABE";background:var(--fer-panel);color:var(--fer-amber);letter-spacing:.15em;padding:0 .5rem;font-size:.7rem;position:absolute;top:-.65em;left:1rem}.fer-task-text{margin-bottom:1rem;font-size:.875rem;line-height:1.7}.fer-task-text strong{color:var(--fer-green)}.fer-btn-check{border:1px solid var(--fer-green);color:var(--fer-green);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;background:0 0;padding:.6rem 2rem;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s}.fer-btn-check:hover{background:#ff3c3c1a}.fer-feedback{min-height:1.5em;margin-top:.75rem;font-size:.82rem;line-height:1.5;transition:all .3s}.fer-feedback.ok{color:var(--fer-green)}.fer-feedback.err{color:var(--fer-red)}.fer-hint-box{border:1px solid var(--fer-amber);color:var(--fer-amber);background:#ffaa000d;margin-top:.75rem;padding:1rem 1.25rem;font-size:.82rem;line-height:1.7;display:none}.fer-hint-box.visible{display:block}.fer-success-overlay{z-index:500;text-align:center;background:#000a00eb;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.fer-success-overlay.visible{display:flex}@keyframes fer-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.fer-success-box{border:2px solid var(--fer-green);background:var(--fer-panel);max-width:480px;padding:3rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) fer-pop-in;box-shadow:0 0 60px #ff3c3c33}.fer-success-icon{margin-bottom:1rem;font-size:3.5rem}.fer-success-title{color:var(--fer-green);letter-spacing:.1em;text-shadow:0 0 20px #ff3c3c80;margin-bottom:.75rem;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:900}.fer-success-msg{color:var(--fer-text);margin-bottom:2rem;font-size:.875rem;line-height:1.7}.fer-btn-next{background:var(--fer-green);color:var(--fer-bg);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;border:none;padding:.9rem 2.5rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:900;transition:all .2s}.fer-btn-next:hover{background:#ff6e6e;transform:scale(1.03)}.fer-finale{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.fer-finale-title{color:var(--fer-green);text-shadow:0 0 40px #ff3c3c99;letter-spacing:.1em;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:clamp(2rem,7vw,5rem);font-weight:900;animation:2s infinite fer-glow-pulse}@keyframes fer-glow-pulse{0%,to{text-shadow:0 0 30px #ff3c3c80}50%{text-shadow:0 0 60px #ff3c3ce6,0 0 100px #ff3c3c4d}}.fer-finale-sub{letter-spacing:.3em;color:var(--fer-green-dim);margin-bottom:3rem;font-family:Orbitron,sans-serif;font-size:clamp(.7rem,2vw,1rem)}.fer-finale-summary{border:1px solid var(--fer-border);background:var(--fer-panel);margin-bottom:2.5rem;padding:2rem 3rem;font-size:.875rem;line-height:2}.fer-summary-item{color:var(--fer-text)}.fer-summary-item span{color:var(--fer-green)}.fer-password-block{border:1px solid var(--fer-green);background:var(--fer-panel);flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;padding:1.5rem 2.5rem;display:flex;position:relative}.fer-password-block:before{content:"// ZUGANGSCODE";background:var(--fer-panel);color:var(--fer-green-dim);letter-spacing:.15em;padding:0 .5rem;font-size:.7rem;position:absolute;top:-.65em;left:1rem}.fer-password-label{color:var(--fer-green-dim);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem}.fer-password-value{color:var(--fer-green);letter-spacing:.2em;text-shadow:0 0 20px #ff3c3cb3,0 0 40px #ff3c3c4d;font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;animation:2s ease-in-out infinite fer-pw-glow}@keyframes fer-pw-glow{0%,to{text-shadow:0 0 20px #ff3c3cb3,0 0 40px #ff3c3c4d}50%{text-shadow:0 0 30px #ff3c3c,0 0 60px #ff3c3c80}}.fer-password-hint{color:#644;letter-spacing:.1em;margin-top:.25rem;font-size:.75rem}.fer-btn-restart{border:2px solid var(--fer-green);color:var(--fer-green);letter-spacing:.2em;cursor:pointer;text-transform:uppercase;background:0 0;padding:.9rem 2.5rem;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;transition:all .3s}.fer-btn-restart:hover{background:var(--fer-green);color:var(--fer-bg)}:root{--ip-sand:#f5e6c8;--ip-sand2:#e8d4a8;--ip-ink:#2a1a0a;--ip-brown:#6b3d1e;--ip-brown2:#8b5a2b;--ip-gold:#c8960a;--ip-gold2:#f0b429;--ip-red:#8b1a1a;--ip-sea:#1a4a5a;--ip-sea2:#2a6a7a;--ip-green:#2a5a2a;--ip-parchment:#f9f0dc;--ip-shadow:#2a1a0a59}.ip-root{background:var(--ip-sea);min-height:100vh;color:var(--ip-ink);background-image:radial-gradient(at 20%,#1a4a5acc 0%,#0000 60%),radial-gradient(at 80% 20%,#2a6a7a66 0%,#0000 50%);font-family:Crimson Text,serif;position:relative;overflow-x:hidden}.ip-waves{pointer-events:none;z-index:0;height:120px;position:fixed;bottom:0;left:0;right:0}.ip-wave{border-radius:50% 50% 0 0/30px 30px 0 0;width:200%;height:80px;position:absolute;bottom:0}.ip-wave1{background:#ffffff0a;animation:6s linear infinite ip-wave}.ip-wave2{background:#ffffff08;animation:9s linear infinite reverse ip-wave;bottom:10px}.ip-wave3{background:#ffffff05;animation:12s linear infinite ip-wave;bottom:20px}@keyframes ip-wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.ip-intro{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem 2rem;display:flex;position:relative}.ip-ship-emoji{filter:drop-shadow(0 4px 12px #00000080);margin-bottom:.5rem;font-size:3.5rem;animation:3s ease-in-out infinite ip-bob}@keyframes ip-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.ip-intro-title{color:var(--ip-gold2);text-shadow:3px 3px 0 var(--ip-brown), 0 0 40px #f0b42966;letter-spacing:.05em;text-align:center;margin-bottom:.2rem;font-family:Cinzel,serif;font-size:clamp(1.6rem,5vw,3.2rem);font-weight:900;line-height:1.1}.ip-intro-sub{color:var(--ip-sand2);letter-spacing:.25em;text-align:center;text-transform:uppercase;margin-bottom:1.25rem;font-family:Cinzel,serif;font-size:clamp(.65rem,1.5vw,.85rem)}.ip-scroll-box{background:var(--ip-parchment);border:3px solid var(--ip-brown2);width:100%;max-width:560px;box-shadow:0 8px 32px var(--ip-shadow), inset 0 0 40px #c8960a14;border-radius:4px;margin-bottom:1.25rem;padding:1.25rem 1.75rem;position:relative}.ip-scroll-box:before,.ip-scroll-box:after{content:"";background:var(--ip-brown2);border-radius:4px;height:20px;position:absolute;left:-3px;right:-3px}.ip-scroll-box:before{top:-3px}.ip-scroll-box:after{bottom:-3px}.ip-scroll-label{letter-spacing:.2em;color:var(--ip-brown);text-align:center;text-transform:uppercase;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:.7rem}.ip-scroll-text{color:var(--ip-ink);font-size:.95rem;line-height:1.65}.ip-scroll-text p{margin-bottom:.4rem}.ip-scroll-text p:last-child{margin-bottom:0}.ip-gold{color:var(--ip-gold);font-weight:600}.ip-chapters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.ip-chapter-badge{border:2px solid var(--ip-brown2);color:var(--ip-sand2);letter-spacing:.1em;opacity:.5;border-radius:2px;padding:.4rem .9rem;font-family:Cinzel,serif;font-size:.7rem}.ip-chapter-badge.first{opacity:1;border-color:var(--ip-gold);color:var(--ip-gold2)}.ip-chapter-badge span{color:inherit;opacity:.7;letter-spacing:0;font-family:Crimson Text,serif;font-size:.75rem;display:block}.ip-btn-sail{letter-spacing:.15em;background:var(--ip-gold);color:var(--ip-ink);cursor:pointer;box-shadow:0 4px 0 var(--ip-brown), 0 8px 20px var(--ip-shadow);text-transform:uppercase;border:none;border-radius:2px;padding:.75rem 2.5rem;font-family:Cinzel,serif;font-size:1rem;font-weight:700;transition:all .15s}.ip-btn-sail:hover{box-shadow:0 6px 0 var(--ip-brown), 0 12px 28px var(--ip-shadow);transform:translateY(-2px)}.ip-btn-sail:active{box-shadow:0 2px 0 var(--ip-brown);transform:translateY(2px)}.ip-game{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:.75rem 1rem 4rem;display:flex;position:relative}.ip-game-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;width:100%;max-width:860px;margin-bottom:.75rem;display:flex}.ip-chapter-title{color:var(--ip-gold2);text-shadow:1px 1px 3px #00000080;letter-spacing:.08em;font-family:Cinzel,serif;font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:700}.ip-lives{gap:.3rem;font-size:1.3rem;display:flex}.ip-score-display{color:var(--ip-gold2);text-shadow:1px 1px 3px #00000080;letter-spacing:.1em;font-family:Cinzel,serif;font-size:.85rem}.ip-progress-map{align-items:center;gap:.3rem;margin-bottom:.75rem;display:flex}.ip-map-dot{border:2px solid var(--ip-brown2);width:22px;height:22px;color:var(--ip-sand2);background:#2a1a0a4d;border-radius:50%;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:.6rem;transition:all .4s;display:flex}.ip-map-dot.done{background:var(--ip-gold);border-color:var(--ip-gold2);color:var(--ip-ink)}.ip-map-dot.current{background:var(--ip-brown);border-color:var(--ip-gold2);color:var(--ip-gold2);animation:1.5s infinite ip-pulse-map}.ip-map-line{background:var(--ip-brown2);opacity:.5;width:24px;height:2px}.ip-map-line.done{background:var(--ip-gold);opacity:1}@keyframes ip-pulse-map{0%,to{box-shadow:0 0 #f0b42966}50%{box-shadow:0 0 0 6px #f0b42900}}.ip-game-card{background:var(--ip-parchment);border:3px solid var(--ip-brown2);width:100%;max-width:860px;box-shadow:0 8px 32px var(--ip-shadow);border-radius:4px;overflow:hidden}.ip-card-header{background:linear-gradient(135deg, var(--ip-brown2), var(--ip-brown));border-bottom:2px solid var(--ip-brown2);align-items:center;gap:.6rem;padding:.6rem 1.25rem;display:flex}.ip-card-icon{font-size:1.3rem}.ip-card-chapter-label{letter-spacing:.2em;color:var(--ip-sand2);text-transform:uppercase;font-family:Cinzel,serif;font-size:.65rem}.ip-card-quest{color:var(--ip-gold2);letter-spacing:.05em;font-family:Cinzel,serif;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700}.ip-card-body{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.ip-narration{color:var(--ip-ink);border-left:3px solid var(--ip-gold);padding-left:.75rem;font-size:.9rem;font-style:italic;line-height:1.6}.ip-narration strong{color:var(--ip-brown);font-style:normal}.ip-task-box{border:2px dashed var(--ip-brown2);background:#6b3d1e14;border-radius:2px;padding:.6rem 1rem}.ip-task-label{letter-spacing:.2em;color:var(--ip-brown);text-transform:uppercase;margin-bottom:.25rem;font-family:Cinzel,serif;font-size:.65rem}.ip-task-text{color:var(--ip-ink);font-size:.95rem;line-height:1.5}.ip-task-text strong{color:var(--ip-red);font-weight:700}.ip-grid-section{flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex;overflow-x:auto}.ip-map-grid{border-collapse:collapse}.ip-grid-col-header{color:var(--ip-brown);text-align:center;-webkit-user-select:none;user-select:none;background:#6b3d1e1a;border:1px solid #6b3d1e33;width:42px;padding:.2rem;font-family:Cinzel,serif;font-size:.75rem;font-weight:700}.ip-grid-row-header{color:var(--ip-brown);text-align:center;-webkit-user-select:none;user-select:none;background:#6b3d1e1a;border:1px solid #6b3d1e33;height:42px;padding:.2rem .3rem;font-family:Cinzel,serif;font-size:.75rem;font-weight:700}.ip-grid-cell{text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9f0dc99;border:1px solid #6b3d1e40;width:42px;height:42px;font-size:1.2rem;transition:all .15s;position:relative}.ip-grid-cell:hover{z-index:2;box-shadow:0 2px 8px var(--ip-shadow);background:#c8960a26;transform:scale(1.05)}.ip-grid-cell.no-click{cursor:default}.ip-grid-cell.no-click:hover{box-shadow:none;background:#f9f0dc99;transform:none}@keyframes ip-correct-cell{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes ip-wrong-cell{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ip-grid-cell.correct-flash{animation:.6s ip-correct-cell;background:#2a5a2a4d!important}.ip-grid-cell.wrong-flash{animation:.4s ip-wrong-cell;background:#8b1a1a4d!important}.ip-grid-cell.found{cursor:default;background:#c8960a33}.ip-grid-cell.found:hover{box-shadow:none;transform:none}.ip-grid-cell.highlighted{box-shadow:inset 0 0 0 3px var(--ip-gold);cursor:default;background:#c8960a40;animation:1.5s infinite ip-highlight-pulse}.ip-grid-cell.highlighted:hover{transform:none}@keyframes ip-highlight-pulse{0%,to{box-shadow:inset 0 0 0 3px var(--ip-gold)}50%{box-shadow:inset 0 0 0 3px var(--ip-gold2), 0 0 12px #f0b42966}}.ip-answer-area{flex-direction:column;align-items:center;gap:.5rem;display:flex}.ip-mc-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.6rem;width:100%;max-width:480px;display:grid}.ip-mc-btn{background:var(--ip-sand);border:2px solid var(--ip-brown2);color:var(--ip-ink);cursor:pointer;box-shadow:0 3px 0 var(--ip-brown2);letter-spacing:.05em;border-radius:2px;padding:.7rem .5rem;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;transition:all .15s}.ip-mc-btn:hover{background:var(--ip-gold2);border-color:var(--ip-gold);box-shadow:0 4px 0 var(--ip-brown);transform:translateY(-1px)}.ip-mc-btn:active{box-shadow:0 1px 0 var(--ip-brown2);transform:translateY(2px)}.ip-mc-btn.correct{border-color:var(--ip-green);color:var(--ip-green);box-shadow:none;pointer-events:none;background:#d4edda}.ip-mc-btn.wrong{border-color:var(--ip-red);color:var(--ip-red);box-shadow:none;background:#f8d7da}.ip-type-input-wrap{align-items:center;gap:.5rem;display:flex}.ip-addr-input{text-align:center;background:var(--ip-sand);border:2px solid var(--ip-brown2);width:100px;color:var(--ip-ink);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:.5rem;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;box-shadow:inset 0 2px 4px #0000001a}.ip-addr-input:focus{border-color:var(--ip-gold);outline:none;box-shadow:0 0 0 3px #c8960a33}.ip-btn-check{background:var(--ip-brown);border:2px solid var(--ip-brown2);color:var(--ip-sand);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.5rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;transition:all .15s;box-shadow:0 3px #0000004d}.ip-btn-check:hover{background:var(--ip-brown2)}.ip-rowcol-options{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.ip-rowcol-btn{border:2px solid var(--ip-brown2);cursor:pointer;box-shadow:0 3px 0 var(--ip-brown2);letter-spacing:.08em;border-radius:2px;padding:.8rem 2rem;font-family:Cinzel,serif;font-size:1rem;font-weight:700;transition:all .15s}.ip-rowcol-btn.zeile{color:#92400e;background:#fef3c7}.ip-rowcol-btn.spalte{color:#1e40af;background:#dbeafe}.ip-rowcol-btn:hover{box-shadow:0 5px 0 var(--ip-brown2);transform:translateY(-2px)}.ip-rowcol-btn.correct{border-color:var(--ip-green);color:var(--ip-green);box-shadow:none;pointer-events:none;background:#d4edda}.ip-rowcol-btn.wrong{border-color:var(--ip-red);color:var(--ip-red);box-shadow:none;background:#f8d7da}.ip-feedback-bar{text-align:center;min-height:2rem;padding:.25rem;font-size:1rem;font-weight:600}.ip-feedback-bar.ok{color:var(--ip-green)}.ip-feedback-bar.err{color:var(--ip-red)}.ip-success-overlay{z-index:500;background:#1a4a5ad9;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.ip-success-overlay.visible{display:flex}.ip-success-scroll{background:var(--ip-parchment);border:4px solid var(--ip-brown2);text-align:center;border-radius:4px;width:100%;max-width:440px;padding:1.5rem 2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) ip-scroll-pop;position:relative;box-shadow:0 16px 48px #00000080}.ip-success-scroll:before,.ip-success-scroll:after{content:"";background:var(--ip-brown2);border-radius:4px;height:18px;position:absolute;left:-4px;right:-4px}.ip-success-scroll:before{top:-4px}.ip-success-scroll:after{bottom:-4px}@keyframes ip-scroll-pop{0%{opacity:0;transform:scale(.6)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.ip-success-icon{margin-bottom:.4rem;font-size:2.2rem}.ip-success-title{color:var(--ip-gold);text-shadow:1px 1px 0 var(--ip-brown);margin-bottom:.4rem;font-family:Cinzel,serif;font-size:1.2rem;font-weight:900}.ip-success-msg{color:var(--ip-ink);margin-bottom:1rem;font-size:.88rem;line-height:1.55}.ip-btn-next{background:var(--ip-gold);border:2px solid var(--ip-brown);color:var(--ip-ink);cursor:pointer;letter-spacing:.15em;box-shadow:0 4px 0 var(--ip-brown);text-transform:uppercase;padding:.8rem 2.5rem;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .15s}.ip-btn-next:hover{box-shadow:0 6px 0 var(--ip-brown);transform:translateY(-2px)}.ip-btn-next:active{box-shadow:0 2px 0 var(--ip-brown);transform:translateY(2px)}.ip-finale{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem 2rem;display:flex;position:relative}.ip-treasure-chest{font-size:3.5rem;animation:.5s infinite alternate ip-shake-chest}@keyframes ip-shake-chest{0%{transform:rotate(-5deg)scale(1)}to{transform:rotate(5deg)scale(1.05)}}.ip-finale-title{color:var(--ip-gold2);text-shadow:3px 3px 0 var(--ip-brown), 0 0 50px #f0b42980;text-align:center;margin:.5rem 0 .25rem;font-family:Cinzel,serif;font-size:clamp(1.8rem,6vw,3.5rem);font-weight:900}.ip-finale-sub{color:var(--ip-sand2);letter-spacing:.25em;text-align:center;text-transform:uppercase;margin-bottom:1rem;font-family:Cinzel,serif;font-size:clamp(.65rem,1.5vw,.85rem)}.ip-finale-scroll{background:var(--ip-parchment);border:3px solid var(--ip-brown2);width:100%;max-width:480px;box-shadow:0 8px 32px var(--ip-shadow);margin-bottom:1rem;padding:1.25rem 2rem;position:relative}.ip-finale-scroll:before,.ip-finale-scroll:after{content:"";background:var(--ip-brown2);border-radius:3px;height:16px;position:absolute;left:-3px;right:-3px}.ip-finale-scroll:before{top:-3px}.ip-finale-scroll:after{bottom:-3px}.ip-finale-item{border-bottom:1px dashed #6b3d1e33;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.88rem;display:flex}.ip-finale-item:last-child{border-bottom:none}.ip-finale-item .loot{font-size:1.1rem}.ip-finale-item .concept{color:var(--ip-brown);font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.ip-finale-score{color:var(--ip-gold);text-align:center;margin-top:.5rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.ip-btn-restart{border:2px solid var(--ip-gold2);color:var(--ip-gold2);cursor:pointer;letter-spacing:.15em;text-transform:uppercase;background:0 0;padding:.65rem 2rem;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .2s}.ip-btn-restart:hover{background:var(--ip-gold2);color:var(--ip-ink)}.ip-medallion-wrap{cursor:default;flex-direction:column;align-items:center;margin:.75rem 0 .25rem;display:flex}.ip-medallion-svg{filter:drop-shadow(0 6px 24px #c8960a99)drop-shadow(0 2px 6px #00000080);opacity:0;animation:.8s cubic-bezier(.175,.885,.32,1.275) .4s both ip-medallion-appear}@keyframes ip-medallion-appear{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.ip-medallion-svg:hover{animation:1s ip-medallion-spin}@keyframes ip-medallion-spin{0%{filter:drop-shadow(0 6px 24px #c8960a99);transform:rotateY(0)}50%{filter:drop-shadow(0 6px 40px #f0b429);transform:rotateY(90deg)scale(.9)}to{filter:drop-shadow(0 6px 24px #c8960a99);transform:rotateY(0)}}.ip-medallion-label{letter-spacing:.25em;color:var(--ip-gold);text-transform:uppercase;opacity:0;margin-top:.75rem;font-family:Cinzel,serif;font-size:.7rem;animation:.5s 1.2s forwards ip-fade-in-label}@keyframes ip-fade-in-label{to{opacity:1}}.ip-coin-burst{pointer-events:none;z-index:600;font-size:1.5rem;position:fixed}@keyframes ip-coin-fly{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) rotate(720deg) scale(0);opacity:0}}.fb-app{--fb-bg:#0f1117;--fb-bg-card:#1a1d27;--fb-bg-card-alt:#222636;--fb-border:#2a2e3d;--fb-text:#e8eaf0;--fb-text-muted:#8b90a5;--fb-accent:#6c5ce7;--fb-accent-glow:#6c5ce74d;--fb-green:#00e676;--fb-green-bg:#00e6761a;--fb-red:#ff5252;--fb-red-bg:#ff52521a;--fb-yellow:#ffd740;--fb-yellow-bg:#ffd7401a;--fb-op-color:#ff9100;--fb-fn-color:#6c5ce7;--fb-cell-color:#00bcd4;--fb-num-color:#e8eaf0;--fb-syntax-color:#ffd740;--fb-radius:12px;--fb-radius-sm:8px;background:var(--fb-bg);color:var(--fb-text);-webkit-font-smoothing:antialiased;box-sizing:border-box;max-width:720px;min-height:100vh;margin:0 auto;padding:16px;font-family:DM Sans,Inter,sans-serif}.fb-app *,.fb-app :before,.fb-app :after{box-sizing:border-box}.fb-header{justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}.fb-logo{align-items:center;gap:10px;display:flex}.fb-logo-icon{background:var(--fb-accent);color:#fff;border-radius:var(--fb-radius-sm);letter-spacing:-.5px;padding:4px 10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:18px;font-weight:700}.fb-logo-text{letter-spacing:-.3px;color:var(--fb-text);font-size:18px;font-weight:700}.fb-stufe-badge{color:#111;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.fb-fortschritt-bar-wrapper{margin-bottom:20px}.fb-fortschritt-info{color:var(--fb-text-muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.fb-punkte-display{color:var(--fb-yellow);font-family:JetBrains Mono,Fira Code,monospace;font-weight:700}.fb-fortschritt-bar{background:var(--fb-border);border-radius:3px;height:6px;overflow:hidden}.fb-fortschritt-fill{background:linear-gradient(90deg, var(--fb-accent), #a78bfa);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.fb-main{flex-direction:column;gap:0;display:flex}.fb-aufgabe-card{background:var(--fb-bg-card);border:1px solid var(--fb-border);border-radius:var(--fb-radius);margin-bottom:16px;padding:20px}.fb-aufgabe-header{margin-bottom:10px}.fb-aufgabe-nummer{text-transform:uppercase;letter-spacing:1.5px;color:var(--fb-accent);font-size:11px;font-weight:700}.fb-aufgabe-text{color:var(--fb-text);margin:0;font-size:16px;line-height:1.6}.fb-mini-tabelle-wrapper{border-radius:var(--fb-radius-sm);border:1px solid var(--fb-border);margin-top:16px;overflow-x:auto}.fb-mini-tabelle{border-collapse:collapse;width:100%;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.fb-mini-tabelle th{background:var(--fb-bg-card-alt);color:#a8d5a8;text-align:center;border-bottom:1px solid var(--fb-border);letter-spacing:.03em;padding:6px 12px;font-size:12px;font-weight:600}.fb-mini-tabelle td{text-align:left;color:var(--fb-text);border-bottom:1px solid #2a2e3d80;padding:6px 12px}.fb-mini-tabelle td.row-num{color:#a8d5a8;text-align:center;background:var(--fb-bg-card-alt);letter-spacing:.03em;width:30px;font-size:11px;font-weight:600}.fb-mini-tabelle tr:first-child td{color:var(--fb-accent);background:#6c5ce70f;font-weight:700}.fb-mini-tabelle tr.highlight-row td{background:#00bcd414}.fb-mini-tabelle tr:last-child td{border-bottom:none}.fb-formel-area{margin-bottom:20px}.fb-formel-drop-zone{background:linear-gradient(170deg, #6c5ce70f 0%, var(--fb-bg-card) 40%);border:2.5px dashed var(--fb-border);border-radius:var(--fb-radius);min-height:150px;padding:24px;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative}.fb-formel-drop-zone.drag-over{border-color:var(--fb-accent);background:linear-gradient(170deg,#6c5ce71f 0%,#6c5ce70a 100%);border-style:solid;transform:scale(1.005);box-shadow:0 0 40px #6c5ce726,inset 0 0 40px #6c5ce70a}.fb-formel-drop-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.fb-fx-badge{background:linear-gradient(135deg, var(--fb-accent) 0%, #a78bfa 100%);color:#fff;letter-spacing:-1px;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-family:JetBrains Mono,Fira Code,monospace;font-size:28px;font-weight:700;display:flex;box-shadow:0 6px 24px #6c5ce766,0 0 0 3px #6c5ce71a}.fb-formel-drop-header-text{flex-direction:column;gap:2px;display:flex}.fb-formel-drop-title{color:var(--fb-text);font-size:17px;font-weight:700}.fb-formel-drop-subtitle{color:var(--fb-text-muted);font-size:12px}.fb-formel-drop-count{color:var(--fb-accent);background:#6c5ce71a;border:1px solid #6c5ce733;border-radius:20px;margin-left:auto;padding:6px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:600}.fb-formel-slots-area{align-items:center;min-height:56px;display:flex}.fb-formel-empty-state{width:100%;color:var(--fb-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.fb-formel-empty-arrows{opacity:.25;animation:2s ease-in-out infinite fb-bounce-arrow}@keyframes fb-bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.fb-formel-empty-text{font-size:13px}.fb-formel-slots-row{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.fb-slot{position:relative}.fb-slot-filled{cursor:pointer}.fb-slot-filled:hover .fb-remove-x{opacity:1}.fb-slot-next-indicator{border:2px dashed var(--fb-border);border-radius:var(--fb-radius-sm);justify-content:center;align-items:center;width:40px;height:40px;animation:2s ease-in-out infinite fb-pulse-border;display:flex}@keyframes fb-pulse-border{0%,to{border-color:var(--fb-border)}50%{border-color:var(--fb-accent)}}.fb-remove-x{background:var(--fb-red);color:#fff;text-align:center;opacity:0;pointer-events:none;border-radius:50%;width:20px;height:20px;font-size:13px;font-weight:700;line-height:20px;transition:opacity .15s;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 8px #ff52524d}.fb-formel-preview{border-top:1px solid var(--fb-border);align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.fb-formel-preview-label{text-transform:uppercase;letter-spacing:1px;color:var(--fb-text-muted);flex-shrink:0;font-size:11px;font-weight:600}.fb-formel-preview-code{color:var(--fb-green);border-radius:var(--fb-radius-sm);letter-spacing:.5px;background:#00e6760f;border:1px solid #00e6761f;padding:6px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:17px;font-weight:700}.fb-bloecke-area{margin-bottom:16px}.fb-bloecke-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--fb-text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.fb-bloecke-grid{flex-wrap:wrap;gap:8px;display:flex}.fb-block{border-radius:var(--fb-radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;padding:10px 18px;font-family:JetBrains Mono,Fira Code,monospace;font-size:15px;font-weight:600;line-height:1;transition:transform .15s,box-shadow .15s,opacity .2s;position:relative}.fb-block:active{cursor:grabbing}.fb-block:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 6px 20px #00000059}.fb-in-slot{cursor:pointer;padding:8px 14px;font-size:15px}.fb-block.disabled{opacity:.15;cursor:default;box-shadow:none!important;transform:none!important}.fb-block-operator{color:var(--fb-op-color);background:#ff910026;border-color:#ff910066}.fb-block-operator.equals{border-color:var(--fb-op-color);background:#ff910040}.fb-block-function{color:var(--fb-fn-color);background:#6c5ce726;border-color:#6c5ce766}.fb-block-cell{color:var(--fb-cell-color);background:#00bcd41f;border-color:#00bcd459}.fb-block-number{color:var(--fb-num-color);background:#e8eaf014;border-color:#e8eaf033}.fb-block-syntax{color:var(--fb-syntax-color);background:#ffd7401f;border-color:#ffd7404d;padding:10px 16px;font-size:18px}.fb-feedback{border-radius:var(--fb-radius);align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;font-size:15px;font-weight:700;animation:.3s cubic-bezier(.22,1,.36,1) fb-slide-in;display:flex}.fb-feedback-richtig{background:var(--fb-green-bg);color:var(--fb-green);border:1px solid #00e6764d}.fb-feedback-falsch{background:var(--fb-red-bg);color:var(--fb-red);border:1px solid #ff52524d}.fb-feedback-icon{font-size:18px}@keyframes fb-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fb-shake{animation:.4s ease-in-out fb-shake}@keyframes fb-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.fb-hinweis-card{background:var(--fb-yellow-bg);border-radius:var(--fb-radius);color:var(--fb-yellow);border:1px solid #ffd74040;margin-bottom:12px;padding:12px 16px;font-size:14px;animation:.3s cubic-bezier(.22,1,.36,1) fb-slide-in}.fb-hinweis-icon{margin-right:6px}.fb-erklaerung-card{border-radius:var(--fb-radius);background:#6c5ce714;border:1px solid #6c5ce740;margin-bottom:16px;padding:16px;animation:.4s cubic-bezier(.22,1,.36,1) fb-slide-in}.fb-erklaerung-label{color:var(--fb-accent);margin-bottom:8px;font-size:13px;font-weight:700}.fb-erklaerung-card p{color:var(--fb-text);margin:0;font-size:14px;line-height:1.65}.fb-button-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;padding-bottom:24px;display:flex}.fb-btn{border-radius:var(--fb-radius-sm);cursor:pointer;border:none;padding:10px 20px;font-family:DM Sans,Inter,sans-serif;font-size:14px;font-weight:700;line-height:1;transition:all .15s}.fb-btn:disabled{opacity:.35;cursor:default}.fb-btn-primary{background:var(--fb-accent);color:#fff}.fb-btn-primary:hover:not(:disabled){box-shadow:0 0 20px var(--fb-accent-glow);background:#7c6ff0}.fb-btn-secondary{background:var(--fb-bg-card-alt);color:var(--fb-text-muted);border:1px solid var(--fb-border)}.fb-btn-secondary:hover{color:var(--fb-text);border-color:var(--fb-text-muted)}.fb-btn-ghost{color:var(--fb-text-muted);background:0 0}.fb-btn-ghost:hover{color:var(--fb-yellow)}.fb-btn-large{width:100%;padding:14px 32px;font-size:16px}.fb-end-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;animation:.6s cubic-bezier(.22,1,.36,1) fb-slide-in;display:flex}.fb-end-emoji{margin-bottom:16px;font-size:64px}.fb-end-title{letter-spacing:-.5px;color:var(--fb-text);margin-bottom:8px;font-size:32px;font-weight:700}.fb-end-subtitle{color:var(--fb-text-muted);margin-bottom:32px;font-size:16px}.fb-end-score{flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.fb-end-score-num{color:var(--fb-yellow);font-family:JetBrains Mono,Fira Code,monospace;font-size:56px;font-weight:700;line-height:1}.fb-end-score-label{color:var(--fb-text-muted);margin-top:4px;font-size:14px}.fb-end-bar-wrapper{width:100%;max-width:300px;margin-bottom:32px}.fb-end-bar{background:var(--fb-border);border-radius:4px;height:8px;overflow:hidden}.fb-end-bar-fill{background:linear-gradient(90deg, var(--fb-yellow), var(--fb-op-color));border-radius:4px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}@media (width<=500px){.fb-app{padding:12px}.fb-aufgabe-text{font-size:15px}.fb-block{padding:8px 12px;font-size:13px}.fb-block-syntax{padding:8px 12px;font-size:16px}.fb-fx-badge{border-radius:10px;width:46px;height:46px;font-size:22px}.fb-formel-drop-zone{min-height:130px;padding:16px}.fb-formel-drop-title{font-size:15px}.fb-mini-tabelle{font-size:11px}.fb-mini-tabelle td,.fb-mini-tabelle th{padding:4px 8px}.fb-formel-preview-code{font-size:14px}}