.container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding-bottom:2rem;padding-top:100px;width:100%}.container>*{position:relative;z-index:1}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172acc;border-bottom:var(--glass-border);box-shadow:0 4px 20px #0003;height:80px;justify-content:center;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:100}.header,.header-content{align-items:center;display:flex}.header-content{gap:1rem}.logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:45px;object-fit:contain;width:auto}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:600;letter-spacing:-.02em;margin:0;text-shadow:none}.header-controls{gap:1rem;position:absolute;right:2rem}.button-nav,.header-controls{align-items:center;display:flex}.button-nav{gap:.8rem}.button-nav button{background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:var(--text-main);cursor:pointer;font-size:.9rem;font-weight:600;margin:0;padding:.6rem 1.2rem;transition:all .2s ease}.button-nav button:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.image-wordle{border:none;border-radius:20px;height:auto;margin:2rem 0;max-width:90vw;transition:transform .3s ease;width:320px}.image-wordle:hover{transform:scale(1.02)}.game-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:var(--card-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-width:900px;padding:2rem;width:100%}.categories-wordle{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2.5rem;width:100%}.category-wordle{min-width:0;width:100%}.category-wordle,.dropdown-label2{display:flex;flex-direction:column}.dropdown-label2{align-items:center;color:var(--text-muted);font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-bottom:0;text-transform:uppercase}select{-webkit-appearance:none;appearance:none;background:#0f172a99;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.8rem auto;border:1px solid #fff3;border-radius:12px;color:var(--text-main);cursor:pointer;font-size:.95rem;max-width:100%;outline:none;overflow:hidden;padding:.8rem 2.5rem .8rem 1rem;text-align:left;text-overflow:ellipsis;transition:all .2s;white-space:nowrap;width:100%}select:hover{background-color:#1e293bcc;border-color:#fff6}select:focus{background-color:#0f172ae6;border-color:var(--primary);box-shadow:0 0 0 2px #4ade8033}select option{background-color:#0f172a;color:#fff;padding:10px}.guess-button2{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:16px;box-shadow:0 4px 20px #4ade804d;color:#0f172a;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.05em;margin-bottom:2.5rem;padding:1rem 4rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.guess-button2:hover:not(:disabled){box-shadow:0 8px 30px #4ade8080;transform:translateY(-2px) scale(1.02)}.guess-button2:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.6;transform:none}.attempt-history{display:flex;flex-direction:column;gap:.8rem;width:100%}.attempt-row{grid-gap:1rem;animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:#0f172a66;border:1px solid #ffffff0d;border-radius:16px;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);padding:1rem;transition:background .3s}.attempt-row:hover{background:#0f172a99}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.circle-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.arrow,.circle{align-items:center;border-radius:12px;display:flex;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;transition:all .3s;width:44px}.arrow.correct,.circle.correct{background:var(--success);box-shadow:0 0 20px #22c55e4d;color:#0f172a}.circle.incorrect{background:var(--error);border:1px solid #ffffff1a;box-shadow:0 0 15px #ef44444d;color:#fff}.arrow.down-arrow,.arrow.up-arrow{background:#ffffff0d;border:1px solid #ffffff1a;color:var(--accent)}.arrow.up-arrow:before{content:"↑"}.arrow.down-arrow:before{content:"↓"}.arrow.correct:before{content:""}.circle-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.streak-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #f973164d;border-radius:50px;box-shadow:0 4px 20px #0003;display:flex;gap:.5rem;padding:.6rem 1.2rem;position:fixed;right:20px;top:100px;z-index:10}.streak-number{color:#f97316;font-size:1.4rem;font-weight:800}.streak-fire-icon{height:24px;width:24px}.message-box{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #000000b3;left:50%;max-width:90vw;min-width:340px;padding:2.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.message-box p{color:var(--text-main);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.message-box button{background:var(--secondary);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f666;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2.5rem;transition:all .2s}.message-box button:hover{background:#2563eb;box-shadow:0 8px 20px #3b82f680;transform:translateY(-2px)}.loading-screen{align-items:center;background:#0000;display:flex;flex-direction:column;height:100vh;justify-content:center}.football{animation:bounce 1s cubic-bezier(.28,.84,.42,1) infinite;background:url(/static/media/ball.6bf56b4055668b774d20.png) no-repeat 50%;background-size:cover;filter:drop-shadow(0 10px 10px rgba(0,0,0,.3));height:60px;margin-bottom:1rem;width:60px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.initial-league-select,.league-mode-container{align-items:center;display:flex;flex-direction:column;width:100%}.initial-league-select{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:var(--glass-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;gap:2rem;justify-content:center;margin-top:10vh;max-width:90vw;max-width:500px;min-height:auto;padding:3rem 4rem}.instruction-text{color:var(--text-main)!important;font-size:1.5rem;font-weight:700;margin:0;text-align:center;text-shadow:0 2px 10px #0000004d}.image-wrapper{display:inline-block;margin-bottom:1.5rem;position:relative}.image{border:none;border-radius:20px;height:auto;max-width:90vw;transition:transform .3s ease;width:300px}.image:hover{transform:scale(1.02)}.reset-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;cursor:pointer;height:32px;padding:6px;position:absolute;right:10px;top:10px;transition:all .2s;width:32px}.reset-icon:hover{background:#ffffff40;border-color:#ffffff80;transform:rotate(180deg)}.game-container2{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:var(--card-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;margin-top:2rem;max-width:900px;padding:2rem;width:100%}.categories{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2rem;width:100%}.category{min-width:0;width:100%}.category,.dropdown-label{display:flex;flex-direction:column}.dropdown-label{align-items:center;color:var(--text-muted);font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:0}.dropdown-label,.guess-button{letter-spacing:.05em;text-transform:uppercase}.guess-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:16px;box-shadow:0 4px 20px #4ade804d;color:#0f172a;cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:2rem;padding:1rem 4rem;transition:all .3s}.guess-button:hover:not(:disabled){box-shadow:0 8px 30px #4ade8080;transform:translateY(-2px) scale(1.02)}.guess-button.disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.6}.guess-history{display:flex;flex-direction:column;gap:.8rem;width:100%}.guess-row{grid-gap:1rem;background:#0f172a66;border:1px solid #ffffff0d;border-radius:16px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1rem}.icon-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.direction-icon,.status-icon{align-items:center;border-radius:12px;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.direction-icon.correct,.status-icon.correct{background:var(--success);box-shadow:0 0 15px #22c55e4d;color:#0f172a}.status-icon.incorrect{background:var(--error);border:1px solid #ffffff1a;box-shadow:0 0 15px #ef44444d;color:#fff}.direction-icon.up-icon:before{color:var(--accent);content:"↑"}.direction-icon.down-icon:before{color:var(--accent);content:"↓"}.direction-icon.correct:before{content:""}.icon-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.message-box2{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #000000b3;color:var(--text-main);left:50%;min-width:340px;padding:2.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.message-box2 p{line-height:1.6;margin-bottom:2rem}.message-box2 button{background:var(--secondary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 .5rem;padding:.8rem 2rem}.close-button{align-items:center;background:#0000!important;color:var(--text-muted)!important;display:flex;font-size:1.5rem!important;height:30px;justify-content:center;padding:0!important;position:absolute;right:10px;top:10px;width:30px}.close-button:hover{color:var(--text-main)!important}@media (max-width:1024px){.header{justify-content:space-between;padding:0 2rem}.header-controls{position:static}.header h1{font-size:1.4rem}}@media (max-width:900px){.game-container,.game-container2{max-width:95%;padding:1.5rem}.header h1{font-size:1.3rem}}@media (max-width:768px){.categories,.categories-wordle{gap:1rem;grid-template-columns:1fr 1fr}.attempt-row,.guess-row{gap:.5rem;padding:.8rem}.arrow,.circle,.direction-icon,.status-icon{font-size:1rem;height:36px;width:36px}.circle-label,.icon-label{font-size:.7rem}.image-wordle{width:240px}.game-container,.game-container2{padding:1.5rem}}@media (max-width:480px){.categories,.categories-wordle{grid-template-columns:1fr}.header h1{font-size:1.2rem}.streak-container{padding:.4rem .8rem;right:10px;top:90px}.streak-number{font-size:1.2rem}.image{width:220px}.initial-league-select{margin-top:5vh;padding:2rem 1.5rem}.instruction-text{font-size:1.2rem}.guess-button{font-size:1rem;padding:.8rem 1rem;width:100%}.message-box,.message-box2{min-width:auto;padding:1.5rem;width:90%}.message-box p,.message-box2 p{font-size:1rem}.game-container,.game-container2{padding:1rem}select{background-position:right .8rem center;font-size:.9rem;padding:.6rem 2rem .6rem .8rem}.header{justify-content:space-between;padding:0 1rem}.header h1{font-size:.9rem;line-height:1.2;max-width:60%}.header-controls{gap:.5rem;position:static}.button-nav button{font-size:.65rem;min-height:40px;padding:.3rem .4rem;white-space:nowrap}.logo{height:28px}select{min-height:44px}.guess-button{min-height:48px}}@media (max-height:600px) and (orientation:landscape){.header{height:60px}.container{padding-top:70px}.game-container,.game-container2{padding:1rem}.image,.image-wordle{max-height:40vh;width:auto}.message-box,.message-box2{max-height:80vh;overflow-y:auto}}.new-attempt,.new-guess{animation:slideIn .4s cubic-bezier(.4,0,.2,1),highlightPulse .8s ease-out forwards;background:#4ade801a;border-color:var(--primary);box-shadow:0 0 20px #4ade8033}@keyframes highlightPulse{0%{border-color:var(--primary);box-shadow:0 0 30px #4ade8066}to{background:#0f172a66;border-color:#ffffff0d;box-shadow:none}}:root{--primary:#4ade80;--primary-hover:#22c55e;--secondary:#3b82f6;--accent:#f59e0b;--success:#22c55e;--error:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#0f172a99;--glass-border:1px solid #ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--card-bg:#1e293bb3;--card-border:1px solid #ffffff14}.app-container{background-attachment:fixed;background-image:url(/static/media/gtk-bki-cropped.8f41dfd357d0d6a3e315.jpg);background-position:50%;background-size:cover;color:#f8fafc;color:var(--text-main);display:flex;flex-direction:column;min-height:100vh;position:relative}.app-container:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172abf;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.app-container>*{position:relative;z-index:1}.main-content{align-items:center;animation:fadeIn .8s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;text-shadow:0 4px 12px #0000004d}p{color:#94a3b8;color:var(--text-muted);font-weight:400;line-height:1.6;margin:.5rem 0;max-width:600px}.route-button,p{font-size:1.2rem}.route-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff0d;border:1px solid #ffffff1a;border:var(--glass-border);border-radius:16px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow);color:#f8fafc;color:var(--text-main);cursor:pointer;font-weight:600;letter-spacing:.05em;margin:1rem;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.route-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:.5s;width:100%}.route-button:hover:before{transform:translateX(100%)}.route-button:hover{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 20px 40px -5px #0006;transform:translateY(-4px)}@media (max-width:768px){h1{font-size:2.5rem}.route-button{margin:.5rem 0;padding:1rem;width:100%}}
/*# sourceMappingURL=main.26665f7f.css.map*/