.mobile-optimized{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.mobile-optimized *{-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#334155;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:24px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.logo i{color:#3b82f6;font-size:28px}.nav{display:flex;gap:8px}.nav-btn{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.nav-btn:hover{background:#f1f5f9;color:#334155}.nav-btn.active{background:#eff6ff;color:#3b82f6}.header-actions{display:flex;gap:12px}.burger-menu{position:relative}.burger-btn{padding:8px 12px;border:none;border-radius:8px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.burger-btn:hover{background:#e2e8f0;color:#334155}.burger-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.burger-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1);min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;margin-top:8px}.burger-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.burger-item{width:100%;padding:12px 16px;border:none;background:transparent;color:#334155;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:12px;font-size:14px}.burger-item:hover{background:#f8fafc}.burger-item:first-child{border-radius:8px 8px 0 0}.burger-item:last-child{border-radius:0 0 8px 8px}.burger-divider{height:1px;background:#e2e8f0;margin:4px 0}.btn-group{display:flex;gap:4px}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.btn-group .btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.btn{padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;color:#334155}.btn-outline{background:transparent;color:#64748b;border:1px solid #e2e8f0}.btn-outline:hover{background:#f1f5f9;color:#334155}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.main{flex:1;max-width:1400px;margin:0 auto;padding:24px;width:100%}.view{animation:fadeIn .3s ease}.view.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.view-header h2{font-size:28px;font-weight:700;color:#1e293b}.search-box{position:relative;max-width:300px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.games-table{width:100%;border-collapse:collapse}.games-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;cursor:pointer;user-select:none;position:relative}.games-table th:hover{background:#f1f5f9}.games-table th i{margin-left:8px;opacity:.5}.games-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.games-table tr:hover{background:#f8fafc}.games-table tr:last-child td{border-bottom:none}.badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}.badge-green{background:#dcfce7;color:#166534}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-orange{background:#fed7aa;color:#c2410c}.badge-gray{background:#f1f5f9;color:#64748b}.badge-red{background:#fecaca;color:#dc2626}.filter-info{display:flex;gap:8px;align-items:center}.action-btns{display:flex;gap:8px}.action-btn{padding:6px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#f1f5f9;color:#334155}.action-btn.edit:hover{background:#dbeafe;color:#1d4ed8}.action-btn.delete:hover{background:#fecaca;color:#dc2626}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(250px,1fr));gap:20px;padding:8px;overflow-x:auto}.kanban-column{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:16px;min-height:500px;transition:all .2s ease}.kanban-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;cursor:pointer;user-select:none;transition:background-color .2s ease}.kanban-header:hover{background-color:rgba(59,130,246,.05);border-radius:8px;margin:-4px;padding:16px 4px}.kanban-title{font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.kanban-controls{display:flex;align-items:center;gap:8px}.kanban-count{background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.kanban-toggle-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.kanban-toggle-btn:hover{background-color:#f1f5f9;color:#3b82f6}.kanban-toggle-btn i{font-size:12px;transition:transform .2s ease}.kanban-cards{display:flex;flex-direction:column;gap:12px;min-height:200px;padding:8px;border-radius:8px;transition:all .3s ease;overflow:hidden}.kanban-cards.collapsed{min-height:0;max-height:0;padding:0 8px;opacity:0;transform:translateY(-10px)}.kanban-column.collapsed{flex:0 0 auto;min-width:200px}.kanban-column.collapsed .kanban-header{margin-bottom:8px;border-bottom:1px solid #e2e8f0}.kanban-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;cursor:grab;transition:all .2s ease;user-select:none;position:relative}.kanban-card:active{cursor:grabbing}.kanban-card:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.kanban-card.dragging,.touch-dragging{opacity:.5;transform:rotate(5deg);cursor:grabbing;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,.2)}.touch-dragging{background:rgba(59,130,246,.1);border-color:#3b82f6;transform:scale(1.05) rotate(2deg)}.kanban-column.drag-over{background:#eff6ff;border:2px solid #3b82f6;box-shadow:0 4px 20px rgba(59,130,246,.2)}.kanban-cards.drag-over{background:rgba(59,130,246,.1);border-radius:8px;min-height:200px;border:2px dashed #3b82f6;position:relative}.kanban-cards.drag-over:after{content:"Hier ablegen";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#3b82f6;font-weight:500;font-size:14px;pointer-events:none}.kanban-cards:empty{min-height:200px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;font-style:italic;border:1px dashed #e2e8f0;background:#f8fafc}.kanban-cards:empty:after{content:"Keine Spiele - Hier ablegen";text-align:center}.kanban-card-title{font-weight:500;color:#1e293b;margin-bottom:8px;font-size:14px;line-height:1.4}.kanban-card-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#64748b}.kanban-card-date{font-weight:500}.kanban-card-platform{background:#eff6ff;color:#1d4ed8;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.calendar-nav{display:flex;align-items:center;gap:16px}.calendar-nav #currentMonth{font-weight:600;font-size:18px;color:#1e293b;min-width:200px;text-align:center}.calendar{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e2e8f0}.calendar-header-day{padding:16px 8px;text-align:center;font-weight:600;color:#475569;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:120px;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:8px;position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background:#f8fafc;color:#94a3b8}.calendar-day.today{background:#eff6ff;border:2px solid #3b82f6;position:relative}.calendar-day.today .calendar-day-number{background:#3b82f6;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px}.calendar-day-number{font-weight:500;color:#1e293b;margin-bottom:4px}.calendar-day.other-month .calendar-day-number{color:#94a3b8}.calendar-events{display:flex;flex-direction:column;gap:2px}.calendar-event{background:#3b82f6;color:#fff;padding:4px 6px;border-radius:4px;font-size:11px;font-weight:500;cursor:grab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease;user-select:none;display:flex;flex-direction:column;gap:2px;min-height:24px}.calendar-event-title{font-weight:600;line-height:1.2}.calendar-event-status{font-size:9px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.calendar-event-completed{background:#22c55e;border-left:3px solid #16a34a}.calendar-event-completed:hover{background:#16a34a}.calendar-event-next{background:#3b82f6;border-left:3px solid #2563eb}.calendar-event-next:hover{background:#2563eb}.calendar-event-progress{background:#f59e0b;border-left:3px solid #d97706}.calendar-event-progress:hover{background:#d97706}.calendar-event-notstarted{background:#6b7280;border-left:3px solid #4b5563}.calendar-event-notstarted:hover{background:#4b5563}.calendar-event-skipped{background:#ef4444;border-left:3px solid #dc2626}.calendar-event-skipped:hover{background:#dc2626}.calendar-event:active{cursor:grabbing}.calendar-event.dragging{opacity:.5;transform:scale(.95);cursor:grabbing;z-index:1000;box-shadow:0 4px 16px rgba(0,0,0,.2)}.calendar-day.drag-over{background:#eff6ff!important;border:2px solid #3b82f6;box-shadow:inset 0 0 10px rgba(59,130,246,.2)}.calendar-day.drag-over:after{content:"Hier ablegen";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#3b82f6;font-weight:500;font-size:12px;pointer-events:none;background:rgba(255,255,255,.9);padding:4px 8px;border-radius:4px;border:1px solid #3b82f6}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal.show{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:scale(.95);transition:transform .3s ease}.modal.show .modal-content{transform:scale(1)}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:20px;font-weight:600;color:#1e293b}.close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#334155}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-with-button{display:flex;gap:8px;align-items:center}.input-with-button input{flex:1}.input-with-button .btn{flex-shrink:0;white-space:nowrap}.btn-sm{padding:6px 12px;font-size:12px;min-height:auto}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}@media (max-width: 768px){.header-content{flex-direction:column;height:auto;padding:12px 16px;gap:12px}.logo{font-size:20px}.nav{order:2;width:100%;justify-content:space-around;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{display:none}.nav-btn{flex-shrink:0;padding:8px 12px;font-size:12px;min-width:80px}.nav-btn i{margin-right:4px}.header-actions{order:1;align-self:flex-end}.main{padding:12px}.view-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.view-header h2{font-size:20px}.search-box{width:100%}.search-box input{font-size:16px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.games-table{font-size:13px;min-width:600px}.games-table th,.games-table td{padding:8px 6px;white-space:nowrap}.games-table th:first-child,.games-table td:first-child{position:sticky;left:0;background:#fff;z-index:1;box-shadow:2px 0 4px rgba(0,0,0,.1)}.action-buttons{display:flex;gap:4px}.action-btn{padding:6px 8px;font-size:12px}.kanban-board{grid-template-columns:1fr;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.kanban-column{min-width:280px}.kanban-column.collapsed{min-width:200px}.kanban-header{padding:8px 0}.kanban-header:hover{background-color:rgba(59,130,246,.08);margin:-8px -4px;padding:16px 4px}.kanban-toggle-btn{width:32px;height:32px;background-color:rgba(59,130,246,.1);border-radius:6px}.kanban-toggle-btn:hover{background-color:rgba(59,130,246,.15)}.kanban-title{font-size:14px}.kanban-cards{min-height:120px}.kanban-cards.collapsed{min-height:0}.calendar-nav{gap:8px;flex-wrap:wrap;justify-content:center}.calendar-nav span{font-size:16px;font-weight:600}.calendar{overflow-x:hidden;border-radius:8px;font-size:11px}.calendar-header-day{padding:8px 4px;font-size:11px;font-weight:600}.calendar-day{min-height:50px;max-height:50px;padding:2px;font-size:10px;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.calendar-day:nth-child(7n){border-right:none}.calendar-day-number{font-size:12px;font-weight:600;margin-bottom:2px;flex-shrink:0;line-height:1}.calendar-day.today .calendar-day-number{background:#3b82f6;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;margin-bottom:2px}.calendar-day.other-month{background:#f8fafc;opacity:.6}.calendar-day.other-month .calendar-day-number{color:#94a3b8}.calendar-events{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:1px}.calendar-event{font-size:8px;padding:1px 3px;margin:0;min-height:12px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;border-left:2px solid}.calendar-event-title{font-weight:600;font-size:8px;line-height:1;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.calendar-event-status{display:none}.calendar-event{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);cursor:grab}.calendar-event:active{cursor:grabbing;transform:scale(.98)}.calendar-event-completed{background:#22c55e;border-left-color:#16a34a;color:#fff}.calendar-event-next{background:#3b82f6;border-left-color:#2563eb;color:#fff}.calendar-event-progress{background:#f59e0b;border-left-color:#d97706;color:#fff}.calendar-event-notstarted{background:#6b7280;border-left-color:#4b5563;color:#fff}.calendar-event-skipped{background:#ef4444;border-left-color:#dc2626;color:#fff}.modal-content{width:95%;max-width:400px;margin:10px;max-height:90vh;overflow-y:auto}.modal-body{padding:16px;max-height:70vh;overflow-y:auto}.form-group input,.form-group select{font-size:16px;padding:12px}.burger-dropdown{right:0;left:auto;min-width:200px;max-width:90vw}.burger-item{padding:12px 16px;font-size:14px}.btn{min-height:44px;padding:12px 16px;font-size:14px}.btn-sm{min-height:36px;padding:8px 12px;font-size:12px}.filter-info{flex-wrap:wrap;gap:8px}.badge{font-size:11px;padding:4px 8px}}.kanban-controls-mobile{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}.kanban-controls-mobile *{display:none!important;visibility:hidden!important;opacity:0!important}@media screen and (min-width: 769px){.kanban-controls-mobile{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;max-height:0!important;max-width:0!important;overflow:hidden!important;position:absolute!important;left:-10000px!important;top:-10000px!important;pointer-events:none!important;user-select:none!important;z-index:-1000!important}.kanban-controls-mobile *,.kanban-toggle-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.kanban-header:hover{background-color:transparent!important;cursor:default!important}.kanban-header{cursor:default!important;pointer-events:none!important}.kanban-card{pointer-events:auto!important}}@media screen and (max-width: 768px){.kanban-controls-mobile{display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important;position:static!important;left:auto!important;justify-content:flex-end;margin-top:8px}.kanban-controls-mobile .btn{font-size:12px;padding:6px 12px}}.btn,.action-btn,.nav-btn,.burger-btn{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.table-container,.kanban-board,.calendar,.nav{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.games-table td{position:relative}.games-table .action-buttons{display:flex;gap:4px;flex-wrap:wrap}.calendar-game{touch-action:none;user-select:none;-webkit-user-select:none}input[type=text],input[type=date],input[type=password],select,textarea{-webkit-appearance:none;appearance:none;border-radius:8px;background-clip:padding-box}.btn:focus,input:focus,select:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading{padding:20px;font-size:14px}@media (max-width: 480px){.header-content{padding:8px 12px}.main{padding:8px}.nav-btn{font-size:11px;padding:6px 8px;min-width:70px}.games-table{font-size:12px}.modal-content{width:98%;margin:5px}.modal-body{padding:12px}.kanban-column{min-width:250px}.calendar-day{min-height:40px;max-height:40px;padding:1px}.calendar-day-number{font-size:10px;margin-bottom:1px}.calendar-day.today .calendar-day-number{width:16px;height:16px;font-size:9px}.calendar-event{font-size:7px;padding:1px 2px;min-height:10px;border-radius:1px}.calendar-event-title{font-size:7px}.calendar-header-day{padding:6px 2px;font-size:10px}.calendar-nav{gap:4px;margin-bottom:8px}.calendar-nav span{font-size:14px}.calendar-nav .btn{padding:6px 8px;font-size:12px}}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#64748b}.loading i{margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;margin-bottom:8px;color:#374151}#loginModal .modal-content{max-width:400px;text-align:center;padding:10px}#loginModal h2{margin-bottom:24px;color:#1e293b}#loginModal .form-group{text-align:left}#loginModal .error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;margin-top:16px;font-size:14px}.text-center{text-align:center}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-16{margin-bottom:16px}.mt-16{margin-top:16px}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}