.search-container{position:relative;width:100%;margin:0 auto}.search-input{width:305px;padding:12px 40px 12px 16px;border:2px solid var(--card-border,rgba(255,255,255,.15));border-radius:12px;background:var(--card-bg,rgba(20,20,35,.8));color:var(--text,#fff);font-size:1rem;margin-left:18px;outline:none;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.search-input:focus{border-color:var(--card-border,rgba(255,255,255,.25));box-shadow:0 4px 12px rgba(0,0,0,.2)}.search-input:disabled{opacity:.6;cursor:not-allowed}.suggestions-list{position:absolute;top:100%;left:0;right:0;margin-left:18px;margin-top:8px;background:var(--card-bg,rgba(20,20,35,.9));border:2px solid var(--card-border,rgba(255,255,255,.15));border-radius:12px;max-height:300px;max-width:360px;overflow-y:auto;box-shadow:0 8px 16px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:top center;animation:slideDown .2s ease-out;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;z-index:9999;opacity:.99}.suggestion-item{display:flex;align-items:center;padding:4px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.suggestion-item:last-child{border-bottom:none}.suggestion-item.selected,.suggestion-item:hover{background-color:rgba(255,255,255,.1)}.suggestion-item.selected{outline:none;padding-left:16px}.pokemon-suggestion-sprite{transform:scale(1.1);width:60px;height:60px;margin-right:16px;background:rgba(255,255,255,0);border-radius:8px;padding:8px 10px;transition:transform .2s ease}.suggestion-item.selected .pokemon-suggestion-sprite,.suggestion-item:hover .pokemon-suggestion-sprite{transform:scale(1.3);filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.pokemon-suggestion-name{color:var(--text,#fff);font-size:1rem;text-transform:capitalize;font-weight:400;letter-spacing:.03em}.loading-spinner{position:absolute;right:32px;top:10px;transform:translateY(-50%);pointer-events:none;z-index:2}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--text,#fff);border-radius:50%;animation:spin .8s linear infinite}.suggestions-list::-webkit-scrollbar{width:8px}.suggestions-list::-webkit-scrollbar-track{background:transparent}.suggestions-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px;border:2px solid var(--card-bg,rgba(20,20,35,.9))}.suggestions-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-container.is-loading .search-input{box-shadow:0 0 0 4px rgba(255,255,255,.05)}.suggestions-list:empty:after{content:"No Pokémon found";display:block;padding:16px;text-align:center;color:var(--text,#fff);opacity:.6}.search-input:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.2)}@media (max-width:768px){.search-container,.search-input{width:100%;box-sizing:border-box}.search-input{margin-left:0;font-size:16px;min-height:48px}.suggestions-list{margin-left:0;max-width:100%;background:rgb(28,26,46);opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;max-height:46vh}.suggestion-item{padding:10px 12px;min-height:48px}.pokemon-suggestion-name{font-size:.95rem}}.modal-overlay{z-index:1000;display:flex;align-items:center;justify-content:center;overflow-y:auto}.modal-backdrop,.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0}.modal-backdrop{background-color:rgba(0,0,0,.75);z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{position:relative;width:90%;max-width:1200px;max-height:90vh;margin:2rem auto;z-index:1002}.modal-container,.modal-content{display:flex;flex-direction:column}.modal-content{background-color:#2a2a3a;color:#fff;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.5),0 0 25px rgba(66,71,148,.2);width:100%;max-height:80vh;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,#3a3a5c,#2a2a3a)}.modal-title{font-size:1.7rem;font-weight:700;margin:0;background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(96,165,250,.2)}.modal-close-button{background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:6px 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;width:36px;height:36px}.modal-close-button:hover{background-color:rgba(255,255,255,.2);transform:scale(1.1)}.modal-body{padding:24px;overflow-y:auto;flex:1 1}.modal-section{margin-bottom:32px;padding:20px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:transform .2s,box-shadow .2s}.modal-section:hover{transform:translateY(0);box-shadow:0 8px 16px rgba(0,0,0,.1)}.modal-section:last-child{margin-bottom:0}.section-title{font-size:1.4rem;font-weight:700;margin-bottom:16px;color:#eee;position:relative;padding-left:16px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:28px;background:linear-gradient(180deg,#60a5fa,#c084fc);border-radius:3px}.gradient-title{background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.intro-section{background:linear-gradient(90deg,rgba(66,71,148,.2),rgba(44,47,99,.2))}.intro-flex{display:flex;align-items:center;gap:24px}.intro-text{flex:3 1}.intro-description{font-size:1.1rem;line-height:1.6}.pokeball-icon{flex:1 1;position:relative;width:100px;height:100px;background:linear-gradient(180deg,#f44336,#d32f2f);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(0,0,0,.2);transform:rotate(15deg)}.pokeball-icon:before{width:100%;height:50%;bottom:0;border-radius:0 0 100px 100px}.pokeball-icon:after,.pokeball-icon:before{content:"";position:absolute;background:#f5f5f5}.pokeball-icon:after{width:20px;height:20px;border-radius:50%;border:8px solid #333;z-index:2}.game-steps{display:flex;flex-direction:column;gap:16px}.game-step{display:flex;align-items:flex-start;gap:16px;padding:16px;background:rgba(255,255,255,.05);border-radius:8px;transition:all .2s}.game-step:hover{background:rgba(255,255,255,.08);transform:translateX(5px)}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:white;font-weight:700;border-radius:50%;flex-shrink:0;font-size:1.2rem}.step-content h4{margin:0 0 8px;color:#60a5fa}.step-content p{margin:0;line-height:1.5}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.category-card{background:rgba(0,0,0,.2);padding:16px;border-radius:8px;border-left:4px solid #3b82f6;transition:all .2s}.category-card:hover{transform:translateY(0);box-shadow:0 6px 12px rgba(0,0,0,.1)}.category-name{color:#60a5fa;margin:0 0 8px;font-size:1.1rem}.category-description{margin:0;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.9)}.indicators-section{background:linear-gradient(90deg,rgba(20,20,35,.5),rgba(30,30,45,.5))}.indicators-flex{display:flex;flex-wrap:wrap;gap:32px}.indicators-column{flex:1 1;min-width:250px;display:flex;flex-direction:column;gap:16px}.indicator-item{display:flex;align-items:flex-start;gap:16px;padding:12px;background:rgba(255,255,255,.05);border-radius:8px;transition:transform .2s}.indicator-item:hover{transform:translateX(5px)}.indicator{width:32px;height:32px;border-radius:6px;margin-right:12px;flex-shrink:0;box-shadow:0 3px 6px rgba(0,0,0,.2)}.indicator.correct{background-color:#4ade80;border:1px solid #38c172}.indicator.partial{background-color:#facc15;border:1px solid #eab308}.indicator.incorrect{background-color:#f87171;border:1px solid #ef4444}.indicator-content h4{margin:0 0 8px;color:#f5f5f5}.indicator-content p{margin:0;line-height:1.5;font-size:.95rem}.direction-indicator{display:flex;align-items:center;gap:16px;padding:12px;background:rgba(255,255,255,.05);border-radius:8px;transition:transform .2s}.direction-indicator:hover{transform:translateX(0)}.direction-symbol{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#60a5fa}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.feature-item{display:flex;gap:16px;padding:16px;background:rgba(0,0,0,.2);border-radius:10px;transition:all .2s}.feature-item:hover{transform:translateY(0)}.feature-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0;background:rgba(59,130,246,.2);position:relative}.gen-icon:after{content:"G"}.gen-icon:after,.random-icon:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#60a5fa}.random-icon:after{content:"R"}.hint-icon:after{content:"H";font-weight:700;color:#60a5fa}.hint-icon:after,.shiny-icon:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem}.shiny-icon:after{content:"✨";color:#facc15}.feature-content h4{margin:0 0 8px;color:#60a5fa}.feature-content p{margin:0;line-height:1.5;font-size:.95rem}.strategy-flexbox{display:flex;flex-wrap:wrap;gap:16px}.strategy-card{flex:1 1;min-width:250px;padding:16px;background:rgba(0,0,0,.2);border-radius:8px;border-top:3px solid #3b82f6;transition:all .2s}.strategy-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.strategy-title{color:#60a5fa;margin:0 0 8px}.enhanced-bullet-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.enhanced-bullet-list li{position:relative;padding-left:28px;line-height:1.5}.enhanced-bullet-list li:before{content:"•";position:absolute;left:10px;color:#60a5fa;font-size:1.2rem}.bullet-highlight{color:#60a5fa;font-weight:700}@media (max-width:768px){.modal-container{width:95%;margin:1rem auto}.modal-title{font-size:1.4rem}.intro-flex{align-items:flex-start}.indicators-flex,.intro-flex{flex-direction:column}.categories-grid,.features-grid{grid-template-columns:1fr}.pokeball-icon{align-self:center}.modal-body,.modal-section{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-section{animation:fadeIn .4s ease-out forwards}.modal-section:nth-child(2){animation-delay:.1s}.modal-section:nth-child(3){animation-delay:.2s}.modal-section:nth-child(4){animation-delay:.3s}.modal-section:nth-child(5){animation-delay:.4s}.modal-section:nth-child(6){animation-delay:.5s}.modal-section:nth-child(7){animation-delay:.6s}@media (max-width:480px){.modal-container{width:100%;margin:0;max-height:100dvh;border-radius:0}.modal-content{max-height:calc(100dvh - 64px)}.modal-header{padding:12px 14px}.modal-title{font-size:1.15rem}.modal-close-btn{width:44px;height:44px}.modal-body{padding:12px 14px}.categories-grid,.features-grid,.game-steps,.strategy-flexbox{grid-template-columns:1fr;display:grid;grid-gap:10px;gap:10px}}.indicator-note{color:rgba(255,255,255,.6);font-size:.85em;margin-top:6px}.gen-select{display:flex;align-items:center;justify-content:flex-end;padding:4px;position:relative}.generation-label{position:absolute;left:92px;top:-12px;transform-origin:center;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.1);white-space:nowrap}.gen-grid{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;background:rgba(30,30,60,.3);padding:4px;border-radius:8px}.gen-button,.gen-grid{border:1px solid rgba(255,255,255,.1)}.gen-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:4px;color:rgba(255,255,255,.6);font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .2s ease;padding:0}.gen-button:hover{background:rgba(255,255,255,.1);color:white}.gen-button.selected{background:rgba(74,222,128,.2);border-color:rgba(74,222,128,.4);color:#4ade80}.gen-button.all{font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.gen-select.disabled .gen-grid{opacity:.6;background:rgba(20,20,40,.3)}.gen-button:disabled{cursor:not-allowed;opacity:.5}.gen-button:disabled:hover{background:rgba(0,0,0,.2);color:rgba(255,255,255,.6)}.gen-button.selected:disabled{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.2);color:rgba(74,222,128,.5)}@media (max-width:768px){.generation-label{left:-25px;font-size:.7rem}}@media (max-width:480px){.generation-label{display:none}}@media (max-width:768px){.gen-select{width:100%;max-width:100%;box-sizing:border-box;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.generation-label{display:block;position:static;left:auto;top:auto;font-size:.72rem;color:rgba(255,255,255,.5)}.gen-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:none;grid-gap:8px;gap:8px;width:100%;max-width:264px;margin:0 auto;padding:10px;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:10px}.gen-button{width:100%;height:48px;font-size:1.2rem}.gen-button.all{grid-column:1/-1;width:100%;height:42px;font-size:.95rem}.gen-button.selected{background:rgba(74,222,128,.22);border-color:rgba(74,222,128,.7);color:#6ee7a0}}@media (max-width:380px){.gen-grid{max-width:100%;gap:6px;padding:8px}.gen-button{height:44px;font-size:1.05rem}}.share-button{display:inline-flex;align-items:center;justify-content:center;background:rgba(50,50,80,.6);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:32px;height:32px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.2);padding:0;margin-left:8px;position:relative;vertical-align:middle}.share-button:hover{background:rgba(74,222,128,.4);box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 2px rgba(74,222,128,.2);transform:scale(1.1)}.share-button:active{transform:scale(.95)}.share-button svg{width:16px;height:16px}.share-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(74,222,128,.9);color:#000;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1000;animation:fadeInUp .3s ease-out,fadeOut .3s ease-in 2.7s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:600px){.share-toast{width:80%;text-align:center}}.share-button:hover:after{content:attr(title);position:absolute;bottom:-40px;right:-30px;background:rgba(0,0,0,.8);color:white;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100;pointer-events:none;opacity:.9}@media (max-width:500px){.share-button:hover:after{bottom:-50px;right:50%;transform:translateX(50%);text-align:center}}.hint-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(30,30,60,.7);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:0;position:relative;flex-shrink:0;margin-right:5px}.hint-button svg{width:20px;height:20px;transition:transform .2s ease}.hint-counter{position:absolute;top:-5px;right:-5px;color:#000;border-radius:50%;width:18px;height:18px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.3)}.hint-button.unlocked{color:rgba(255,255,255,.85);background:rgba(30,30,60,.9);border-color:rgba(255,255,255,.25);animation:pulse 2s infinite}.hint-button.active{color:white;background:rgba(99,102,241,.7);border-color:rgba(255,255,255,.5);box-shadow:0 0 0 2px rgba(99,102,241,.3);transform:scale(1.1);animation:none}.hint-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1);background:rgba(75,75,95,.5);animation:none}.hint-button:hover:not(:disabled){transform:scale(1);box-shadow:0 6px 12px rgba(0,0,0,.3)}.hint-button.unlocked:hover{background:rgba(99,102,241,.5);box-shadow:0 6px 12px rgba(0,0,0,.3),0 0 0 2px rgba(99,102,241,.3)}.hint-button:active:not(:disabled){transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.2)}.hint-row{width:100%;grid-row:2;min-height:16px;position:relative}.hint-message-container{width:100%;display:flex;justify-content:center;margin-top:16px;position:absolute;top:100%;left:0}.hint-message{background:rgba(30,30,50,.99);border-radius:12px;padding:24px;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:90%;max-width:500px;animation:slideDown .2s ease-out}.hint-message-close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:rgba(255,255,255,.4);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:all .2s ease}.hint-message-close-btn:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.1)}.hint-message-content{display:flex;flex-direction:column;gap:16px;width:100%}.hint-message-title{font-size:1.5rem;font-weight:700;color:#4ade80;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center}.hint-message-text{font-size:1.125rem;color:white;line-height:1.6;text-align:center;padding:20px;background:rgba(255,255,255,.05);border-radius:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.4)}70%{box-shadow:0 0 0 6px rgba(99,102,241,0)}to{box-shadow:0 0 0 0 rgba(99,102,241,0)}}.hint-button:hover:after{content:attr(title);position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100;pointer-events:none;opacity:.9;max-width:200px;width:max-content}@media (max-width:768px){.hint-message{padding:20px 16px;width:95%}.hint-message-title{font-size:1.25rem}.hint-message-text{font-size:1rem;padding:16px}.hint-button:hover:after{max-width:220px}}@media (max-width:480px){.hint-button:hover:after{width:220px;white-space:normal;text-align:center}}.game-header{display:grid;grid-template-rows:auto auto;width:100%;max-width:1400px;margin:0 auto 24px;padding:24px 16px 12px;background:rgba(0,0,0,.45);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;z-index:100;grid-gap:16px;gap:16px}.header-top-row{display:grid;grid-template-columns:250px 1fr 250px;align-items:center;width:100%;grid-gap:20px;gap:20px}.left-controls{justify-content:flex-start;gap:12px}.center-column,.left-controls{display:flex;align-items:center}.center-column{flex-direction:column;justify-content:center;gap:16px;width:100%}.button-group{gap:10px;z-index:9999}.button-group,.search-wrapper{display:flex;justify-content:center;align-items:center}.search-wrapper>div{width:100%}.button-group button{margin:0 7px}.button-group button:first-child{margin-left:0}.button-group button:last-child{margin-right:0}.search-wrapper{width:100%;max-width:400px;margin:0 auto}.streak-container{gap:12px}.streak-container,.streak-counter{display:flex;align-items:center;flex-shrink:0}.streak-counter{flex-direction:column;justify-content:center;background:rgba(30,30,60,.6);border-radius:8px;padding:8px 4px;box-shadow:0 4px 8px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;width:100px;height:84px}.streak-counter:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4ade80,#facc15);opacity:.8}.streak-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:2px}.streak-value{font-size:1.5rem;font-weight:700;color:white;text-shadow:0 2px 4px rgba(0,0,0,.5)}.yesterday-pokemon{display:flex;flex-direction:row;align-items:center;border-radius:8px;padding:8px 20px 8px 12px;width:auto;height:84px;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease;gap:10px;flex-shrink:0}.yesterday-pokemon-image{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));transition:transform .3s ease}.yesterday-pokemon:hover .yesterday-pokemon-image{transform:rotate(5deg)}.yesterday-pokemon-text{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.yesterday-pokemon-label{font-size:1rem;text-transform:uppercase;letter-spacing:.025em;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.yesterday-pokemon-label:first-of-type{font-weight:700;font-size:.65rem;color:rgba(255,255,255,.9);margin-bottom:4px;opacity:.3}.header-hints-row{position:relative;min-height:8px;width:100%}.win-message-container{width:100%;grid-row:2;display:flex;justify-content:center}.win-message{display:grid;grid-template-columns:60px 1fr 60px;grid-gap:16px;gap:16px;align-items:center;background:rgba(30,30,60,.01);border-radius:12px;padding:24px 300px;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;animation:slideDown .2s ease-out}.win-message-close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:rgba(255,255,255,.4);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:all .2s ease}.win-message-close-btn:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.1)}.win-message-pokemon-sprites{transform:scaleX(-1)}.win-message-pokemon-sprites,.win-message-pokemon-sprites-shiny{display:flex;align-items:center;justify-content:center}@keyframes sparkle{0%{transform:scale(1.3) rotate(0deg)}25%{transform:scale(1.4) rotate(5deg)}50%{transform:scale(1.3) rotate(0deg)}75%{transform:scale(1.4) rotate(-5deg)}to{transform:scale(1.3) rotate(0deg)}}@keyframes sparkle2{0%{transform:scale(1.3) rotate(0deg)}25%{transform:scale(1.4) rotate(-5deg)}50%{transform:scale(1.3) rotate(0deg)}75%{transform:scale(1.4) rotate(5deg)}to{transform:scale(1.3) rotate(0deg)}}.win-message-pokemon-sprites-shiny img{animation:sparkle 2s ease-in-out infinite}.win-message-pokemon-sprites img{animation:sparkle2 2s ease-in-out infinite}.win-message-pokemon-sprites img:first-child{margin-left:0}.win-message-pokemon-sprites img:last-child{margin-right:0}.win-message-text{display:flex;flex-direction:column;gap:4px;text-align:center}.win-message-title{font-size:3.25rem;font-weight:700;background:linear-gradient(90deg,#4ade80,#60a5fa,#a78bfa,#4ade80);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientText 24s linear infinite;text-shadow:none}.win-message-pokemon-name{font-size:2rem;font-weight:700;color:white;text-transform:capitalize}.win-message-guesses{margin-top:4;font-size:1rem;color:rgba(255,255,255,.8)}.hint-button,.icon-btn,.random-guess-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(30,30,60,.7);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.85);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:0;position:relative;flex-shrink:0;margin:0}.guess-counter,.hint-counter{position:absolute;top:-5px;right:-5px;background:#4ade80;color:#000;border-radius:50%;width:18px;height:18px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.3)}.hint-counter{background:#f59e0b}.hint-button.unlocked:hover:not(:disabled),.random-guess-btn:hover:not(:disabled){background:rgba(74,222,128,.4);box-shadow:0 6px 12px rgba(0,0,0,.3),0 0 0 2px rgba(74,222,128,.2)}.random-guess-btn:hover:not(:disabled) svg{transform:rotate(15deg)}.help-btn:hover{background:rgba(59,130,246,.4);box-shadow:0 6px 12px rgba(0,0,0,.3),0 0 0 2px rgba(59,130,246,.2);transform:scale(1.1)}.settings-btn:hover{background:rgba(139,92,246,.4);box-shadow:0 6px 12px rgba(0,0,0,.3),0 0 0 2px rgba(139,92,246,.2);transform:scale(1.1)}.reset-btn:hover:not(:disabled){background:rgba(239,68,68,.4);box-shadow:0 6px 12px rgba(0,0,0,.3),0 0 0 2px rgba(239,68,68,.2);transform:scale(1.1)}.hint-button:active:not(:disabled),.icon-btn:active,.random-guess-btn:active:not(:disabled){transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.2)}.hint-button:disabled,.random-guess-btn:disabled,.reset-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1);background:rgba(75,75,95,.5)}.hint-button svg,.icon-btn svg,.random-guess-btn svg{width:20px;height:20px;transition:transform .2s ease}.hint-button:hover:after,.icon-btn:hover:after,.random-guess-btn:hover:after{content:attr(title);position:absolute;bottom:-40px;right:-30px;background:rgba(0,0,0,.8);color:white;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100;pointer-events:none;opacity:.9}.right-controls{display:flex;justify-content:flex-end;align-items:center}.generations-container{display:flex;align-items:center;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientText{0%{background-position:0 50%}to{background-position:300% 50%}}@media (max-width:1200px){.header-top-row{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px}.left-controls{width:100%;justify-content:center}.center-column{width:100%}.right-controls{width:100%;justify-content:center}}@media (max-width:900px){.left-controls{flex-wrap:wrap}.search-wrapper{max-width:100%}.win-message{padding:24px 16px;grid-template-columns:50px 1fr 50px}}@media (max-width:600px){.left-controls{flex-direction:column;gap:10px}.streak-container{width:100%;justify-content:center}.button-group{gap:10px}.button-group button{margin:0 5px}.hint-button,.icon-btn,.random-guess-btn{width:38px;height:38px}.hint-button svg,.icon-btn svg,.random-guess-btn svg{width:18px;height:18px}.hint-button:hover:after,.icon-btn:hover:after,.random-guess-btn:hover:after{bottom:-50px;right:50%;transform:translateX(50%);text-align:center}.win-message-container{padding:0 8px}.win-message{grid-template-columns:1fr;padding:24px 16px}.win-message-pokemon-sprites,.win-message-pokemon-sprites-shiny{justify-content:center}.win-message-title{font-size:1.75rem}}@media (max-width:768px){.center-column,.game-header,.header-top-row,.left-controls,.right-controls,.search-wrapper{box-sizing:border-box;max-width:100%}.game-header{padding:14px 8px 12px}.header-top-row{gap:12px}.streak-container{gap:10px}.yesterday-pokemon{padding:6px 10px}.yesterday-pokemon-image{width:48px;height:48px}.game-header{background:var(--surface-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.streak-counter,.yesterday-pokemon{background:var(--surface-2);border:1px solid var(--surface-border);border-radius:10px;box-sizing:border-box}.yesterday-pokemon{padding:8px 12px}.center-column{display:contents}.left-controls{order:1}.button-group{order:2}.right-controls{order:3}.search-wrapper{order:4;margin:0;padding:0}.generations-container,.search-wrapper{width:100%;max-width:100%;box-sizing:border-box}.generations-container{display:flex;justify-content:center}}@media (max-width:600px){.hint-button,.icon-btn,.random-guess-btn{width:44px;height:44px}.hint-button svg,.icon-btn svg,.random-guess-btn svg{width:20px;height:20px}.button-group{gap:8px;flex-wrap:wrap;justify-content:center}.button-group button{margin:0}.hint-button:hover:after,.icon-btn:hover:after,.random-guess-btn:hover:after{display:none}.streak-container{flex-direction:row;justify-content:center;gap:8px}.streak-counter{width:auto;min-width:88px;padding:8px 12px}}.guesses-container{display:flex;flex-direction:column;padding:16px;background:rgba(0,0,0,.45);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.column-headers{padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,.1)}.header-cell{color:rgba(255,255,255,.85)}.grid-container{display:grid;grid-template-columns:80px repeat(9,1fr);grid-gap:10px;gap:10px;align-items:center}.grid-container>*{opacity:0;transform:perspective(600px) rotateX(-90deg);transform-origin:top center;animation:flipReveal .6s ease forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid-container>:first-child{animation-delay:0s}.grid-container>:nth-child(2){animation-delay:.2s}.grid-container>:nth-child(3){animation-delay:.4s}.grid-container>:nth-child(4){animation-delay:.6s}.grid-container>:nth-child(5){animation-delay:.8s}.grid-container>:nth-child(6){animation-delay:1s}.grid-container>:nth-child(7){animation-delay:1.2s}.grid-container>:nth-child(8){animation-delay:1.4s}.grid-container>:nth-child(9){animation-delay:1.6s}.grid-container>:nth-child(10){animation-delay:1.8s}@keyframes flipReveal{0%{opacity:0;transform:perspective(600px) rotateX(-90deg)}50%{opacity:.7}to{opacity:1;transform:perspective(600px) rotateX(0deg)}}.pokemon-sprite{position:relative;background:rgba(30,30,60,0);border-radius:12px;box-shadow:inset 0 0 15px rgba(255,255,255,0),0 5px 15px rgba(0,0,0,.1);transition:transform .2s ease}.pokemon-sprite:hover{transform:translateY(-3px)}.pokemon-sprite img{min-width:100%;min-height:100%;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.guess-number{position:absolute;left:-32px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.9);font-weight:700;font-size:1.2rem;background:rgba(0,0,0,.3);width:26px;height:26px;border-radius:50%;text-shadow:0 1px 2px rgba(0,0,0,.7)}.guess-number,.stat-card{display:flex;align-items:center;justify-content:center}.stat-card{text-align:center;padding:12px 8px;border-radius:6px;font-weight:500;box-shadow:inset 0 0 8 10px rgba(255,255,255,.05),0 4px 8px rgba(0,0,0,.25);transition:all .2s ease;position:relative;color:rgba(255,255,255,.95)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.stat-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 100 10px rgba(255,255,255,.05),0 6px 12px rgba(0,0,0,.35)}.type-icons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;position:relative;z-index:2}.type-icon{width:103px;height:25px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:transform .15s ease,filter .15s ease}.type-icon:hover{transform:scale(1.05);filter:drop-shadow(0 3px 8px rgba(0,0,0,.8)) brightness(1.1)}.correct{background:radial-gradient(circle,rgba(43,187,85,.2) 0,rgba(43,187,85,.95) 100%);color:white!important;text-shadow:0 1px 2px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.8)}.correct:before{position:absolute;top:4px;right:6px;font-size:16px;font-weight:700;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.incorrect{background:radial-gradient(circle,rgba(224,81,81,.3) 0,rgba(224,81,81,.95) 100%);color:white!important;text-shadow:0 1px 2px rgba(0,0,0,.5);border:2px rgba(255,255,255,.4)}.incorrect:before{position:absolute;top:4px;right:6px;font-size:16px;font-weight:700;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.partial{background:radial-gradient(circle,rgba(230,184,0,.2) 0,rgba(230,184,0,.95) 100%);color:white!important;text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:136px;border:2px dashed rgba(255,255,255,.6)}.partial:before{position:absolute;top:0;right:8px;font-size:20px;font-weight:700;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.hint{margin-left:6px;font-weight:700;opacity:.9;color:white!important}.stat-card.type-card{background:transparent;box-shadow:none;padding:10px 0;position:relative;overflow:hidden}.type-card.correct{background:radial-gradient(circle,rgba(43,187,85,0) 0,rgba(43,187,85,.95) 100%);border:2px solid rgba(255,255,255,.8)}.type-card.incorrect{background:radial-gradient(circle,rgba(224,81,81,0) 0,rgba(224,81,81,.95) 100%);border:2px dotted rgba(255,255,255,.2)}.type-card.partial{background:radial-gradient(circle,rgba(230,184,0,0) 0,rgba(230,184,0,.95) 100%);border:2px dashed rgba(255,255,255,.6);max-width:140px}.stat-card .value-with-arrow{display:flex;align-items:center;justify-content:center;gap:4px;margin-right:18px}.stat-card .arrow{font-size:1.1em}@media (max-width:768px){.column-headers{font-size:.7rem}.grid-container{gap:6px}.stat-card{padding:8px 4px;font-size:.85rem}.type-icon{width:80px;height:20px}.correct:before,.incorrect:before,.partial:before{font-size:14px;top:4px;right:4px}}.abilities-container{flex-direction:column;gap:4px;width:100%}.abilities-container,.ability-item{display:flex;align-items:center;justify-content:center}.ability-item{text-align:center;line-height:1;flex-wrap:wrap}.ability-separator{display:inline-block;margin-left:2px}.stat-card:has(.abilities-container){min-height:64px;display:flex;align-items:center;justify-content:center}.column-headers{display:grid;grid-template-columns:80px repeat(9,1fr);grid-gap:8px;gap:8px;margin-bottom:12px;padding:8px 0 12px;border-bottom:0 dashed rgba(255,255,255,.15);background:rgba(15,15,25,.3);border-radius:8px 8px 0 0}.header-cell{text-align:center;font-weight:700;color:rgba(255,255,255,.9);text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5);padding:4px 0;position:relative}.header-cell:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:rgba(255,255,255,.08);border-radius:2px}@media (max-width:1200px){.header-cell{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:768px){.column-headers{padding:6px 0 10px}.header-cell{font-size:.7rem;letter-spacing:0}}.column-headers,.grid-container{display:grid;grid-template-columns:minmax(100px,1fr) repeat(9,1fr);grid-gap:8px;gap:8px}.header-cell:first-child{min-width:100px;padding:4 8px;text-align:center;position:relative}.pokemon-sprite{width:100%;min-width:100px;min-height:102px;padding:8px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.pokemon-sprite img{max-width:100%;object-fit:contain}@media (max-width:768px){.column-headers,.grid-container{grid-template-columns:minmax(80px,1fr) repeat(9,1fr)}.header-cell:first-child,.pokemon-sprite{min-width:80px}}.guesses-container .grid-container .pokemon-sprite .guess-counter{position:absolute;top:4px;left:4px;font-size:15px;font-weight:700;color:rgb(255,255,255)!important;opacity:.2;z-index:5;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5);background:transparent!important;border:none!important;display:block!important}.guesses-container .grid-container .pokemon-sprite .guess-counter:after,.guesses-container .grid-container .pokemon-sprite .guess-counter:before{display:none!important;content:none!important;color:transparent!important;background:none!important}@media (max-width:768px){.guesses-container .grid-container .pokemon-sprite .guess-counter{font-size:13px}}.grid-container>:nth-child(2){width:140px}.grid-container>:nth-child(9){width:110px}.grid-container>:nth-child(10){width:140px}.column-headers>:nth-child(2){width:144px}.column-headers>:nth-child(9){width:124px}.column-headers>:nth-child(10){width:160px}.egg-groups-container{flex-direction:column;gap:4px;width:100%}.egg-group-item,.egg-groups-container{display:flex;align-items:center;justify-content:center}.egg-group-item{text-align:center;line-height:1;flex-wrap:wrap}.egg-group-separator{display:inline-block;margin-left:2px}.stat-card:has(.egg-groups-container){min-height:64px;display:flex;align-items:center;justify-content:center}:root{--correct-bg:radial-gradient(circle,rgba(43,187,85,0.2) 0%,rgba(43,187,85,0.95) 100%);--correct-border:2px solid rgba(255,255,255,0.8);--partial-bg:radial-gradient(circle,rgba(230,184,0,0.2) 0%,rgba(230,184,0,0.95) 100%);--partial-border:2px dashed rgba(255,255,255,0.6);--incorrect-bg:radial-gradient(circle,rgba(224,81,81,0.3) 0%,rgba(224,81,81,0.95) 100%);--incorrect-border:2px none rgba(255,255,255,0.4)}[data-color-mode=dyschromatopsia]{--correct-bg:radial-gradient(circle,rgba(59,130,246,0.2) 0%,rgba(59,93,246,0.95) 100%);--correct-border:2px solid rgba(255,255,255,0.8);--partial-bg:radial-gradient(circle,rgba(250,204,21,0.2) 0%,rgba(250,204,21,0.95) 100%);--partial-border:2px dashed rgba(255,255,255,0.6);--incorrect-bg:radial-gradient(circle,rgba(100,116,139,0.3) 0%,rgba(100,116,139,0.55) 100%);--incorrect-border:2px none rgba(255,255,255,0.4)}[data-color-mode=alternate]{--correct-bg:radial-gradient(circle,rgba(76,29,149,0.3) 0%,rgba(76,29,149,0.95) 100%);--correct-border:2px solid rgba(255,255,255,0.8);--partial-bg:radial-gradient(circle,rgba(167,139,250,0.3) 0%,rgba(167,139,250,0.75) 100%);--partial-border:2px dashed rgba(255,255,255,0.6);--incorrect-bg:radial-gradient(circle,rgba(153,27,27,0.3) 0%,rgba(153,27,27,0.95) 100%);--incorrect-border:2px none rgba(255,255,255,0.4)}[data-color-mode=monochrome]{--correct-bg:radial-gradient(circle,rgba(229,231,235,0.9) 0%,rgba(229,231,235,0.95) 100%);--correct-border:2px solid rgba(0,0,0,0.4);--partial-bg:radial-gradient(circle,rgba(148,163,184,0.6) 0%,rgba(148,163,184,0.95) 100%);--partial-border:2px solid rgba(255,255,255,0.2);--incorrect-bg:radial-gradient(circle,rgba(51,65,85,0.3) 0%,rgba(51,65,85,0.95) 100%);--incorrect-border:2px solid rgba(255,255,255,0.1)}.stat-card.correct{background:var(--correct-bg);border:var(--correct-border)}.stat-card.partial{background:var(--partial-bg);border:var(--partial-border)}.stat-card.incorrect{background:var(--incorrect-bg);border:var(--incorrect-border)}.type-card.correct{background:var(--correct-bg);border:var(--correct-border)}.type-card.partial{background:var(--partial-bg);border:var(--partial-border)}.type-card.incorrect{background:var(--incorrect-bg);border:var(--incorrect-border)}[data-color-mode=monochrome] .stat-card.correct{color:#000!important;text-shadow:none!important}[data-color-mode=monochrome] .stat-card.incorrect{color:#fff!important}[data-color-mode=alternate] .indicator.correct,[data-color-mode=dyschromatopsia] .indicator.correct,[data-color-mode=monochrome] .indicator.correct{background:var(--correct-bg);border:var(--correct-border)}[data-color-mode=alternate] .indicator.partial,[data-color-mode=dyschromatopsia] .indicator.partial,[data-color-mode=monochrome] .indicator.partial{background:var(--partial-bg);border:var(--partial-border)}[data-color-mode=alternate] .indicator.incorrect,[data-color-mode=dyschromatopsia] .indicator.incorrect,[data-color-mode=monochrome] .indicator.incorrect{background:var(--incorrect-bg);border:var(--incorrect-border)}.indicator,.stat-card{transition:background .3s ease,border .3s ease,color .3s ease}[data-color-mode=monochrome] .hint{color:inherit!important}.correct:before,.incorrect:before,.partial:before{position:absolute;top:4px;right:6px;font-size:16px;font-weight:700;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.correct:before{content:"✓";color:white}.partial:before{content:"≈";color:white}.incorrect:before{content:"✗";color:white}[data-color-mode=monochrome] .correct:before{color:#000;text-shadow:0 1px 2px rgba(255,255,255,.3)}[data-color-mode=monochrome] .stat-card.correct:after{background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0,transparent)}[data-color-mode=monochrome] .stat-card.correct:after,[data-color-mode=monochrome] .stat-card.partial:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:10px 10px;border-radius:4px;pointer-events:none}[data-color-mode=monochrome] .stat-card.partial:after{background-image:linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 0,transparent 50%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,transparent 0,transparent)}@media (max-width:768px){.guesses-container{width:100%;padding:12px 0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:var(--surface-1)}.column-headers,.grid-container{grid-template-columns:66px repeat(9,92px);width:max-content;min-width:max-content;gap:6px;padding:0 10px}.column-headers{margin-bottom:10px;padding-bottom:6px}.column-headers>:nth-child(10),.column-headers>:nth-child(2),.column-headers>:nth-child(9),.grid-container>:nth-child(10),.grid-container>:nth-child(2),.grid-container>:nth-child(9){width:auto}.column-headers>.header-cell:first-child,.grid-container>.pokemon-sprite{position:-webkit-sticky;position:sticky;left:0;z-index:6;background:var(--surface-2);box-shadow:6px 0 8px -5px rgba(0,0,0,.65)}.column-headers>.header-cell:first-child{border-radius:6px 6px 0 0}.grid-container>.pokemon-sprite{border-radius:8px}.pokemon-sprite{width:66px;min-width:0;min-height:78px;padding:4px}.header-cell:first-child{min-width:0;width:auto}.grid-container .pokemon-sprite img{width:50px;height:50px;max-width:none;object-fit:contain}.stat-card{min-height:78px;padding:6px 3px;font-size:.75rem;line-height:1.25}.type-icon{width:74px;height:18px}.ability-item,.egg-group-item{font-size:.72rem;max-width:100%;word-break:break-word}.header-cell{font-size:.62rem;white-space:nowrap}}@media (max-width:480px){.column-headers,.grid-container{grid-template-columns:58px repeat(9,84px);gap:5px}.pokemon-sprite{width:58px;min-width:0;min-height:72px}.header-cell:first-child{min-width:0;width:auto}.grid-container .pokemon-sprite img{width:44px;height:44px}.stat-card{min-height:72px;font-size:.7rem}.type-icon{width:66px;height:16px}}.column-headers .header-cell{position:relative;cursor:help}.column-headers .header-cell:before{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:200;width:max-content;max-width:210px;padding:8px 10px;background:rgba(10,8,18,.96);border:1px solid rgba(255,255,255,.14);border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.45);color:rgba(255,255,255,.92);font-size:11px;font-weight:500;letter-spacing:0;line-height:1.45;text-transform:none;text-align:left;white-space:normal;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none}.column-headers .header-cell:focus-visible:before,.column-headers .header-cell:hover:before{opacity:1;visibility:visible}.column-headers .header-cell:focus-visible{outline:2px solid rgba(96,165,250,.8);outline-offset:2px;border-radius:4px}.column-headers .header-cell:first-child:before{left:0;transform:none}.column-headers .header-cell:last-child:before,.column-headers .header-cell:nth-last-child(2):after{left:auto;right:0;transform:none}@media (hover:none),(max-width:768px){.column-headers .header-cell:before{display:none}.column-headers .header-cell{cursor:default}}.site-footer{width:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:rgba(255,255,255,.8);padding:2rem 1rem;font-size:.9rem;line-height:1.5;margin-top:60vh;border-top:1px solid rgba(255,255,255,.1)}.main-screen{min-height:100vh;display:flex;flex-direction:column}.main-container{flex:1 1;display:flex;flex-direction:column}.game-result-container{flex:1 1}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.footer-section{padding:0 1rem}.footer-section h3{font-size:1.1rem;margin-bottom:1rem;color:#fff;position:relative;display:inline-block}.footer-section h3:after{content:"";position:absolute;bottom:-5px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#4ade80,#60a5fa,#a78bfa)}.footer-section p{margin-bottom:.75rem;color:rgba(255,255,255,.7)}.footer-section a{color:#60a5fa;text-decoration:none;transition:color .2s ease;position:relative;padding-bottom:1px;border-bottom:1px dotted rgba(96,165,250,.5)}.footer-section a:hover{color:#4ade80;border-bottom-color:#4ade80}.credits-section{display:flex;flex-direction:column}.tech-stack{margin-top:auto;padding-top:.75rem}.tech-stack h4{font-size:.95rem;margin-bottom:.5rem;color:#fff}.tech-stack ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.tech-stack li{background:linear-gradient(135deg,rgba(74,222,128,.2),rgba(96,165,250,.2) 50%,rgba(167,139,250,.2));padding:.25rem .75rem;border-radius:20px;font-size:.8rem;color:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.tech-stack li:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2);background:linear-gradient(135deg,rgba(74,222,128,.3),rgba(96,165,250,.3) 50%,rgba(167,139,250,.3))}.copyright{margin-top:1.5rem;opacity:.7;font-size:.85rem}.loading-container{flex:1 1;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.footer-content,.footer-section,.site-footer{box-sizing:border-box;max-width:100%}.site-footer{padding:1.5rem .75rem}.footer-content{grid-template-columns:1fr;gap:1.5rem;padding:0}.footer-section{padding:0 .5rem}.tech-stack ul{display:flex;flex-direction:row;flex-wrap:wrap}}.accessibility-section{display:flex;flex-direction:column}.color-mode-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.color-mode-btn{display:flex;flex-direction:column;align-items:center;background:rgba(30,30,50,.6);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease;min-width:90px}.color-mode-btn:hover{transform:translateY(-2px);background:rgba(40,40,70,.8);border-color:rgba(255,255,255,.2)}.color-mode-btn.active{background:rgba(60,60,100,.8);border-color:rgba(255,255,255,.3);box-shadow:0 0 10px rgba(96,165,250,.5)}.mode-swatch{display:flex;gap:6px;margin-bottom:8px}.mode-swatch span{width:22px;height:22px;border-radius:4px}.default-swatch .swatch-correct{background-color:#4ade80;border:1px solid #38c172}.default-swatch .swatch-partial{background-color:#facc15;border:1px solid #eab308}.default-swatch .swatch-incorrect{background-color:#f87171;border:1px solid #ef4444}.dyschromatopsia-swatch .swatch-correct{background-color:#3b82f6;border:1px solid #2563eb}.dyschromatopsia-swatch .swatch-partial{background-color:#facc15;border:1px solid #eab308}.dyschromatopsia-swatch .swatch-incorrect{background-color:#64748b;border:1px solid #475569}.alternate-swatch .swatch-correct{background-color:#4C1D95;border:1px solid #4c1d95}.alternate-swatch .swatch-partial{background-color:#a78bfa;border:1px solid #a78bfa}.alternate-swatch .swatch-incorrect{background-color:#991b1b;border:1px solid #991b1b}.monochrome-swatch .swatch-correct{background-color:#e5e7eb;border:1px solid #d1d5db}.monochrome-swatch .swatch-partial{background-color:#94a3b8;border:1px solid #64748b}.monochrome-swatch .swatch-incorrect{background-color:#334155;border:1px solid #1e293b}.mode-name{font-size:.85rem;color:#e5e7eb}@media (max-width:768px){.color-mode-options{justify-content:center}}