@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.basketball-logo{animation:basketballFloat 3s ease-in-out infinite;display:inline-block;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.basketball-logo:hover{animation:basketballSpin 2s linear infinite;transform:scale(1.08) translateY(-2px)}.basketball-svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.25)) drop-shadow(0 2px 4px rgba(0,0,0,.15));height:100%;transition:filter .4s ease;width:100%}.basketball-logo:hover .basketball-svg{filter:drop-shadow(0 8px 20px rgba(0,0,0,.35)) drop-shadow(0 4px 8px rgba(0,0,0,.25))}.basketball-logo.title-logo{display:inline-block;margin-right:16px;vertical-align:middle}.basketball-logo.active{animation:basketballBounce .8s cubic-bezier(.175,.885,.32,1.275)}.basketball-logo.celebration{animation:basketballCelebrate 2.5s cubic-bezier(.175,.885,.32,1.275)}@keyframes basketballFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-1px) rotate(.5deg)}66%{transform:translateY(-2px) rotate(-.5deg)}}@keyframes basketballSpin{0%{transform:scale(1.08) translateY(-2px) rotate(0deg)}to{transform:scale(1.08) translateY(-2px) rotate(1turn)}}@keyframes basketballBounce{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-8px) scale(1.05)}40%{transform:translateY(-4px) scale(1.02)}60%{transform:translateY(-6px) scale(1.03)}80%{transform:translateY(-2px) scale(1.01)}}@keyframes basketballCelebrate{0%,to{transform:scale(1) rotate(0deg)}15%{transform:scale(1.2) rotate(45deg)}30%{transform:scale(1.1) rotate(90deg)}45%{transform:scale(1.25) rotate(135deg)}60%{transform:scale(1.05) rotate(180deg)}75%{transform:scale(1.15) rotate(225deg)}90%{transform:scale(1.1) rotate(270deg)}}.basketball-logo.size-small{height:32px;width:32px}.basketball-logo.size-medium{height:48px;width:48px}.basketball-logo.size-large{height:64px;width:64px}.basketball-logo.size-xlarge{height:80px;width:80px}.basketball-logo.size-small:hover{transform:scale(1.15) translateY(-1px)}.basketball-logo.size-medium:hover{transform:scale(1.1) translateY(-2px)}.basketball-logo.size-large:hover{transform:scale(1.08) translateY(-2px)}.basketball-logo.size-xlarge:hover{transform:scale(1.06) translateY(-3px)}@media (prefers-reduced-motion:reduce){.basketball-logo{animation:none}.basketball-logo.active,.basketball-logo.celebration,.basketball-logo:hover{animation:none;transform:scale(1.05)}}@media (max-width:768px){.basketball-logo.title-logo{margin-right:12px}.basketball-logo:hover{transform:scale(1.06) translateY(-1px)}}@media (max-width:480px){.basketball-logo.title-logo{margin-right:8px}.basketball-logo:hover{transform:scale(1.04) translateY(-1px)}}.basketball-logo:focus{border-radius:50%;outline:2px solid #f97316;outline-offset:2px}.home-page{background-attachment:fixed;background-image:linear-gradient(#000000b3,#000000b3),radial-gradient(circle at 25% 25%,#f973161a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ea580c1a 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 940 500'%3E%3Cpath fill='%23d4a574' d='M0 0h940v500H0z'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='4' d='M10 10h920v480H10z'/%3E%3Cpath stroke='%23fff' stroke-width='3' d='M470 10v480'/%3E%3Ccircle cx='470' cy='250' r='60' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' d='M10 170h190v160H10zM10 170q95-30 190 0M10 330q95 30 190 0'/%3E%3Cpath d='M10 195q50-15 100 0M10 305q50 15 100 0' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' d='M740 170h190v160H740zM740 170q95-30 190 0M740 330q95 30 190 0'/%3E%3Cpath d='M830 195q50-15 100 0M830 305q50 15 100 0' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M10 70q190-20 380 0 60 10 80 50M10 430q190 20 380 0 60-10 80-50M550 70q50-20 190 0 95 10 190 50M550 430q50 20 190 0 95-10 190-50' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;position:relative}.home-container,.home-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.home-container{padding:20px;width:100%}.home-card{animation:cardSlideIn .8s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a;max-width:900px;padding:40px;text-align:center;width:100%}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.home-header{margin-bottom:30px}.home-title{-webkit-text-fill-color:#0000;animation:titleGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.5rem;font-weight:800;margin:20px 0 10px;text-shadow:2px 2px 4px #0000004d}.home-subtitle{color:#fffc;font-size:1.3rem;font-weight:300;margin:0}.home-description{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.games-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:15px;box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff1a;overflow:hidden;padding:30px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.game-card:hover:not(.coming-soon){box-shadow:0 8px 32px #0000004d,0 0 0 1px #fff3;transform:translateY(-5px)}.game-card.coming-soon{opacity:.7}.game-title{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px;text-shadow:1px 1px 2px #0000004d}.game-description{color:#fffc;font-size:1rem;line-height:1.5;margin-bottom:25px}.play-button{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;box-shadow:0 4px 16px #f973164d,0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:15px 30px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.play-button:hover:not(.disabled){box-shadow:0 8px 24px #f9731666,0 0 0 1px #fff3;transform:translateY(-2px)}.play-button:active:not(.disabled){transform:translateY(0)}.play-button.disabled{background:#fff3;cursor:not-allowed;opacity:.6}@media (max-width:768px){.home-card{margin:10px;padding:30px 20px}.home-title{font-size:2.5rem}.home-description{font-size:1.1rem}.games-grid{gap:20px;grid-template-columns:1fr}.game-card{padding:25px}}@media (max-width:480px){.home-card{padding:25px 15px}.home-title{font-size:2rem}.home-description,.play-button{font-size:1rem}.play-button{padding:12px 24px}}.progress-visualization{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid #ffffff1a;border-radius:24px;margin-bottom:12px;overflow:hidden;padding:24px;position:relative}.progress-visualization:before{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6cc,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.progress-bar-container{margin-bottom:20px}.progress-bar-label{align-items:center;color:#fffc;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:8px}.progress-percentage{color:#f97316;font-weight:700}.progress-bar-track{background:#ffffff1a;height:8px}.progress-bar-fill,.progress-bar-track{border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.progress-bar-fill:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:""}.progress-bar-fill:before,.progress-dots{bottom:0;left:0;position:absolute;right:0;top:0}.progress-dots{pointer-events:none}.progress-dot{border:2px solid #ffffff4d;border-radius:50%;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:12px;z-index:10}.progress-dot.filled{border-color:#fffc;box-shadow:0 0 8px #ffffff80}.progress-dot.current{animation:dotPulse 1s ease-in-out infinite;border-color:#f97316;box-shadow:0 0 12px #f97316cc}.hint-progress-container{margin-bottom:20px}.hint-progress-label{align-items:center;color:#fffc;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:8px}.hint-progress-count{color:#f97316;font-weight:700}.hint-progress-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,1fr);height:8px}.hint-progress-cell{background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative;transition:all .3s ease}.hint-progress-cell.revealed{animation:cellReveal .5s ease-out;background:linear-gradient(90deg,#f97316,#ea580c)}.hint-progress-cell.revealed:before{animation:cellShimmer 1s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-status{text-align:center}.status-message{align-items:center;animation:statusFadeIn .5s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px}.status-message.success{background:linear-gradient(135deg,#10b98133,#0596691a);border:1px solid #10b9814d;color:#10b981}.status-message.failure{background:linear-gradient(135deg,#ef444433,#dc26261a);border:1px solid #ef44444d;color:#ef4444}.status-message.warning{background:linear-gradient(135deg,#f59e0b33,#d977061a);border:1px solid #f59e0b4d;color:#f59e0b}.status-message.caution{background:linear-gradient(135deg,#3b82f633,#1d4ed81a);border:1px solid #3b82f64d;color:#3b82f6}.status-message.start{background:linear-gradient(135deg,#8b5cf633,#6d28d91a);border:1px solid #8b5cf64d;color:#8b5cf6}.status-icon{animation:iconBounce 2s ease-in-out infinite;font-size:16px}@keyframes dotPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}@keyframes cellReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cellShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}@media (max-width:768px){.hint-progress-grid{grid-template-columns:repeat(5,1fr)}.status-message{font-size:12px;padding:8px 12px}}@media (max-width:480px){.progress-visualization{padding:16px}.hint-progress-grid{grid-template-columns:repeat(5,1fr)}}*{box-sizing:border-box;margin:0;padding:0}body{background:#2d1810;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 940 500'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='3' height='3'%3E%3Cpath fill='%23B8860B' d='M0 0h3v3H0z'/%3E%3Cpath d='m0 0 3 3m0-3L0 3' stroke='sienna' stroke-width='.2' opacity='.4'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='peru' d='M0 0h940v500H0z'/%3E%3Cpath fill='url(%23a)' d='M0 0h940v500H0z'/%3E%3Cpath stroke='%23FFF' stroke-width='3' d='M0 75h940M0 425h940M0 75v350M940 75v350M470 75v350'/%3E%3Ccircle cx='470' cy='250' r='60' fill='none' stroke='%23FFF' stroke-width='3'/%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='3' d='M0 210h150v80H0zM790 210h150v80H790z'/%3E%3Cpath stroke='%23FFF' stroke-width='3' d='M150 210v80M790 210v80'/%3E%3Cpath d='M150 210q50 10 50 40t-50 40M790 210q-50 10-50 40t50 40' fill='none' stroke='%23FFF' stroke-width='3'/%3E%3Cpath d='M0 110q237 30 237 140T0 390M940 110q-237 30-237 140t237 140' fill='none' stroke='%23FFF' stroke-width='3'/%3E%3Cpath d='M0 210q70 10 70 40T0 290M940 210q-70 10-70 40t70 40' fill='none' stroke='%23FFF' stroke-width='2'/%3E%3Ccircle cx='60' cy='250' r='2' fill='%23FFF'/%3E%3Ccircle cx='880' cy='250' r='2' fill='%23FFF'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.25;z-index:-2}body:after,body:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%}body:after{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#0f172ad9,#1e293bd9 50%,#0f172ad9);z-index:-1}.App{align-items:center;animation:fadeIn 1s ease-out;display:flex;justify-content:center;min-height:100vh;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.App-header{animation:slideInScale .8s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:32px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;max-width:700px;padding:48px;position:relative;transition:all .3s ease;width:100%}@keyframes slideInScale{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.App-header:hover{box-shadow:0 32px 64px -12px #00000080,0 0 0 1px #ffffff14,inset 0 1px 0 #ffffff26}.App-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f97316,#ea580c,#dc2626,#0000);border-radius:32px 32px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.header-top{align-items:flex-start;animation:slideInLeft .6s ease-out .2s both;display:flex;justify-content:space-between;margin-bottom:32px}h1{-webkit-text-fill-color:#0000;animation:titleGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#f97316,#ea580c,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:8px;position:relative;text-shadow:0 0 30px #f9731680}@keyframes titleGlow{0%{filter:brightness(1) drop-shadow(0 0 10px rgba(249,115,22,.3))}to{filter:brightness(1.1) drop-shadow(0 0 20px rgba(249,115,22,.6))}}.subtitle{animation:fadeInUp .6s ease-out .4s both;color:#ffffffb3;font-size:1.25rem;font-weight:500;margin-bottom:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-container{animation:staggerIn .8s ease-out .6s both;display:flex;flex-direction:column;gap:32px}@keyframes staggerIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hints-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f626,#9333ea26);border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:50}.hints-section:hover{border-color:#3b82f64d;box-shadow:0 20px 40px #3b82f626;transform:translateY(-2px)}.hints-section:before{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6cc,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes pulse{0%,to{opacity:.5;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.hints-title{align-items:center;animation:bounceIn .6s ease-out;color:#f97316;display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin-bottom:24px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.05) rotate(5deg)}70%{transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.hints-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hint-item{animation:slideInUp .5s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#00000080,#0000004d);border:1px solid #f9731633;border-radius:20px;font-size:1.1rem;font-weight:500;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hint-item:hover{border-color:#f9731680;box-shadow:0 20px 40px #f9731633,inset 0 1px 0 #ffffff1a;transform:translateY(-4px) scale(1.02)}.hint-item:before{background:linear-gradient(180deg,#f97316,#ea580c);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.hint-item:hover:before{width:8px}.hint-item:after{background:linear-gradient(45deg,#0000,#f973161a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hint-item:hover:after{opacity:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.no-hints{animation:fadeIn .5s ease-out;color:#fff9;font-size:1.1rem;font-style:italic;padding:40px 20px;text-align:center}.input-section-embedded{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.input-section-embedded .input-wrapper{position:relative;width:100%}.input-section-embedded .autocomplete-container{position:relative;width:100%;z-index:1000}.input-section-embedded .player-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:2px solid #ffffff1a;border-radius:20px;color:#fff;font-family:inherit;font-size:1.125rem;font-weight:500;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:501}.input-section-embedded .player-input:focus{background:#0f172af2;border-color:#f97316;box-shadow:0 0 0 4px #f9731626,0 8px 32px #f9731633,inset 0 1px 0 #ffffff1a;outline:none;transform:translateY(-2px)}.input-section-embedded .player-input::placeholder{color:#fff6;font-weight:400}.input-section-embedded .suggestions-dropdown{animation:dropdownSlide .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:2px solid #f9731666;border-radius:0 0 20px 20px;border-top:none;box-shadow:0 8px 32px #0000004d;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.input-section{align-items:stretch;animation:slideInUp .6s ease-out .2s both;display:flex;gap:16px;margin-bottom:1.5rem;position:relative;z-index:500}.input-wrapper{flex:1 1;position:relative}.autocomplete-container{position:relative;width:100%;z-index:1000}.player-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:2px solid #ffffff1a;border-radius:20px;color:#fff;font-family:inherit;font-size:1.125rem;font-weight:500;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:501}.player-input:focus{background:#0f172af2;border-color:#f97316;box-shadow:0 0 0 4px #f9731626,0 8px 32px #f9731633,inset 0 1px 0 #ffffff1a;outline:none;transform:translateY(-2px)}.player-input::placeholder{color:#fff6;font-weight:400}.suggestions-dropdown{animation:dropdownSlide .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:2px solid #f9731666;border-radius:0 0 20px 20px;border-top:none;box-shadow:0 8px 32px #0000004d;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.suggestion-item{align-items:center!important;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex!important;gap:12px!important;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease}.suggestion-item.active,.suggestion-item:hover{background:linear-gradient(135deg,#f9731633,#ea580c33);transform:translateX(4px)}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 18px 18px}.suggestion-item:before{background:linear-gradient(180deg,#f97316,#ea580c);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s ease;width:0}.suggestion-item.active:before,.suggestion-item:hover:before{width:4px}.player-headshot{align-items:center;display:flex;flex-shrink:0;justify-content:center}.autocomplete-option .player-headshot,.suggestion-item .player-headshot{flex-shrink:0}.autocomplete-option .player-headshot,.autocomplete-option .player-headshot img,.autocomplete-option .player-headshot>div,.suggestion-item .player-headshot,.suggestion-item .player-headshot img,.suggestion-item .player-headshot>div{height:32px!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.autocomplete-option .player-headshot img,.suggestion-item .player-headshot img{object-fit:cover!important}.player-headshot.size-tiny,.player-headshot.size-tiny img,.player-headshot.size-tiny>div{height:32px!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.player-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.player-name{color:#fff!important;font-size:14px!important;font-weight:600!important;margin-bottom:0!important}.player-details,.player-name{line-height:1.2!important;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.player-details{color:#fff9!important;font-size:12px!important}.suggestion-item.active .player-name{color:#f97316!important}.suggestion-item.active .player-details{color:#f97316cc!important}.selection-indicator{color:#f97316;flex-shrink:0;font-size:16px;opacity:0;transition:opacity .2s ease}.selection-indicator.active{opacity:1}.player-headshot-container{align-items:center;animation:bounceIn .8s cubic-bezier(.175,.885,.32,1.275);display:flex;justify-content:center;margin-bottom:24px}.player-headshot-win{animation:headshot-entrance 1s cubic-bezier(.175,.885,.32,1.275)}@keyframes headshot-entrance{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.failed-attempts,.guesses-section,.wrong-guesses{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#ef44441a);border:1px solid #dc262633;border-radius:24px;margin-top:1.5rem;overflow:hidden;padding:32px;position:relative;z-index:100}.guesses-section:before,.wrong-guesses:before{background:linear-gradient(90deg,#0000,#dc2626cc,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.guesses-title{align-items:center;color:#ef4444;display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin-bottom:24px}.guess-counter{animation:pulse 2s ease-in-out infinite;background:#dc262633;font-size:.875rem;font-weight:600;padding:6px 12px}.failed-attempt,.guess-counter,.guess-item{border:1px solid #dc26264d;border-radius:16px}.failed-attempt,.guess-item{animation:slideInLeft .4s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#dc262633,#dc26261a);font-weight:500;margin:12px 0;padding:18px 20px;position:relative;transition:all .3s ease}.failed-attempt:hover,.guess-item:hover{border-color:#dc262680;transform:translateX(4px)}.failed-attempt:before,.guess-item:before{animation:bounce .5s ease-out;content:"❌";margin-right:12px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.win-container{animation:celebrate .8s cubic-bezier(.175,.885,.32,1.275);text-align:center}@keyframes celebrate{0%{opacity:0;transform:scale(.8) rotate(-5deg)}50%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.score-summary{animation:slideInScale .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 20px 40px #667eea4d;color:#fff;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;text-align:center}.score-summary:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.win-title{animation:titlePulse 2s ease-in-out infinite;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:16px;text-shadow:0 4px 8px #0000004d}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.win-subtitle{animation:fadeInUp .6s ease-out .2s both;color:#ffffffe6;font-size:1.25rem;font-weight:500;margin-bottom:24px}.score-stats{display:flex;gap:32px;justify-content:center;margin-top:20px}.score-item{animation:scaleIn .5s ease-out;animation-delay:calc(var(--index)*.1s);animation-fill-mode:both;text-align:center}.score-item:first-child{--index:1}.score-item:nth-child(2){--index:2}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.score-number{animation:numberCount 1s ease-out;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px #0000004d}@keyframes numberCount{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.score-label{color:#fffc;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.share-section{animation:slideInUp .6s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafc1a;border:2px solid #ffffff1a;border-radius:24px;margin-bottom:32px;padding:24px;text-align:center}.share-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.share-preview{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:16px;max-height:200px;overflow-y:auto;padding:20px;text-align:left}.share-text{color:#ffffffe6;font-family:Courier New,monospace;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.copy-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.copy-button:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px) scale(1.05)}.copy-button.copied{animation:successPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669);transform:scale(1.1)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}.copy-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.copy-button:hover:before{left:100%}.win-stats{animation:slideInUp .6s ease-out .4s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b98126,#0596691a);border:1px solid #10b98133;border-radius:24px;overflow:hidden;padding:32px;position:relative}.win-stats:before{background:linear-gradient(90deg,#0000,#10b981cc,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.stat-label{color:#fff9;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#10b981;font-size:1.25rem;font-weight:600;text-shadow:0 2px 4px #0000004d}.play-again-button{animation:slideInUp .6s ease-out .6s both;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.play-again-button:hover{box-shadow:0 12px 32px #10b98166;transform:translateY(-3px) scale(1.05)}.play-again-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.play-again-button:hover:before{left:100%}.loading{animation:loadingPulse 2s ease-in-out infinite;color:#f97316;font-size:1.5rem;padding:60px 20px;text-align:center}@keyframes loadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.login-button,.logout-button{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.login-button:hover,.logout-button:hover{transform:translateY(-2px) scale(1.05)}.user-stats-container{animation:slideInDown .6s ease-out;transition:all .3s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-stats-container:hover{box-shadow:0 12px 32px #667eea66;transform:translateY(-2px)}.stat-card{animation:statCardPop .4s ease-out;animation-delay:calc(var(--card-index)*.1s);animation-fill-mode:both;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px) scale(1.02)}.stat-card:first-child{--card-index:1}.stat-card:nth-child(2){--card-index:2}.stat-card:nth-child(3){--card-index:3}.stat-card:nth-child(4){--card-index:4}@keyframes statCardPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #fff3;margin:20px;max-width:400px;padding:32px;width:100%;z-index:2001}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header h2{animation:slideInLeft .5s ease-out .1s both}.close-button{animation:fadeIn .5s ease-out .2s both;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:24px;padding:8px;transition:all .2s ease}.close-button:hover{background-color:#64748b1a;transform:scale(1.1)}.auth-form{animation:staggerFormIn .6s ease-out .2s both;display:flex;flex-direction:column;gap:16px}@keyframes staggerFormIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group input{transition:all .3s ease}.form-group input:focus{box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #0000001a;transform:translateY(-1px)}.auth-button{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px) scale(1.02)}.auth-button:hover:not(:disabled):before{left:100%}.error-message{animation:shakeIn .5s ease-out}@keyframes shakeIn{0%{opacity:0;transform:translateX(-10px)}25%{transform:translateX(10px)}50%{transform:translateX(-5px)}75%{transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}.stats-title{animation:slideInLeft .6s ease-out;color:#10b981;font-size:1.5rem;font-weight:700;margin-bottom:24px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{animation:statCardIn .5s ease-out;animation-delay:calc(var(--stat-index)*.1s);animation-fill-mode:both;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:1px solid #10b98133;border-radius:16px;padding:20px;text-align:left;transition:all .3s ease}.stat-item:hover{border-color:#10b98166;box-shadow:0 8px 24px #10b98133;transform:translateY(-4px)}.stat-item:first-child{--stat-index:1}.stat-item:nth-child(2){--stat-index:2}.stat-item:nth-child(3){--stat-index:3}.stat-item:nth-child(4){--stat-index:4}.stat-item:nth-child(5){--stat-index:5}.stat-item:nth-child(6){--stat-index:6}@keyframes statCardIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.App-header{border-radius:24px;margin:16px;padding:32px 24px}h1{font-size:2.5rem}.input-section{flex-direction:column;gap:12px}.hints-grid,.stats-grid{grid-template-columns:1fr}.score-stats{gap:20px}.score-number{font-size:2rem}.win-title{font-size:2.2rem}.auth-modal{margin:16px;padding:24px}.stat-card{padding:16px}.suggestion-item{gap:8px!important;padding:10px 12px!important}.player-name{font-size:13px!important}.player-details{font-size:11px!important}.autocomplete-option .player-headshot,.autocomplete-option .player-headshot img,.autocomplete-option .player-headshot>div,.suggestion-item .player-headshot,.suggestion-item .player-headshot img,.suggestion-item .player-headshot>div{height:28px!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.suggestions-dropdown{max-height:250px}.game-container>*+*,.guesses-section,.wrong-guesses{margin-top:1.25rem}}@media (max-width:480px){.App-header{padding:24px 20px}h1{font-size:2rem}.win-title{font-size:1.8rem}.score-stats{flex-direction:column;gap:16px}.guesses-section,.hints-section,.score-summary,.win-stats{padding:24px}.autocomplete-option .player-headshot,.autocomplete-option .player-headshot img,.autocomplete-option .player-headshot>div,.suggestion-item .player-headshot,.suggestion-item .player-headshot img,.suggestion-item .player-headshot>div{height:24px!important;max-height:24px!important;max-width:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#f9731699;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#f97316cc}.guess-item,.hint-item,.stat-item,.suggestion-item{transform-origin:left center}.auth-button:focus-visible,.copy-button:focus-visible,.play-again-button:focus-visible,.player-input:focus-visible{outline:2px solid #f97316;outline-offset:2px}.suggestion-item:focus,.suggestion-item[aria-selected=true]{background:#f9731633;outline:2px solid #f97316;outline-offset:-2px}.game-container,.game-container>*{position:relative}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.28116c7d.css.map*/