*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--inter-black:#000;--inter-blue:#0068a8;--inter-light-blue:#4ab8e8;--inter-gold:gold}.container{margin:0 auto;max-width:1200px;padding:0 20px}button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;margin:5px 0;padding:10px;width:100%}textarea{min-height:100px;resize:vertical}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:20px 0;padding:20px}.btn-primary{background:#0068a8;background:var(--inter-blue);color:#fff}.btn-primary:hover,.btn-secondary{background:#000;background:var(--inter-black)}.btn-secondary{color:#fff}.btn-secondary:hover{background:#0068a8;background:var(--inter-blue)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.error{color:#dc3545;margin:10px 0}.success{color:#28a745;margin:10px 0}.navbar{background:linear-gradient(135deg,var(--inter-black) 0,var(--inter-blue) 100%);box-shadow:0 2px 10px rgba(0,0,0,.3);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{display:flex;flex-direction:column;padding:15px 0}.nav-header{align-items:center;display:flex;justify-content:space-between;width:100%}.logo{text-decoration:none}.logo-text{color:#fff;font-size:24px;font-weight:700}.instagram-link{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:5px;color:#fff;font-size:14px;font-weight:500;padding:8px 15px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.instagram-link:hover{box-shadow:0 4px 15px rgba(225,48,108,.4);transform:scale(1.05)}.hamburger-button{background:none;border:none;cursor:pointer;display:none;padding:10px;z-index:101}.hamburger-icon{display:flex;flex-direction:column;height:20px;justify-content:space-around;width:25px}.hamburger-icon span{background:#fff;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-links{align-items:center;display:flex;gap:20px;margin-top:15px}.nav-link{border-radius:5px;color:#fff;font-weight:500;padding:8px 15px;text-decoration:none;transition:background .3s ease}.nav-link:hover{background:hsla(0,0%,100%,.1)}.nav-user{align-items:center;border-left:1px solid hsla(0,0%,100%,.3);display:flex;gap:15px;margin-left:10px;padding-left:20px}.username{color:#fff;font-weight:500}.btn-logout{background:hsla(0,0%,100%,.2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px}.btn-logout:hover{background:hsla(0,0%,100%,.3)}.btn-register{background:var(--inter-gold);border-radius:5px;color:var(--inter-black);font-weight:600;padding:10px 20px;text-decoration:none;transition:transform .3s ease}.btn-register:hover{transform:scale(1.05)}@media (min-width:769px){.nav-links{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.hamburger-button{display:block}.logo-text{font-size:18px}.instagram-link{font-size:12px;padding:6px 10px}.nav-links{align-items:stretch;background:linear-gradient(135deg,var(--inter-black) 0,var(--inter-blue) 100%);box-shadow:0 8px 16px rgba(0,0,0,.3);flex-direction:column;gap:0;left:0;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:20px;position:fixed;right:0;top:70px;transition:max-height .4s ease,opacity .3s ease,padding .4s ease}.nav-links.mobile-open{max-height:600px;opacity:1;padding:20px}.nav-link{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 15px}.nav-link:last-child{border-bottom:none}.nav-user{align-items:stretch;border-left:none;border-top:2px solid hsla(0,0%,100%,.3);flex-direction:column;gap:10px;margin-left:0;padding-left:0;padding-top:15px}.username{padding:10px;text-align:center}.btn-logout,.btn-register{padding:12px 20px;text-align:center;width:100%}}@media (max-width:1024px) and (min-width:769px){.nav-links{gap:10px}.nav-link{font-size:14px;padding:6px 10px}.logo-text{font-size:20px}}.darts-container{margin:0 auto;max-width:900px}.target-selector{margin-bottom:30px;text-align:center}.target-selector h3{color:var(--inter-blue);margin-bottom:20px}.target-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.target-button{background:#fff;border:3px solid #ddd;border-radius:10px;cursor:pointer;padding:20px;transition:all .3s ease}.target-button:hover{border-color:var(--inter-blue);box-shadow:0 4px 15px rgba(0,104,168,.3);transform:translateY(-3px)}.target-button.active{background:linear-gradient(135deg,var(--inter-blue) 0,var(--inter-black) 100%);border-color:var(--inter-blue);color:#fff}.target-emoji{font-size:48px;margin-bottom:10px}.target-name{font-size:18px;font-weight:700;margin-bottom:5px}.target-desc{font-size:14px;font-style:italic;opacity:.8}.game-area{text-align:center}.scoreboard{background:linear-gradient(135deg,var(--inter-black) 0,var(--inter-blue) 100%);border-radius:10px;color:#fff;display:flex;gap:30px;justify-content:center;margin-bottom:20px;padding:20px}.score-item{align-items:center;display:flex;flex-direction:column}.score-label{font-size:14px;margin-bottom:5px;opacity:.9}.score-value{color:var(--inter-gold);font-size:32px;font-weight:700}.message-box{align-items:center;border:2px solid var(--inter-blue);color:var(--inter-blue);display:flex;font-size:18px;font-weight:700;justify-content:center;margin:20px 0;min-height:60px;padding:15px}.canvas-container,.message-box{background:#fff;border-radius:10px}.canvas-container{box-shadow:0 4px 20px rgba(0,0,0,.1);display:inline-block;margin:20px auto;padding:20px}.dartboard{border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.3);cursor:crosshair;transition:transform .1s ease}.dartboard:hover{transform:scale(1.02)}.dartboard:active{transform:scale(.98)}.reset-btn{font-size:18px;margin:20px 0;padding:12px 30px}.instructions{background:#f8f9fa;border-left:4px solid var(--inter-blue);border-radius:10px;margin-top:30px;padding:20px;text-align:left}.instructions h4{color:var(--inter-blue);margin-bottom:15px}.instructions ul{list-style-type:none;padding-left:0}.instructions li{padding:8px 0 8px 25px;position:relative}.instructions li:before{content:"⚫️";left:0;position:absolute}@media (max-width:768px){.target-buttons{grid-template-columns:1fr}.scoreboard{flex-direction:column;gap:15px}.canvas-container{padding:10px}.dartboard{height:auto;max-width:100%}}@keyframes bullseye{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.message-box.bullseye{animation:bullseye .5s ease-in-out;background:var(--inter-gold);border-color:var(--inter-gold);color:var(--inter-black)}.game-intro{margin:40px auto;max-width:700px}.game-rules{list-style:none;margin:20px 0;padding:0}.game-rules li{background:#f8f9fa;border-left:4px solid var(--inter-blue);border-radius:5px;margin:10px 0;padding:12px 15px}.btn-large{font-size:20px;margin-top:20px;padding:15px 40px}.game-container{margin:0 auto;max-width:800px}.score-bar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.current-score{color:var(--inter-blue);font-size:20px;font-weight:700}.potential-points{color:var(--inter-gold);font-size:16px;font-weight:600}.progress-bar{background:#e0e0e0;border-radius:10px;flex:1 1;height:10px;margin:0 20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--inter-blue),var(--inter-light-blue));height:100%;transition:width .3s ease}.haircut-card,.hints-card,.question-card{background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:30px}.player-emoji{font-size:80px;margin:20px 0;text-align:center}.player-emoji-large{font-size:120px;text-align:center}.player-info{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px}.info-row{font-size:16px;padding:8px 0}.question-text{color:var(--inter-blue);font-size:24px;margin:30px 0 20px;text-align:center}.answer-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:20px 0}.answer-button{background:#fff;border:2px solid var(--inter-blue);border-radius:10px;cursor:pointer;font-size:18px;font-weight:600;padding:20px;transition:all .3s ease}.answer-button:hover:not(:disabled){background:var(--inter-light-blue);color:#fff;transform:translateY(-2px)}.answer-button:disabled{cursor:not-allowed}.answer-button.correct{background:#28a745;border-color:#28a745;color:#fff}.answer-button.incorrect{background:#dc3545;border-color:#dc3545;color:#fff}.answer-button.show-correct{animation:pulse .5s;background:#28a745;border-color:#28a745;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-message{border-radius:10px;margin-top:30px;padding:25px;text-align:center}.result-message.correct{background:#d4edda;border:2px solid #28a745}.result-message.incorrect{background:#f8d7da;border:2px solid #dc3545}.result-message h3{margin-bottom:15px}.result-message p{font-size:16px;margin:10px 0}.result-message .trivia{color:#666;font-style:italic;margin-top:15px}.points-awarded{color:var(--inter-gold);font-size:24px;font-weight:700;margin:15px 0!important}.hints-section{margin:30px 0}.hint-item{border-radius:10px;margin:20px 0;padding:20px;transition:all .3s ease}.hint-item.hidden{background:#e0e0e0;opacity:.5}.hint-item.hidden .hint-content{filter:blur(10px);-webkit-user-select:none;user-select:none}.hint-item.revealed{animation:reveal .5s ease;background:#f8f9fa;border:2px solid var(--inter-blue)}@keyframes reveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-number{background:var(--inter-blue);border-radius:20px;color:#fff;display:inline-block;font-weight:700;margin-bottom:10px;padding:5px 15px}.hint-content{font-size:16px;line-height:1.8}.picture-hint{padding:20px 0;text-align:center}.guess-form{margin-top:30px}.guess-form label{color:var(--inter-blue);display:block;font-size:18px;font-weight:700;margin-bottom:10px}.player-select{background:#fff;border:2px solid var(--inter-blue);border-radius:10px;font-size:16px;margin-bottom:20px;padding:15px;width:100%}.button-group{display:flex;gap:15px}.button-group button{flex:1 1}.haircut-display{margin:30px 0;text-align:center}.haircut-icon{font-size:80px;margin:20px 0}.haircut-description{align-items:center;background:var(--inter-blue);border-radius:15px;color:#fff;display:flex;font-size:24px;font-style:italic;font-weight:700;justify-content:center;margin:20px 0;min-height:100px;padding:30px}.haircut-hint{color:#666;font-size:14px;margin:15px 0}.haircut-examples{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px}.haircut-examples p{margin:8px 0}.player-details{border-top:1px solid rgba(0,0,0,.1);margin-top:15px;padding-top:15px}.player-details p{margin:8px 0}.game-result{margin:0 auto;max-width:700px}.final-score{padding:40px 20px;text-align:center}.score-display{color:var(--inter-blue);font-size:72px;font-weight:700;margin:20px 0}.max-score,.percentage{color:#666;font-size:24px;margin:10px 0}.game-summary{margin:30px 0}.game-summary h3{color:var(--inter-blue);margin-bottom:20px;text-align:center}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.summary-list{margin:0 auto;max-width:600px}.summary-item{align-items:center;border-radius:10px;display:flex;justify-content:space-between;margin:10px 0;padding:15px}.summary-item.correct{background:#d4edda;border-left:4px solid #28a745}.summary-item.incorrect{background:#f8d7da;border-left:4px solid #dc3545}.summary-player{flex:1 1}.summary-details{align-items:center;display:flex;gap:10px}.summary-haircut{color:#666;font-size:14px;font-style:italic}.hints-badge{background:var(--inter-blue);border-radius:15px;color:#fff;font-size:12px;padding:4px 12px}.points-earned{color:var(--inter-gold);font-size:16px;font-weight:700}.missed{color:#dc3545;font-weight:700}.player-number{color:var(--inter-blue);font-weight:700;margin-right:10px}.player-name{font-weight:600}.player-position{color:#666;font-size:14px;font-style:italic}.game-actions{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:30px;text-align:center}@media (max-width:768px){.answer-options{grid-template-columns:1fr}.score-bar{flex-direction:column;gap:10px}.progress-bar{margin:10px 0;width:100%}.button-group{flex-direction:column}.haircut-description{font-size:18px;padding:20px}.score-display{font-size:56px}}.attendance-form{margin-bottom:30px}.attendance-posts{margin-top:30px}.attendance-post{margin-bottom:20px;padding:20px}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.post-user{gap:10px}.post-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#f0f0f0;border-radius:50%;font-size:32px;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column}.user-info strong{color:#0068a8;margin-bottom:2px}.user-info small{color:#666;font-size:12px}.post-match-info{background:linear-gradient(135deg,#0068a8,#000);border-radius:8px;color:#fff;margin-bottom:15px;padding:15px}.post-match-info h3{font-size:18px;margin:0 0 8px}.post-match-info p{font-size:14px;margin:0;opacity:.9}.post-caption,.post-image{margin-bottom:15px}.post-caption{background:#f8f9fa;border-left:4px solid #0068a8;border-radius:4px;padding:12px}.post-caption p{color:#333;line-height:1.5;margin:0}.post-actions{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:15px}.hearts-container{display:flex;gap:15px}.heart-button{align-items:center;background:none;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:18px;gap:5px;padding:8px 16px;transition:all .2s}.heart-button:hover{background:#f0f0f0;transform:scale(1.1)}.heart-button:active{transform:scale(.95)}.image-preview{margin-top:10px;max-width:400px}.image-preview img{border:2px solid #0068a8;border-radius:8px}.btn-delete{transition:transform .2s}.btn-delete:hover{transform:scale(1.2)}@media (max-width:768px){.hearts-container,.post-header{flex-direction:column}.hearts-container{gap:8px}.heart-button{justify-content:center;width:100%}}.filter-btn{background:#fff;border:2px solid #0068a8;border-radius:8px;color:#0068a8;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.filter-btn:hover{background:#f0f8ff;transform:translateY(-2px)}.filter-btn.active{background:#0068a8;color:#fff}.schedule-list{display:flex;flex-direction:column;gap:15px}.match-card{grid-gap:20px;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:grid;gap:20px;grid-template-columns:150px 1fr 120px;padding:20px;transition:transform .2s,box-shadow .2s}.match-card:hover{box-shadow:0 4px 16px rgba(0,104,168,.2);transform:translateY(-3px)}.match-card.upcoming{border-left:4px solid gold}.match-card.past{border-left:4px solid #ddd;opacity:.8}.match-date{text-align:center}.date-day{color:#333;font-size:16px;font-weight:700;margin-bottom:5px}.date-time{color:#666;font-size:14px}.match-details{display:flex;flex-direction:column;gap:10px}.competition-badge{align-self:flex-start;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.match-teams{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.team-away,.team-home{color:#0068a8;font-size:18px}.vs{color:#999;font-size:14px;margin:0 5px}.match-venue{color:#666;font-size:14px}.match-result{text-align:center}.result{border-radius:8px;font-size:16px;font-weight:700;padding:8px 16px}.result.win{background:#28a745;color:#fff}.result.draw{background:#ffc107;color:#333}.result.loss{background:#dc3545;color:#fff}.upcoming-badge{background:linear-gradient(135deg,gold,orange);border-radius:8px;color:#000;font-size:14px;font-weight:700;padding:8px 16px}@media (max-width:768px){.match-card{gap:15px;grid-template-columns:1fr}.match-date,.match-result{text-align:left}}.App{background:linear-gradient(135deg,var(--inter-blue) 0,var(--inter-black) 100%);min-height:100vh}.page{min-height:calc(100vh - 80px);padding:20px 0}.page-header{color:#fff;padding:40px 20px;text-align:center}.page-header h1{font-size:3em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.page-header p{font-size:1.2em;opacity:.9}.content-section{background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin:20px 0;padding:30px}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:20px 0}.feature-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);cursor:pointer;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 6px 25px rgba(0,0,0,.15);transform:translateY(-5px)}.feature-card h3{color:var(--inter-blue);font-size:1.5em;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6}.icon{font-size:3em;margin-bottom:20px}.form-container{background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin:50px auto;max-width:500px;padding:40px}.form-container h2{color:var(--inter-blue);margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:5px}.btn-full{font-size:18px;margin-top:20px;padding:12px;width:100%}.text-center{text-align:center}.link{color:var(--inter-blue);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.badge{border-radius:5px;display:inline-block;font-size:12px;font-weight:600;margin:0 5px;padding:5px 10px}.badge-blue{background:var(--inter-blue);color:#fff}.badge-black{background:var(--inter-black);color:#fff}.badge-gold{background:var(--inter-gold);color:var(--inter-black)}.badge-success{background:#28a745;color:#fff}.badge-danger{background:#dc3545;color:#fff}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.item-meta{color:#666;font-size:14px;margin:10px 0}.actions{display:flex;gap:10px;margin-top:15px}.modal-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:0}.close-btn:hover{color:#000}.tab-buttons{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:20px}.tab-button{background:none;border:none;border-bottom:2px solid transparent;color:#666;cursor:pointer;font-size:16px;margin-bottom:-2px;padding:10px 20px}.tab-button.active{border-bottom-color:var(--inter-blue);font-weight:600}.tab-button.active,.tab-button:hover{color:var(--inter-blue)}
/*# sourceMappingURL=main.b82f7275.css.map*/