.vn-game{--bg-color:#f4f7f6;--card-bg:#fff;--text-color:#333;--primary:var(--wiu-ink);--brand-green:var(--wiu-green);--brand-red:var(--wiu-red);--brand-orange:var(--wiu-orange);--brand-blue:var(--wiu-blue);--mastery-bg:#e8f5e9;--mastery-border:#2e7d32;--border-black:#222;--border-radius:12px;--shadow:0 4px 6px #0000000d;--max-width:700px;font-family:var(--font-roboto), sans-serif;color:var(--text-color);flex-direction:column;align-items:center;margin:0;padding:0;display:flex}.vn-app-container{flex-direction:column;align-items:center;width:100%;display:flex}.vn-header-panel{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:10px;display:flex}.vn-header-logo{width:100%;max-width:370px;height:auto;margin-bottom:5px}.vn-header-title-fallback{color:var(--brand-green);font-size:2rem;font-weight:900;display:none}.vn-header-subtitle{color:#555;margin-top:5px;font-size:1rem;font-weight:600}.vn-level-control-bar{border-radius:var(--border-radius);width:100%;box-shadow:var(--shadow);box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;min-height:60px;margin-bottom:15px;padding:8px 15px;display:flex;position:relative}.vn-level-left-group{z-index:2;align-items:center;gap:10px;display:flex}.vn-level-text{color:#333;text-align:center;min-width:70px;font-size:1.1rem;font-weight:700}.vn-mastery-center-wrapper{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vn-btn-mastery-text{color:#000;cursor:pointer;white-space:nowrap;font-size:.9rem;font-weight:700;font-family:var(--font-roboto), sans-serif;background:#fff;border:2px solid #000;border-radius:20px;padding:6px 15px;transition:all .2s;display:none}.vn-btn-mastery-text.visible{display:block}.vn-btn-mastery-text.active{background-color:var(--brand-green);color:#fff;border-color:var(--brand-green)}.vn-streak-badge{color:var(--brand-orange);white-space:nowrap;background:#fff3e0;border-radius:12px;margin-left:auto;padding:4px 10px;font-size:.9rem;font-weight:700}.vn-streak-badge.mastered{color:var(--brand-green);background:#e8f8f0}.vn-white-card{background:var(--card-bg);box-sizing:border-box;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:350px;margin-bottom:20px;padding:15px;display:flex;position:relative;box-shadow:0 8px 20px #0000000d}.vn-card-icons{z-index:10;gap:8px;display:flex;position:absolute;top:15px;right:20px}.vn-card-icons-left{z-index:10;gap:8px;display:flex;position:absolute;top:10px;left:20px}.vn-icon-wrapper{cursor:pointer;display:inline-block;position:relative}.vn-icon-img{width:46px;height:46px;display:block}.vn-icon-img-large{width:64px;height:64px;display:block}.vn-custom-tooltip{visibility:hidden;color:#fff;text-align:center;z-index:20;white-space:nowrap;opacity:0;pointer-events:none;background-color:#333;border-radius:6px;padding:5px 10px;font-size:.8rem;transition:opacity .3s;position:absolute;bottom:110%;left:50%;transform:translate(-50%)}.vn-custom-tooltip:after{content:"";border:5px solid #0000;border-top-color:#333;margin-left:-5px;position:absolute;top:100%;left:50%}.vn-icon-wrapper:hover .vn-custom-tooltip,.vn-icon-wrapper.show-tip .vn-custom-tooltip{visibility:visible;opacity:1}.vn-content-area{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex}.vn-sentence-display{color:var(--primary);margin:80px 0 20px;font-size:1.6rem;font-weight:700;line-height:1.4}.vn-gap{border-bottom:3px solid var(--brand-orange);color:#0000;background-color:#e67e221a;border-radius:4px;min-width:60px;padding:0 5px;transition:all .2s;display:inline-block}.vn-gap.solved{min-width:0;color:var(--brand-green);background-color:#0000;border-bottom-color:#0000;padding:0;font-weight:700}.vn-translation-display{color:#888;min-height:1.2em;margin-bottom:30px;font-size:1.1rem;font-style:italic}.vn-blur{filter:blur(6px);opacity:.4;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s}.vn-revealed{filter:none;opacity:1;cursor:default;color:#555}.vn-options-container{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:10px;display:flex}.vn-option-btn{border:2px solid var(--border-black);cursor:pointer;font-size:1.1rem;font-weight:700;font-family:var(--font-roboto), sans-serif;background:#fff;border-radius:12px;min-width:80px;min-height:52px;padding:12px 20px;transition:background .1s,color .1s;position:relative;top:0;box-shadow:0 4px #0000001a}.vn-option-btn:active{box-shadow:none;top:4px}.vn-option-btn.correct{background-color:var(--brand-green);color:#fff;border-color:var(--brand-green)}.vn-option-btn.wrong{background-color:var(--brand-red);color:#fff;border-color:var(--brand-red);animation:.4s vn-shake}@keyframes vn-shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}.vn-intro-card{text-align:left;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex}.vn-intro-step-title{color:var(--brand-green);margin-bottom:15px;font-size:1.6rem;font-weight:700}.vn-intro-step-content{color:#444;min-height:220px;margin-bottom:30px;font-size:1.2rem;font-weight:600;line-height:1.6}.vn-intro-nav{justify-content:space-between;width:100%;margin-top:auto;display:flex}.vn-btn-intro-back{color:#000;cursor:pointer;font-weight:700;font-family:var(--font-roboto), sans-serif;background:#fff;border:2px solid #000;border-radius:12px;padding:12px 25px;transition:all .2s}.vn-btn-intro-back:active{transform:translateY(2px)}.vn-mastery-panel{width:calc(100% - 40px);max-width:var(--max-width);background:var(--mastery-bg);border:2px solid var(--mastery-border);border-radius:var(--border-radius);box-sizing:border-box;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px;animation:.3s ease-out vn-fadeIn;display:none}.vn-mastery-panel.visible{display:flex}@keyframes vn-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vn-panel-section-title{color:var(--mastery-border);text-transform:uppercase;margin-bottom:5px;font-size:.9rem;font-weight:700}.vn-toggle-grid{flex-wrap:wrap;gap:8px;display:flex}.vn-word-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:#777;text-align:center;background:#fff;border:1px solid #ccc;border-radius:6px;min-width:30px;padding:5px 10px;font-size:.9rem}.vn-word-toggle.active{background:var(--mastery-border);color:#fff;border-color:var(--mastery-border);font-weight:700}.vn-mastery-footer-row{border-top:1px solid #ccc;justify-content:space-between;align-items:flex-end;margin-top:5px;padding-top:12px;display:flex}.vn-mastery-control-group{flex-direction:column;gap:5px;display:flex}.vn-difficulty-row{align-items:center;gap:15px;display:flex}.vn-diff-check{color:#444;cursor:pointer;align-items:center;gap:5px;font-weight:700;display:flex}.vn-diff-check input{width:18px;height:18px;accent-color:var(--mastery-border);cursor:pointer}.vn-mastery-filter-small{cursor:pointer;width:auto;padding:4px 8px;font-size:.9rem}.vn-controls-row{width:calc(100% - 40px);max-width:var(--max-width);justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.vn-btn-level-plus{cursor:default;width:80px;height:50px;box-shadow:none;background-color:#fff;border:2px solid #ccc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.vn-btn-level-plus svg{width:auto;height:26px;fill:var(--text-color);filter:grayscale()opacity(.4);transition:all .3s}.vn-btn-level-plus.enabled{cursor:pointer;background-color:#557d5e;border-color:#436f4d;box-shadow:0 2px 5px #0003}.vn-btn-level-plus.enabled:hover{background-color:#436f4d;transform:translateY(-2px)}.vn-btn-level-plus.enabled svg{filter:brightness(0)invert();opacity:1}.vn-btn-level-plus.hidden{pointer-events:none;visibility:hidden!important}.vn-btn-next-task{color:#000;cursor:pointer;width:220px;height:50px;font-size:1rem;font-weight:700;font-family:var(--font-roboto), sans-serif;background:#fff;border:2px solid #000;border-radius:12px;flex-grow:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:all .2s;display:flex}.vn-btn-next-task:active{transform:translateY(2px)}.vn-btn-next-task.disabled{opacity:.5;cursor:default}.vn-std-btn{background:var(--brand-green);color:#fff;cursor:pointer;font-weight:700;font-family:var(--font-roboto), sans-serif;border:none;border-radius:12px;padding:12px 25px}.vn-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.vn-modal-overlay.visible{display:flex}.vn-modal-content{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:400px;padding:30px;box-shadow:0 10px 25px #0003}.vn-lock-img{width:64px;height:auto;margin-bottom:15px}.vn-pokal-img{width:80px;height:auto;margin-bottom:10px}@keyframes vn-flash-red{0%,50%{color:#c0392b;background-color:#fadbd8;transform:scale(1.1)}to{color:var(--brand-orange);background-color:#fff3e0;transform:scale(1)}}.vn-error-flash{animation:.6s ease-out vn-flash-red}