@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);.app-container{max-width:100%;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.page-transition-enter-active,.page-transition-leave-active{transition:all .3s ease}.page-transition-enter-from,.page-transition-leave-to{opacity:0;transform:translateY(20px)}.app-header[data-v-2f7859dc]{text-align:center;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-sm)}.app-header.compact[data-v-2f7859dc]{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-xs)}.app-header h1[data-v-2f7859dc]{font-size:var(--font-size-xxl);font-weight:700;letter-spacing:-.5px;color:var(--text-color);margin-bottom:5px}.app-header.compact h1[data-v-2f7859dc]{font-size:var(--font-size-xl)}.app-header p[data-v-2f7859dc]{color:#8a8a8a;font-size:var(--font-size-md)}.app-header.compact p[data-v-2f7859dc]{font-size:var(--font-size-sm)}.app-button[data-v-49e218da]{background-color:var(--accent-color);color:var(--bg-color);border:none;padding:15px 30px;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:block;width:100%;margin:var(--spacing-lg) 0;text-align:center}.app-button[data-v-49e218da]:hover:not(.disabled){opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-button[data-v-49e218da]:active:not(.disabled){transform:translateY(1px)}.app-button.outline[data-v-49e218da]{background-color:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.app-button.icon[data-v-49e218da]{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm)}.app-button.disabled[data-v-49e218da]{opacity:.5;cursor:not-allowed}.app-button.pulse[data-v-49e218da]{animation:pulse 1.5s infinite}.mode-card[data-v-936281d4]{background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm)}.mode-card.selected[data-v-936281d4],.mode-card[data-v-936281d4]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border:1px solid var(--accent-color)}.mode-card.selected[data-v-936281d4]{background-color:rgba(0,224,208,.1)}.mode-icon[data-v-936281d4]{font-size:2.5rem;color:var(--accent-color);margin-bottom:var(--spacing-md)}.mode-title[data-v-936281d4]{font-weight:600;font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.mode-subtitle[data-v-936281d4]{font-size:var(--font-size-xs);color:#8a8a8a}.start-screen[data-v-7786ba4e]{display:flex;flex-direction:column;min-height:100vh}.modes-container[data-v-7786ba4e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.back-button[data-v-3221756b]{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);background:none;border:none;color:var(--text-color);font-size:var(--font-size-lg);cursor:pointer;z-index:10;transition:transform var(--transition-fast)}.back-button[data-v-3221756b]:hover{transform:translateX(-3px)}.player-item[data-v-18fed331]{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;animation:fadeIn var(--transition-normal)}.player-info[data-v-18fed331]{display:flex;align-items:center;gap:var(--spacing-md)}.player-gender[data-v-18fed331]{font-size:var(--font-size-lg);color:var(--accent-color)}.player-name[data-v-18fed331]{font-weight:500}.delete-btn[data-v-18fed331]{color:var(--error-color);background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.delete-btn[data-v-18fed331]:hover{transform:rotate(90deg)}.add-player-form[data-v-1a202f9c]{background-color:var(--secondary-bg);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.player-input[data-v-1a202f9c]{flex:1;width:100%;background-color:var(--card-bg);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-md);color:var(--text-color);font-size:var(--font-size-md)}.player-input[data-v-1a202f9c]:focus{outline:1px solid var(--accent-color)}.gender-toggle[data-v-1a202f9c]{display:flex;align-items:center;gap:6px;padding:5px;background-color:var(--card-bg);border-radius:var(--border-radius-sm)}.gender-btn[data-v-1a202f9c]{padding:6px 10px;border-radius:6px;border:none;background:none;color:#8a8a8a;cursor:pointer;transition:all var(--transition-fast)}.add-btn[data-v-1a202f9c],.gender-btn.active[data-v-1a202f9c]{background-color:var(--accent-color);color:var(--bg-color)}.add-btn[data-v-1a202f9c]{border:none;width:40px;height:40px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.add-btn[data-v-1a202f9c]:hover{opacity:.9}.player-setup[data-v-0f4b8ffe]{position:relative;padding-top:var(--spacing-lg);display:flex;flex-direction:column;min-height:100vh}.game-mode-info[data-v-0f4b8ffe]{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:var(--secondary-bg);padding:var(--spacing-md)}.game-mode-icon[data-v-0f4b8ffe],.game-mode-info[data-v-0f4b8ffe]{display:flex;align-items:center;border-radius:var(--border-radius-md)}.game-mode-icon[data-v-0f4b8ffe]{font-size:var(--font-size-xl);color:var(--accent-color);width:40px;height:40px;justify-content:center;background-color:rgba(0,224,208,.1)}.selected-mode[data-v-0f4b8ffe]{font-weight:600}.player-list[data-v-0f4b8ffe]{margin:var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-md)}.error-message[data-v-0f4b8ffe]{color:var(--error-color);text-align:center;margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.player-card[data-v-a7bc22d6]{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center;animation:fadeIn var(--transition-normal)}.player-avatar[data-v-a7bc22d6]{font-size:1.8rem;margin-bottom:var(--spacing-sm);color:var(--accent-color)}.player-name[data-v-a7bc22d6]{font-weight:500}.game-history[data-v-17bb1c1a]{background-color:var(--secondary-bg);border-radius:var(--border-radius-md);overflow:hidden;font-size:var(--font-size-xs)}.history-title[data-v-17bb1c1a]{padding:var(--spacing-xs);border-bottom:1px solid var(--card-bg);font-size:var(--font-size-sm);text-align:center}.history-list[data-v-17bb1c1a]{max-height:30vh;overflow-y:auto;padding:var(--spacing-xs)}.empty-history[data-v-17bb1c1a]{text-align:center;padding:var(--spacing-xs);color:#8a8a8a;font-size:var(--font-size-xs)}.history-item[data-v-17bb1c1a]{display:flex;flex-direction:column;padding:var(--spacing-xs);border-bottom:1px solid hsla(0,0%,100%,.05);transition:background-color var(--transition-fast)}.history-item[data-v-17bb1c1a]:last-child{border-bottom:none}.history-item.is-current[data-v-17bb1c1a]{background-color:rgba(0,224,208,.05)}.history-top[data-v-17bb1c1a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.history-player[data-v-17bb1c1a]{font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center}.history-player i[data-v-17bb1c1a]{margin-right:4px;color:var(--accent-color)}.history-round[data-v-17bb1c1a]{font-size:.7rem;background-color:var(--card-bg);padding:2px 5px;border-radius:10px;color:#8a8a8a}.history-task[data-v-17bb1c1a]{display:flex;align-items:flex-start;font-size:var(--font-size-xs)}.history-task-type[data-v-17bb1c1a]{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:4px;flex-shrink:0}.history-task-type i[data-v-17bb1c1a]{color:var(--bg-color);font-size:10px}.history-task-type.single[data-v-17bb1c1a]{background-color:#00c2ff}.history-task-type.group[data-v-17bb1c1a]{background-color:#4caf50}.history-task-type.virus[data-v-17bb1c1a]{background-color:red}.history-task-type.rule[data-v-17bb1c1a]{background-color:#fc0}.history-task-type.truth[data-v-17bb1c1a]{background-color:#b942ff}.history-task-type.game[data-v-17bb1c1a]{background-color:#ff5c8d}.history-task-type.challenge[data-v-17bb1c1a]{background-color:#ff9500}.history-task-type.rhyme[data-v-17bb1c1a]{background-color:#2196f3}.history-task-type.category[data-v-17bb1c1a]{background-color:#8bc34a}.history-task-type.timed[data-v-17bb1c1a]{background-color:#f44336}.history-task-type.quiz[data-v-17bb1c1a]{background-color:#9c27b0}.history-task-text[data-v-17bb1c1a]{line-height:1.3;flex:1}.game-screen[data-v-ca6beaec]{position:fixed;top:0;left:0;right:0;bottom:0;padding-top:var(--spacing-md);display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.compact-header[data-v-ca6beaec]{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs);margin-bottom:0}.player-list-game[data-v-ca6beaec]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm);padding:0 var(--spacing-sm);margin:var(--spacing-md) 0;overflow-y:auto;max-height:calc(100vh - 200px)}.loading-container[data-v-ca6beaec]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.spinner[data-v-ca6beaec]{width:40px;height:40px;border:4px solid var(--secondary-bg);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin-ca6beaec 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin-ca6beaec{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container[data-v-ca6beaec]{text-align:center;padding:var(--spacing-md) 0;color:var(--error-color)}.task-container[data-v-ca6beaec]{display:flex;flex-direction:column;align-items:center;flex:1;animation:fadeIn var(--transition-normal);overflow:hidden;padding:0 var(--spacing-sm);position:relative}.centered-content[data-v-ca6beaec]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.player-info[data-v-ca6beaec]{align-items:center;margin-bottom:var(--spacing-sm);min-height:80px;display:flex;flex-direction:column;justify-content:center}.player-info-placeholder[data-v-ca6beaec]{min-height:80px}.player-avatar[data-v-ca6beaec]{font-size:2.5rem;color:var(--accent-color);margin-bottom:var(--spacing-xs)}.player-name[data-v-ca6beaec]{font-size:var(--font-size-lg);font-weight:600}.task-bubble[data-v-ca6beaec]{background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-md);width:100%;max-width:500px;box-shadow:var(--shadow-sm);position:relative;margin:0;border-left:4px solid transparent}.task-bubble.single[data-v-ca6beaec]{border-left-color:#00c2ff}.task-bubble.group[data-v-ca6beaec]{border-left-color:#4caf50}.task-bubble.virus[data-v-ca6beaec]{border-left-color:red}.task-bubble.rule[data-v-ca6beaec]{border-left-color:#fc0}.task-bubble.truth[data-v-ca6beaec]{border-left-color:#b942ff}.task-bubble.game[data-v-ca6beaec]{border-left-color:#ff5c8d}.task-bubble.challenge[data-v-ca6beaec]{border-left-color:#ff9500}.task-bubble.rhyme[data-v-ca6beaec]{border-left-color:#2196f3}.task-bubble.category[data-v-ca6beaec]{border-left-color:#8bc34a}.task-bubble.timed[data-v-ca6beaec]{border-left-color:#f44336}.task-bubble.quiz[data-v-ca6beaec]{border-left-color:#9c27b0}.task-type[data-v-ca6beaec]{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--bg-color)}.task-type i[data-v-ca6beaec]{margin-right:5px}.task-type.single[data-v-ca6beaec]{background-color:#00c2ff}.task-type.group[data-v-ca6beaec]{background-color:#4caf50}.task-type.virus[data-v-ca6beaec]{background-color:red}.task-type.rule[data-v-ca6beaec]{background-color:#fc0}.task-type.truth[data-v-ca6beaec]{background-color:#b942ff}.task-type.game[data-v-ca6beaec]{background-color:#ff5c8d}.task-type.challenge[data-v-ca6beaec]{background-color:#ff9500}.task-type.rhyme[data-v-ca6beaec]{background-color:#2196f3}.task-type.category[data-v-ca6beaec]{background-color:#8bc34a}.task-type.timed[data-v-ca6beaec]{background-color:#f44336}.task-type.quiz[data-v-ca6beaec]{background-color:#9c27b0}.task-text[data-v-ca6beaec]{font-size:var(--font-size-md);line-height:1.3;margin-bottom:var(--spacing-sm)}.difficulty[data-v-ca6beaec]{display:flex;gap:5px}.difficulty-dot[data-v-ca6beaec]{width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;opacity:.8}.action-buttons[data-v-ca6beaec]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin:var(--spacing-sm) 0}.tap-hint[data-v-ca6beaec]{text-align:center;color:#8a8a8a;font-size:var(--font-size-xs);animation:pulse-ca6beaec 2s infinite}.tap-hint i[data-v-ca6beaec]{margin-right:5px}.history-toggle[data-v-ca6beaec]{color:var(--accent-color);cursor:pointer;padding:6px 12px;border-radius:var(--border-radius-sm);background-color:rgba(0,224,208,.1);display:flex;align-items:center;font-size:var(--font-size-xs);font-weight:500;z-index:10}.history-toggle i[data-v-ca6beaec]{margin-left:5px;transition:transform var(--transition-fast)}.history-toggle[data-v-ca6beaec]:hover{background-color:rgba(0,224,208,.2)}.history-panel[data-v-ca6beaec]{width:100%;max-width:500px;margin-top:var(--spacing-xs);max-height:30vh;overflow-y:auto;background-color:var(--secondary-bg);border-radius:var(--border-radius-md)}.slide-enter-active[data-v-ca6beaec],.slide-leave-active[data-v-ca6beaec]{transition:all .3s ease;max-height:30vh;margin-top:var(--spacing-xs);opacity:1}.slide-enter-from[data-v-ca6beaec],.slide-leave-to[data-v-ca6beaec]{opacity:0;max-height:0;margin-top:0;overflow:hidden}.game-stats[data-v-ca6beaec]{position:fixed;bottom:0;left:0;width:100%;background-color:var(--secondary-bg);padding:8px var(--spacing-md);display:flex;justify-content:space-between;z-index:5}.stats-item[data-v-ca6beaec]{display:flex;align-items:center;font-size:var(--font-size-xs)}.stats-item i[data-v-ca6beaec]{margin-right:5px;color:var(--accent-color)}.game-complete[data-v-ca6beaec]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.icon-container[data-v-ca6beaec]{font-size:3rem;color:var(--accent-color);margin-bottom:var(--spacing-md)}.game-complete p[data-v-ca6beaec]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.start-game[data-v-ca6beaec]{flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.active-status[data-v-ca6beaec]{width:100%;max-width:500px;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);background-color:var(--secondary-bg);border-radius:var(--border-radius-md);overflow:hidden}.active-header[data-v-ca6beaec]{background-color:var(--card-bg);padding:6px 10px;font-weight:600;display:flex;align-items:center}.active-header i[data-v-ca6beaec]{margin-right:5px;color:var(--accent-color)}.active-item[data-v-ca6beaec]{padding:6px 10px;display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05)}.active-item[data-v-ca6beaec]:last-child{border-bottom:none}.active-player[data-v-ca6beaec]{font-weight:600;margin-right:5px;color:var(--accent-color)}.active-text[data-v-ca6beaec]{flex:1;min-width:0}.timer-container[data-v-ca6beaec]{margin:var(--spacing-sm) 0;background-color:var(--secondary-bg);border-radius:var(--border-radius-sm);height:90px;position:relative;overflow:hidden}.timer-progress[data-v-ca6beaec]{height:30px;background-color:var(--accent-color);transition:width 1s linear}.timer-text[data-v-ca6beaec]{position:absolute;top:0;left:0;height:30px}.timer-button[data-v-ca6beaec],.timer-text[data-v-ca6beaec]{width:100%;display:flex;align-items:center;justify-content:center;font-weight:600}.timer-button[data-v-ca6beaec]{margin-top:var(--spacing-xs);margin-top:10px;background-color:var(--accent-color);color:var(--bg-color);border:none;border-radius:var(--border-radius-sm);padding:0;line-height:50px;cursor:pointer}.timer-button i[data-v-ca6beaec]{margin-right:5px}.quiz-container[data-v-ca6beaec]{margin:var(--spacing-sm) 0}.quiz-button[data-v-ca6beaec]{width:100%;background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:var(--border-radius-sm);padding:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center}.quiz-button i[data-v-ca6beaec]{margin-right:5px}.quiz-answer[data-v-ca6beaec]{margin-top:var(--spacing-xs);padding:var(--spacing-xs);background-color:rgba(0,224,208,.1);border-radius:var(--border-radius-sm);animation:fadeIn .3s ease}.dissolve-view[data-v-ca6beaec]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);width:100%;max-width:500px;animation:fadeIn .5s ease,pulse-ca6beaec 2s infinite}.dissolve-icon[data-v-ca6beaec]{font-size:3rem;margin-bottom:var(--spacing-md)}.dissolve-title[data-v-ca6beaec]{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md)}.dissolve-message[data-v-ca6beaec]{margin-bottom:var(--spacing-lg)}.dissolved-text[data-v-ca6beaec]{font-weight:600;font-style:italic;margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:hsla(0,0%,100%,.05);border-radius:var(--border-radius-sm)}.tap-to-continue[data-v-ca6beaec]{font-size:var(--font-size-sm);color:var(--accent-color);margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border:1px dashed var(--accent-color);border-radius:var(--border-radius-sm);animation:pulse-ca6beaec 1.5s infinite}@keyframes pulse-ca6beaec{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}:root{--bg-color:#121212;--text-color:#fff;--accent-color:#00e0d0;--secondary-bg:#1e1e1e;--card-bg:#2d2d2d;--error-color:#ff464f;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--font-size-xs:0.8rem;--font-size-sm:0.9rem;--font-size-md:1rem;--font-size-lg:1.2rem;--font-size-xl:1.5rem;--font-size-xxl:2.2rem;--shadow-sm:0 4px 12px rgba(0,0,0,.15);--shadow-md:0 8px 24px rgba(0,224,208,.2);--transition-fast:0.2s ease;--transition-normal:0.3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow-x:hidden}button:focus,input:focus{outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 1.5s infinite}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}


html, body {
  touch-action: manipulation; /* Verhindert Pinch-Zoom & Doppeltipp-Zoom */
}