:root{--primary-color:#1db954;--background-dark:#121212;--background-light:#282828;--text-primary:#fff;--text-secondary:#b3b3b3;--error-color:#f44336;--success-color:#4caf50;--warning-color:#ff9800;--exact-year-color:gold;--bonus-color:gold}body{background:var(--background-dark);color:var(--text-primary);font-family:Circular,Arial,sans-serif;margin:0;min-height:100vh;padding:20px}.container{margin:0 auto;max-width:800px}.hidden{display:none!important}.screen{box-shadow:0 4px 15px rgba(0,0,0,.2);margin-bottom:20px}.role-card,.screen{background:var(--background-light);border-radius:12px;padding:30px}.role-card{cursor:pointer;text-align:center;transition:transform .2s;width:200px}.role-card.role-player{cursor:default}.role-card.role-player:hover{transform:none}.role-card:hover{transform:scale(1.05)}@keyframes confirm-button-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes countdown-urgent-pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(0) scale(1.02)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes first-submission-glow{0%,to{box-shadow:0 0 0 rgba(255,215,0,.4)}50%{box-shadow:0 0 20px rgba(255,215,0,.6)}}@keyframes exact-year-glow{0%,to{box-shadow:0 0 0 rgba(255,215,0,.4)}50%{box-shadow:0 0 15px rgba(255,215,0,.8)}}@keyframes exact-year-celebration{0%,to{box-shadow:0 0 0 rgba(255,215,0,.4);transform:scale(1)}25%{box-shadow:0 0 20px rgba(255,215,0,.8);transform:scale(1.05)}75%{box-shadow:0 0 15px rgba(255,215,0,.6);transform:scale(.98)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.welcome-text{margin-bottom:40px;text-align:center}.role-selection{display:flex;gap:20px;justify-content:center;margin-top:40px}.role-icon{font-size:48px;margin-bottom:20px}.role-card .description{color:var(--text-secondary);margin-top:10px;min-height:60px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes loading-dot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0deg)}to{transform:translateY(100vh) rotate(1turn)}}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,215,0,.5)}to{text-shadow:0 0 30px rgba(255,215,0,.8)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.session-info{font-size:12px;padding:10px;text-align:right}.session-info a{color:var(--text-secondary);text-decoration:none}.session-info a:hover{color:var(--primary-color)}@media (max-width:768px){.container{padding:10px}.screen{padding:20px}.role-selection{align-items:center;flex-direction:column}}@media (max-width:480px){body{padding:10px}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px rgba(29,185,84,.4);transform:scale(1)}50%{box-shadow:0 8px 30px rgba(29,185,84,.8);transform:scale(1.02)}}.language-switcher-top{position:absolute;right:20px;top:20px;z-index:1000}.language-switcher-button{align-items:center;backdrop-filter:blur(10px);background:rgba(40,40,40,.9);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:8px 12px;transition:all .3s ease;user-select:none}.language-switcher-button:hover{background:#282828;border-color:var(--primary-color);transform:scale(1.02)}.language-arrow{font-size:.8em;transition:transform .3s ease}.language-switcher-button:hover .language-arrow{transform:rotate(180deg)}.language-switcher-dropdown{backdrop-filter:blur(10px);background:var(--background-light);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.3);margin-top:5px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%}.language-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:10px 12px;transition:all .3s ease}.language-option:hover{background:rgba(29,185,84,.1);color:var(--primary-color)}.language-option.active{background:var(--primary-color);color:#fff;font-weight:700}.language-option.active:hover{background:#1ed760}@media (max-width:768px){.language-switcher-top{right:15px;top:15px}.language-switcher-button{font-size:.8em;padding:6px 10px}.language-option{font-size:.8em;padding:8px 10px}}@media (max-width:480px){.language-switcher-top{right:10px;top:10px}.language-switcher-button{font-size:.75em;gap:6px;padding:5px 8px}.language-switcher-dropdown{min-width:120px}.language-option{font-size:.75em;padding:7px 8px}}.page-index .player-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px;width:100%}.page-index .player-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.page-index .player-action-btn.secondary{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:var(--text-primary)}.page-index .player-action-btn.secondary:hover{background:hsla(0,0%,100%,.15);box-shadow:0 5px 15px hsla(0,0%,100%,.1);transform:translateY(-2px)}.page-index .qr-scanner-modal{align-items:center;background:rgba(0,0,0,.95);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10001}.page-index .qr-scanner-modal.hidden{display:none}.page-index .qr-scanner-content{background:var(--background-light);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-height:90vh;max-width:600px;overflow:hidden;width:90%}.page-index .qr-scanner-header{align-items:center;background:var(--background-dark);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:20px 25px}.page-index .qr-scanner-header h3{color:var(--primary-color);font-size:1.3em;margin:0}.page-index .qr-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.page-index .qr-close-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.page-index .qr-scanner-body{padding:20px}.page-index .camera-container{background:#000;border-radius:12px;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:100%}.page-index #qr-video{display:block;height:auto;width:100%}.page-index .qr-scanner-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.page-index .qr-scanner-frame{border:3px solid var(--primary-color);border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.5);height:250px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px}.page-index .qr-scanner-status{margin-top:20px;text-align:center}.page-index .qr-scanner-status p{color:var(--text-primary);font-size:1em;margin:0}@keyframes player-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes player-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.site-footer{background:var(--background-dark,#181818);border-top:1px solid hsla(0,0%,100%,.1);color:var(--text-secondary,#999);margin-top:40px;padding:30px 0 20px}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-content{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.footer-section h4{color:var(--primary-color,#1db954);font-size:1.2em;margin-bottom:15px}.footer-section h5{color:var(--text-primary,#fff);font-size:1em;margin-bottom:10px}.footer-section p{line-height:1.6;margin-bottom:10px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--text-secondary,#999);cursor:pointer;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color,#1db954)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);font-size:.9em;padding-top:20px;text-align:center}.footer-bottom p{margin:5px 0}.version-info{font-size:.85em;opacity:.7}.debug-badge{animation:footer-pulse 2s ease-in-out infinite;background:#f44;border-radius:4px;color:#fff;display:inline-block;font-size:.8em;font-weight:700;margin-left:8px;padding:2px 8px}@keyframes footer-pulse{0%,to{opacity:1}50%{opacity:.6}}.disclaimer{color:var(--text-secondary,#999)!important;font-size:.8em!important}.footer-modal{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.footer-modal.hidden{display:none}.modal-content{background:var(--background-light,#282828);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.modal-header{align-items:center;background:var(--background-dark,#181818);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:20px 30px}.modal-header h3{color:var(--primary-color,#1db954);font-size:1.4em;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary,#999);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary,#fff)}.modal-body{color:var(--text-primary,#fff);max-height:calc(90vh - 100px);overflow-y:auto;padding:30px}.modal-body h4{color:var(--primary-color,#1db954);font-size:1.2em;margin:25px 0 15px}.modal-body h5{color:var(--text-primary,#fff);font-size:1.1em;margin:20px 0 10px}.modal-body p{line-height:1.6;margin-bottom:15px}.modal-body ol,.modal-body ul{margin:15px 0;padding-left:20px}.modal-body li{line-height:1.6;margin-bottom:8px}.modal-body a{color:var(--primary-color,#1db954);text-decoration:none}.modal-body a:hover{text-decoration:underline}@media (max-width:768px){.footer-content{gap:20px;grid-template-columns:1fr}.footer-container{padding:0 15px}.modal-content{margin:10px;max-height:95vh}.modal-header{padding:15px 20px}.modal-body{max-height:calc(95vh - 80px);padding:20px}.modal-header h3{font-size:1.2em}}@media (max-width:480px){.site-footer{padding:20px 0 15px}.footer-section{text-align:center}.modal-content{margin:5px;max-height:98vh}.modal-header{padding:12px 15px}.modal-body{max-height:calc(98vh - 70px);padding:15px}.modal-body h4,.modal-header h3{font-size:1.1em}.modal-body h5{font-size:1em}}.guide-page{margin:0 auto;max-width:860px;padding:28px 20px 40px}.guide-page h1{font-size:2rem;margin:0 0 8px}.guide-page h2{color:#1db954;font-size:1.2rem;margin:0 0 12px}.guide-lead{color:var(--text-secondary);line-height:1.6;margin:0 0 22px}.guide-back{font-size:.92rem;margin:0 0 18px}.guide-back a{color:var(--text-secondary);text-decoration:none}.guide-back a:hover{color:#fff}.guide-block{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;margin:0 0 22px;padding:20px 22px}.guide-rollen{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:22px}.guide-rollen .guide-block{margin:0}.guide-list,.guide-schritte{line-height:1.6;margin:0;padding-left:22px}.guide-list li,.guide-schritte li{margin-bottom:12px}.guide-list li:last-child,.guide-schritte li:last-child{margin-bottom:0}.guide-schritte{counter-reset:none}.guide-tabelle{border-collapse:collapse;margin:0 0 14px;width:100%}.guide-tabelle th{color:var(--text-secondary);font-size:.82rem;font-weight:600;padding:0 10px 8px 0;text-align:left}.guide-tabelle td{border-top:1px solid hsla(0,0%,100%,.08);padding:9px 10px 9px 0}.guide-rechts{text-align:right}.guide-tabelle td.guide-rechts{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.guide-note{color:var(--text-secondary);font-size:.92rem;line-height:1.55;margin:0}.guide-chrome{align-items:center;display:flex;flex-wrap:wrap;gap:10px 14px;margin:0 0 18px}.guide-chrome-knopf{background:var(--primary-color);border-radius:999px;color:#06210d;display:inline-block;font-weight:700;line-height:22px;min-height:44px;padding:11px 20px;text-decoration:none}.guide-chrome-knopf:focus-visible,.guide-chrome-knopf:hover{filter:brightness(1.1)}.guide-chrome .guide-note{flex:1 1 16em}.guide-faq{border-top:1px solid hsla(0,0%,100%,.08);padding:10px 0}.guide-faq:first-of-type{border-top:0;padding-top:0}.guide-faq summary{cursor:pointer;font-weight:600;padding:4px 0}.guide-faq p{color:var(--text-secondary);line-height:1.6;margin:8px 0 4px}@media (max-width:600px){.guide-page{padding:20px 16px 32px}.guide-page h1{font-size:1.6rem}.guide-block{padding:16px}}.index-anleitung{font-size:.95rem;margin:22px 0 0;text-align:center}.index-anleitung a{color:hsla(0,0%,100%,.6);text-decoration:underline}.index-anleitung a:hover{color:#1db954}