@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-base:#0b0c10;--bg-surface:#1f2833;--bg-elevated:#283340;--accent-primary:#66fcf1;--accent-secondary:#45a29e;--text-primary:#fff;--text-secondary:#c5c6c7;--border-subtle:#ffffff14}:root --border-.flow-icon{color:#66fcf1}@media (width<=768px){:root .hero-section h1{font-size:2.2rem}:root .hero-section p{font-size:1.1rem}:root .game-card{padding:1.5rem}:root .game-card h2{font-size:1.4rem}}@media (width<=480px){:root .hero-section h1{font-size:1.8rem}:root .game-icon{width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem}:root .game-card h2{font-size:1.25rem}:root .game-card p{margin-bottom:1.5rem;font-size:.95rem}}:root{--glass-bg:#1f283399;--glass-border:#ffffff0d;--shadow-glow:0 0 15px #66fcf133;--shadow-surface:0 8px 32px 0 #0006;--font-main:"Outfit", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#66fcf108,#0000 25%),radial-gradient(circle at 85% 30%,#45a29e0a,#0000 25%);min-height:100vh;margin:0}@media (width<=600px){html{font-size:14px}}#root{flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-surface);border-radius:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated)}.app-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.app-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.app-logo{align-items:center;display:flex}.logo-img{width:auto;height:32px;transition:transform .3s}.app-logo:hover .logo-img{transform:scale(1.05)}.app-nav{gap:1rem;display:flex}.app-logo-link{text-decoration:none}.app-nav a{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;text-decoration:none}.app-nav a:hover{background:var(--bg-surface);border-color:var(--accent-primary);color:var(--text-primary)}.app-nav a.active{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:inset 0 0 10px #66fcf133, var(--shadow-glow);background:#66fcf11a}.stats-link{justify-content:center;align-items:center;min-width:45px;display:flex;padding:.6rem .8rem!important}.stats-link svg{display:block}.auth-section{border-left:1px solid var(--border-subtle);align-items:center;margin-left:1rem;padding-left:1rem;display:flex}.auth-btn{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;padding:.5rem 1rem;font-weight:500}.auth-btn:hover{background:#ffffff0d}.auth-btn.highlight{border-color:var(--accent-primary);color:var(--accent-primary)}.auth-btn.highlight:hover{background:#66fcf11a;box-shadow:0 0 10px #66fcf133}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.dropdown{display:inline-block;position:relative}.dropdown-trigger{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;display:flex}.dropdown-trigger:hover,.dropdown:hover .dropdown-trigger{background:var(--bg-surface);border-color:var(--accent-primary);color:var(--text-primary)}.dropdown-content{background:var(--bg-surface);border:1px solid var(--border-subtle);z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:.5rem;min-width:720px;padding:1.5rem;display:none;position:absolute;top:100%;right:-200px;box-shadow:0 8px 32px #000c}@media (width<=850px){.dropdown-content{grid-template-columns:repeat(2,1fr);min-width:500px;padding:1rem;right:-100px}}@media (width<=550px){.dropdown-content{border-radius:12px;grid-template-columns:1fr;min-width:auto;max-height:80vh;position:fixed;top:60px;left:10px;right:10px;overflow-y:auto}}.dropdown:hover .dropdown-content{animation:.2s ease-out dropdownFade;display:grid!important}.dropdown-content:before{content:"";background:0 0;width:100%;height:15px;position:absolute;top:-15px;left:0}.timer-wrapper{align-items:center;gap:.5rem;display:flex}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content a{color:var(--text-secondary);text-align:left;border-radius:8px;padding:.8rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:block;border:none!important}.dropdown-content a:hover{background:#66fcf11a;padding-left:1.2rem;color:var(--accent-primary)!important}.app-nav a.active{background:#66fcf10d;color:var(--accent-primary)!important}@media (width<=768px){.app-container{gap:1rem;padding:1rem}.app-header{padding-bottom:.8rem}.logo-img{height:28px}.dropdown-trigger{padding:.5rem .8rem;font-size:.9rem}.stats-link{min-width:40px;padding:.5rem!important}.auth-section{margin-left:.5rem;padding-left:.5rem}.auth-btn{padding:.4rem .7rem;font-size:.85rem}}@media (width<=480px){.app-container{gap:.5rem;padding:.5rem}.app-header{flex-wrap:wrap;gap:.5rem;padding:.5rem .2rem}.logo-img{height:24px}.app-nav a,.dropdown-trigger,.stats-link{min-width:auto;padding:.4rem .6rem;font-size:.8rem}.stats-link svg{width:18px;height:18px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:500px;padding:2.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalIn;box-shadow:0 20px 40px #00000080,0 0 30px #66fcf11a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-header h2{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.5rem}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s}.rules-list{flex-direction:column;gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.rule-item{color:var(--text-primary);padding-left:1.5rem;font-size:1.05rem;line-height:1.6;position:relative}.rule-item:before{content:">";color:var(--accent-primary);font-weight:800;position:absolute;left:0}.modal-footer{justify-content:center;margin-top:2.5rem;display:flex}.confirm-button{background:var(--accent-primary);color:var(--bg-base);cursor:pointer;border:none;border-radius:10px;padding:.8rem 2.5rem;font-size:1rem;font-weight:700;transition:all .2s}.confirm-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #66fcf14d}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.help-trigger{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:10px;font-weight:800;transition:all .2s;display:flex}.help-trigger:hover{background:var(--accent-primary);color:var(--bg-base);border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}@media (width<=600px){.modal-content.glass-panel{border-radius:15px;max-height:90vh;padding:1.5rem;overflow-y:auto}.modal-header{margin-bottom:1.5rem}.modal-header h2{font-size:1.2rem}.rule-item{padding-left:1.2rem;font-size:.95rem}.modal-footer{margin-top:1.5rem}.confirm-button{width:100%;padding:.7rem 2rem}}.word-search-container{justify-content:center;align-items:flex-start;gap:3rem;width:100%;margin-top:.5rem;display:flex}@media (width<=768px){.word-search-container{flex-direction:column;align-items:center}}.game-board{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;padding:2.5rem;display:flex;position:relative;overflow:hidden}@media (width<=600px){.game-board{padding:1.5rem 1rem}}.game-board:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#66fcf10d 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.grid{z-index:1;touch-action:none;flex-direction:column;gap:4px;display:flex}.grid-row{gap:4px;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:inset 0 0 10px #66fcf14d}50%{box-shadow:inset 0 0 20px #66fcf199}to{box-shadow:inset 0 0 10px #66fcf14d}}.grid-cell{width:45px;height:45px;color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;transition:all .15s;animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:flex;position:relative}.grid-cell:hover{z-index:2;background:#ffffff14;border-color:#fff3;transform:scale(1.05)}.grid-cell.selected{border-color:var(--accent-primary);color:var(--accent-primary);z-index:3;background:#66fcf126;transform:scale(1.1);box-shadow:inset 0 0 15px #66fcf133,0 0 10px #66fcf14d}.grid-cell.found{border-color:var(--accent-secondary);color:#fff;opacity:.9;text-shadow:0 0 8px #ffffff80;background:#45a29e40;animation:1s ease-in-out infinite alternate pulseGlow}.word-list-panel{z-index:1;min-width:250px;padding:2rem}.word-list-panel h3{color:var(--accent-primary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.2rem}.words{flex-direction:column;gap:1rem;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.word-item{color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:.8rem;font-size:1.1rem;font-weight:500;animation:.3s ease-out backwards slideIn;display:flex}.word-item.found{color:var(--accent-secondary);opacity:.5;text-decoration:line-through;transform:translate(5px)}.word-icon{border:2px solid var(--border-subtle);border-radius:50%;width:16px;height:16px;transition:all .3s;display:inline-block}.word-item.found .word-icon{background-color:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 8px var(--accent-secondary)}.game-header{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex}.game-info{justify-content:space-between;align-items:center;gap:4rem;width:100%;margin-bottom:.5rem;display:flex}.game-title{background:linear-gradient(135deg, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:700}.timer{color:var(--accent-primary);font-variant-numeric:tabular-nums;background:#66fcf11a;border:1px solid #66fcf133;border-radius:8px;padding:.4rem 1rem;font-size:1.25rem;font-weight:600;box-shadow:inset 0 0 10px #66fcf11a}.game-status-container{flex-direction:column;justify-content:center;align-items:center;min-height:2.5rem;display:flex}.game-status{color:var(--accent-primary);letter-spacing:1px;font-size:1.1rem;font-weight:500}.next-button{color:var(--bg-base);background:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);font-size:1.1rem;font-weight:600;font-family:var(--font-main);border:none;border-radius:8px;margin-top:1rem;padding:.7rem 1.5rem;animation:2s infinite pulse;box-shadow:0 4px 15px #66fcf14d}.next-button:hover{background:#7afff5;transform:translateY(-2px);box-shadow:0 6px 20px #66fcf180}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=600px){.game-board{width:95vw;min-width:auto;padding:1rem}.grid-cell{border-radius:4px;width:32px;height:32px;font-size:.9rem}.game-title{font-size:1.5rem}.timer{padding:.3rem .6rem;font-size:1rem}}@media (width<=400px){.grid-cell{width:28px;height:28px;font-size:.8rem}.grid,.grid-row{gap:2px}}.sudoku-container{justify-content:center;align-items:flex-start;gap:3rem;width:100%;margin-top:.5rem;display:flex}@media (width<=850px){.sudoku-container{flex-direction:column;align-items:center}}.sudoku-grid{border:2px solid var(--accent-primary);background:var(--bg-surface);z-index:1;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 20px #66fcf126}.sudoku-row{display:flex}.sudoku-row.border-bottom{border-bottom:2px solid var(--accent-primary)}@keyframes shakeError{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.sudoku-cell{width:50px;height:50px;color:var(--text-primary);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:500;transition:all .2s,transform .1s;animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:flex}.sudoku-cell:last-child{border-right:none}.sudoku-row:last-child .sudoku-cell{border-bottom:none}.sudoku-cell.border-right{border-right:2px solid var(--accent-primary)}.sudoku-cell.initial{color:var(--text-secondary);font-weight:400}.sudoku-cell:hover:not(.selected){z-index:2;background:#ffffff0d;transform:scale(1.05)}.sudoku-cell.selected{color:var(--accent-primary);z-index:3;background:#66fcf14d;transform:scale(1.1);box-shadow:inset 0 0 10px #66fcf166}.sudoku-cell.related{background:#66fcf114}.sudoku-cell.same-number{color:var(--accent-primary);text-shadow:0 0 5px #66fcf180;background:#66fcf133;font-weight:700}.sudoku-cell.conflict{color:#ff5252;background:#ff525233;animation:.4s ease-in-out shakeError;box-shadow:inset 0 0 10px #ff52524d}.number-pad{z-index:1;min-width:250px;padding:2rem}.number-pad h3{color:var(--accent-primary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.2rem}.numpad-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad-btn{border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.5rem;font-family:var(--font-main);cursor:pointer;height:60px;transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.numpad-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#66fcf11a;transform:translateY(-4px);box-shadow:0 4px 10px #66fcf133}.numpad-btn:active{transform:translateY(0)}.clear-btn{color:#ff5252;letter-spacing:1px;text-transform:uppercase;grid-column:span 3;font-size:1.2rem;font-weight:600}.clear-btn:hover{color:#ff5252;background:#ff52521a;border-color:#ff5252;box-shadow:0 4px 10px #ff525233}@media (width<=600px){.sudoku-cell{width:38px;height:38px;font-size:1.1rem}.number-pad{width:100%;min-width:auto;padding:1rem}.numpad-btn{height:50px;font-size:1.2rem}}@media (width<=400px){.sudoku-cell{width:32px;height:32px;font-size:1rem}}.dashboard-container{width:100%;max-width:1000px;margin:2rem auto;animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1rem;display:flex}.title-group{flex-direction:column;gap:1rem;display:flex}.dashboard-title{background:linear-gradient(135deg, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.clear-scores-btn{color:#ff5252;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ff525280;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.clear-scores-btn:hover{background:#ff52521a;border-color:#ff5252}.dashboard-content{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=800px){.dashboard-content{grid-template-columns:1fr}}.dashboard-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-surface);border-radius:16px;flex-direction:column;padding:2rem;display:flex}.dashboard-section.empty{text-align:center;justify-content:center;align-items:center;min-height:200px}.dashboard-section.empty p{color:var(--text-secondary);margin-top:1rem}.dashboard-section h3{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:1.5rem}.table-container{overflow-x:auto}.score-table{border-collapse:collapse;text-align:left;width:100%}.score-table th{color:var(--text-secondary);text-transform:uppercase;border-bottom:2px solid var(--border-subtle);padding:1rem .5rem;font-size:.9rem;font-weight:600}.score-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:1rem .5rem;font-size:1.1rem}.score-table tbody tr:last-child td{border-bottom:none}.score-table tbody tr{transition:background var(--transition-fast)}.score-table tbody tr:hover{background:#ffffff08}.level-badge{color:var(--accent-primary);background:#66fcf11a;border:1px solid #66fcf133;border-radius:4px;padding:.2rem .6rem;font-weight:700}.time-col{font-variant-numeric:tabular-nums;font-weight:500}.date-col{color:var(--text-secondary);font-size:.95rem!important}.username-col{color:var(--accent-primary);font-weight:600}.view-toggle{background:#ffffff0d;border-radius:10px;gap:.5rem;width:fit-content;padding:.25rem;display:flex}.view-toggle button{color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600}.view-toggle button.active{background:var(--accent-primary);color:var(--bg-base)}.home-container{flex-direction:column;align-items:center;gap:3rem;width:100%;animation:.4s ease-out fadeIn;display:flex}.hero-section{text-align:center;margin-top:2rem}.hero-section h1{background:linear-gradient(135deg, #fff, var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero-section p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;width:100%;max-width:1400px;display:grid}.game-card{color:inherit;flex-direction:column;padding:2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.game-card:before{content:"";background:linear-gradient(45deg,#0000,#66fcf10d,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.game-card:hover:before{transform:translate(100%)}.game-card:hover{border-color:#66fcf166;transform:translateY(-5px);box-shadow:0 15px 35px #0006,0 0 20px #66fcf133}.game-icon{border:1px solid var(--border-subtle);width:64px;height:64px;color:var(--accent-primary);background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:2rem;font-weight:700;display:flex}.game-card h2{margin-bottom:1rem;font-size:1.75rem}.game-card p{color:var(--text-secondary);flex:1;margin-bottom:2rem;line-height:1.5}.play-link{color:var(--accent-primary);align-items:center;font-size:1.1rem;font-weight:600;transition:color .2s;display:flex}.game-card:hover .play-link{color:#fff}.flow-icon{color:#66fcf1}@media (width<=768px){.hero-section h1{font-size:2.2rem}.hero-section p{font-size:1.1rem}.game-card{padding:1.5rem}.game-card h2{font-size:1.4rem}}@media (width<=480px){.hero-section h1{font-size:1.8rem}.game-icon{width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem}.game-card h2{font-size:1.25rem}.game-card p{margin-bottom:1.5rem;font-size:.95rem}}.nonograms-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.nonogram-layout{flex-direction:column;width:95%;max-width:600px;margin-left:auto;margin-right:auto;display:flex}.col-clues-row{width:100%;display:flex}.corner-space{flex-shrink:0;width:20%}.col-clue-box{color:var(--accent-primary);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:8px;font-size:clamp(.7rem,2vw,1rem);font-weight:700;display:flex}.grid-with-row-clues{width:100%;display:flex}.row-clues-column{flex-direction:column;flex-shrink:0;width:20%;display:flex}.row-clue-box{color:var(--accent-primary);flex:1;justify-content:flex-end;align-items:center;gap:6px;padding-right:10px;font-size:clamp(.7rem,2vw,1rem);font-weight:700;display:flex}.nonogram-grid{border:1px solid var(--accent-primary);flex-direction:column;flex:1;display:flex}.nonogram-row{flex:1;display:flex}.nonogram-cell{aspect-ratio:1;border:1px solid var(--border-subtle);color:#ff5252;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;flex:1;justify-content:center;align-items:center;font-size:clamp(.8rem,3vw,1.5rem);transition:all .2s;animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:flex}.nonogram-cell:hover{background:#ffffff0d}.nonogram-cell.filled{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 15px #66fcf166}.nonogram-cell.marked{color:#ff525299}.minesweeper-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.ms-grid{border:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;background:#ffffff05;border-radius:12px;gap:4px;width:100%;max-width:500px;margin-top:1rem;margin-left:auto;margin-right:auto;padding:1rem;display:grid}.ms-cell{aspect-ratio:1;border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:100%;font-size:clamp(.8rem,2vw,1.2rem);font-weight:700;transition:all .15s;animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:flex}.ms-cell:hover:not(.revealed){z-index:2;background:#ffffff1a;border-color:#66fcf14d;transform:scale(1.05)}.ms-cell.revealed{cursor:default;background:#0003;border-color:#ffffff0d}.ms-cell.mine{background:#ff52524d;border-color:#ff5252;animation:.4s ease-in-out shakeError}.ms-cell.flagged{color:var(--accent-primary)}.neighbor-count{font-size:1.2rem}.n-1{color:#4fc3f7}.n-2{color:#81c784}.n-3{color:#ff8a65}.n-4{color:#9575cd}.n-5{color:#f06292}.n-6{color:#4db6ac}.n-7{color:#fff176}.n-8{color:#90a4ae}.game-status.error{color:#ff5252}.game-2048-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.score-container{align-items:center;gap:1rem;display:flex}.score-box{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:8px;padding:.4rem 1rem;font-weight:700}.tile-grid{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;margin-top:1rem;padding:15px}.tile-content-area{position:relative}.tile-bg-cell{background:#ffffff05;border-radius:8px;width:100px;height:100px;position:absolute}.tile{width:100px;height:100px;color:var(--text-primary);z-index:10;border-radius:8px;justify-content:center;align-items:center;font-size:2rem;font-weight:800;transition:transform .15s ease-in-out,background-color .15s ease-in-out;display:flex;position:absolute}.tile-inner{border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out backwards popIn;display:flex}.tile-0{color:#0000;background:#ffffff05}.tile-2{color:var(--text-primary);background:#66fcf11a}.tile-4{color:var(--text-primary);background:#66fcf133}.tile-8{color:#fff;background:#66fcf14d}.tile-16{color:#fff;background:#66fcf166}.tile-32{color:#fff;background:#66fcf180}.tile-64{color:#fff;background:#66fcf199}.tile-128{background:var(--accent-primary);color:var(--bg-base);box-shadow:0 0 15px var(--accent-primary);font-size:1.8rem}.tile-256{background:var(--accent-primary);color:var(--bg-base);box-shadow:0 0 20px var(--accent-primary);font-size:1.8rem}.tile-512{background:var(--accent-primary);color:var(--bg-base);box-shadow:0 0 25px var(--accent-primary);font-size:1.8rem}.tile-1024{background:var(--accent-primary);color:var(--bg-base);box-shadow:0 0 30px var(--accent-primary);font-size:1.5rem}.tile-2048{color:var(--bg-base);background:#fff;font-size:1.5rem;box-shadow:0 0 40px #fff}@media (width<=500px){.tile-grid{padding:10px}.tile-bg-cell,.tile{width:70px;height:70px;font-size:1.2rem}}.mobile-controls{display:none}@media (width<=500px){.mobile-controls{flex-direction:column;align-items:center;gap:.5rem;width:100%;margin-top:2rem;display:flex}.side-controls{gap:3rem;display:flex}.control-btn{border:1px solid var(--accent-primary);width:60px;height:60px;color:var(--accent-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#66fcf10d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 0 10px #66fcf11a}.control-btn:active{background:var(--accent-primary);color:var(--bg-base);box-shadow:0 0 20px var(--accent-primary);transform:scale(.9)}}.sliding-puzzle-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.sliding-grid{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;margin-top:1rem;padding:15px}.sliding-content-area{position:relative}.sliding-tile{border:1px solid var(--border-subtle);width:80px;height:80px;color:var(--accent-primary);cursor:pointer;background:#66fcf11a;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s,border-color .2s;animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:flex;position:absolute}.sliding-tile:hover:not(.empty){z-index:2;border-color:var(--accent-primary);background:#66fcf133;box-shadow:0 0 15px #66fcf133}.sliding-tile.empty{cursor:default;z-index:0;opacity:.3;background:0 0;border:1px dashed #ffffff0d}@media (width<=500px){.sliding-grid{gap:8px;padding:10px}.sliding-tile{width:60px;height:60px;font-size:1.2rem}}.lights-out-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.lights-grid{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;gap:12px;width:100%;max-width:500px;margin-top:1rem;margin-left:auto;margin-right:auto;padding:20px;display:grid}.light-cell{aspect-ratio:1;cursor:pointer;border:1px solid var(--border-subtle);border-radius:12px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn}.light-cell.on{background:var(--accent-primary);border-color:#fff;box-shadow:0 0 20px #66fcf199,inset 0 0 10px #fff6}.light-cell.off{background:#ffffff0d;box-shadow:inset 0 0 10px #0000004d}.light-cell:hover{filter:brightness(1.2);transform:scale(1.05)}.code-breaker-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.cb-main{gap:2rem;margin-top:.5rem;display:flex}.history-panel{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;flex-direction:column-reverse;gap:8px;max-height:550px;padding:1.5rem;display:flex;overflow-y:auto}.history-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:1.5rem;padding:4px;display:flex}.row-number{color:var(--text-secondary);width:20px;font-size:.8rem}.guess-slots{gap:10px;display:flex}.slot{border:2px solid #ffffff1a;border-radius:50%;width:32px;height:32px;transition:all .2s}.slot.active{border-color:var(--border-subtle);width:45px;height:45px}.feedback-area{grid-template-columns:repeat(2,1fr);gap:4px;width:30px;display:grid}.f-dot{border-radius:50%;width:8px;height:8px}.f-dot.correct{background:#ff5252;box-shadow:0 0 5px #ff5252}.f-dot.near{background:#fff;box-shadow:0 0 5px #fff}.control-panel{flex-direction:column;gap:2rem;height:fit-content;padding:2rem;display:flex}.current-entry h3{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1rem}.color-picker{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.color-btn{cursor:pointer;border:2px solid #ffffff1a;border-radius:50%;width:50px;height:50px;transition:all .2s}.color-btn:hover{border-color:#fff;transform:scale(1.1);box-shadow:0 0 15px #fff3}.action-btns{gap:1rem;display:flex}.cb-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.8rem;font-weight:700;transition:all .2s}.cb-btn.delete{color:#ff5252;background:#ff52521a;border:1px solid #ff525233}.cb-btn.submit{background:var(--accent-primary);color:var(--bg-base)}.cb-btn.submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.cb-main{flex-direction:column;align-items:center}.history-panel{width:100%;max-width:400px}.control-panel{width:100%;max-width:400px;padding:1.5rem}.slot.active{width:35px;height:35px}.color-btn{width:40px;height:40px}.guess-slots{gap:5px}}.neural-link-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.target-progress{width:100%;color:var(--text-secondary);flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.9rem;display:flex}.progress-bar{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--accent-primary);height:100%;box-shadow:0 0 10px var(--accent-primary);transition:width .3s}.neural-grid{grid-template-columns:repeat(2,1fr);justify-content:center;gap:20px;width:100%;max-width:400px;margin-top:2rem;margin-left:auto;margin-right:auto;display:grid}.neural-node{aspect-ratio:1;border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff05;border-radius:20px;outline:none;width:100%;transition:all .2s;position:relative;overflow:hidden}.neural-node:hover:not(:disabled){border-color:var(--accent-primary);background:#ffffff0d}.node-core{background:var(--border-subtle);border-radius:50%;width:40px;height:40px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.neural-node.active .node-core{background:var(--accent-primary);width:60px;height:60px;box-shadow:0 0 30px var(--accent-primary)}.node-pulse{background:radial-gradient(circle, var(--accent-primary) 0%, transparent 70%);opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.neural-node.active .node-pulse{opacity:.2;animation:.5s ease-out infinite nodePulseEffect}@keyframes nodePulseEffect{0%{opacity:.4;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.memory-match-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.memory-grid{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;gap:15px;width:100%;max-width:600px;margin-top:1rem;margin-left:auto;margin-right:auto;padding:20px;display:grid}.memory-card{aspect-ratio:3/4;perspective:1000px;cursor:pointer;width:100%;animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn}.card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 8px #0000004d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border:1px solid var(--border-subtle);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(1rem,4vw,2.5rem);display:flex;position:absolute}.card-front{color:var(--accent-primary);background:#66fcf10d;font-weight:700}.card-back{color:var(--text-primary);border-color:var(--accent-primary);background:#66fcf126;transform:rotateY(180deg);box-shadow:0 0 15px #66fcf133}.memory-card.matched{opacity:.6;cursor:default;pointer-events:none;filter:grayscale(.5)}.anagrams-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.anagram-display{justify-content:center;gap:15px;margin:3rem 0;display:flex}.scrambled-char{border:1px solid var(--accent-primary);width:60px;height:60px;color:var(--accent-primary);text-shadow:0 0 10px #66fcf180;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;font-size:2rem;font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:flex}.anagram-form{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;margin:0 auto;display:flex}.anagram-input{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-main);text-align:center;letter-spacing:4px;background:#0000004d;border-radius:12px;outline:none;padding:1rem 1.5rem;font-size:1.2rem;transition:all .3s}.anagram-input:focus{border-color:var(--accent-primary);box-shadow:0 0 15px #66fcf133}.verify-btn{background:var(--accent-primary);color:var(--bg-base);cursor:pointer;border:none;border-radius:12px;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s}.verify-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #66fcf14d}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.anagram-display.shake{animation:.4s ease-in-out shakeError}@media (width<=500px){.scrambled-char{width:40px;height:40px;font-size:1.2rem}}.hanoi-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.hanoi-world{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;justify-content:space-around;align-items:flex-end;gap:20px;width:100%;max-width:800px;height:300px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:3rem;display:flex}.hanoi-tower{cursor:pointer;flex-direction:column;flex:1;align-items:center;min-width:80px;height:100%;transition:all .3s;display:flex;position:relative}.hanoi-tower.selected .tower-rod{background:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary)}.tower-rod{background:#ffffff1a;border-radius:6px;width:12px;height:200px;position:absolute;bottom:10px}.tower-base{background:#ffffff1a;border-radius:5px;width:100%;height:10px;position:absolute;bottom:0}.disks-container{flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;bottom:10px}.hanoi-disk{background:var(--accent-primary);border:1px solid #ffffff4d;border-radius:11px;justify-content:center;align-items:center;height:22px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:flex;position:absolute;overflow:hidden}.disk-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s linear infinite diskScan}@keyframes diskScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.disk-1{opacity:.5;background:#66fcf1}.disk-2{opacity:.6;background:#66fcf1}.disk-3{opacity:.7;background:#66fcf1}.disk-4{opacity:.8;background:#66fcf1}.disk-5{opacity:.9;background:#66fcf1}.disk-6{opacity:1;background:#66fcf1}.disk-7{background:#45a29e}.disk-8{border-color:var(--accent-primary);background:#1f2833}.stats{align-items:center;gap:1rem;display:flex}.stat-box{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:8px;padding:.4rem 1rem;font-weight:700}@media (width<=600px){.hanoi-world{gap:10px;height:250px;padding:1rem}.hanoi-disk{height:18px}.tower-rod{height:160px}}.hangman-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.hangman-viz{justify-content:center;margin:3rem 0;display:flex}.viz-container{flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:600px;display:flex}.security-monitor{border-left:4px solid var(--accent-primary);background:#0000004d;border-radius:8px;width:100%;padding:1.5rem}.monitor-label{letter-spacing:2px;color:var(--text-secondary);margin-bottom:.8rem;font-size:.7rem}.monitor-bar-container{background:#ffffff0d;border-radius:4px;width:100%;height:8px;margin-bottom:.8rem;overflow:hidden}.monitor-bar{background:#ff5252;height:100%;transition:width .3s;box-shadow:0 0 10px #ff5252}.monitor-bar.danger{animation:1s infinite pulseDanger}@keyframes pulseDanger{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.monitor-alert{color:#ff5252;font-size:.8rem;font-weight:700}.word-display{gap:15px;display:flex}.char-slot{border-bottom:3px solid var(--border-subtle);width:45px;height:60px;color:var(--accent-primary);justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;transition:all .3s;display:flex}.char-slot.revealed{border-bottom-color:var(--accent-primary);text-shadow:0 0 15px var(--accent-primary)}.keyboard{grid-template-columns:repeat(9,1fr);gap:10px;width:100%;max-width:600px;margin:0 auto;display:grid}.key{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:.8rem 0;font-weight:700;transition:all .2s}.key:hover:not(:disabled){border-color:var(--accent-primary);background:#66fcf11a}.key.correct{background:var(--accent-primary);color:var(--bg-base);border-color:var(--accent-primary)}.key.wrong{opacity:.3;cursor:not-allowed}.key:disabled{pointer-events:none}@media (width<=600px){.keyboard{grid-template-columns:repeat(7,1fr);gap:6px}.char-slot{width:30px;height:40px;font-size:1.5rem}}.bit-shift-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.target-val{color:var(--accent-primary);text-shadow:0 0 10px #66fcf180;font-size:1.5rem;font-weight:800}.bit-area{flex-direction:column;align-items:center;gap:1rem;margin:3rem 0;display:flex}.bit-labels{color:var(--text-secondary);gap:15px;font-family:monospace;font-size:.8rem;display:flex}.bit-label{text-align:center;width:60px}.bit-grid{gap:15px;display:flex}.bit-node{border:1px solid var(--border-subtle);width:60px;height:80px;color:var(--text-primary);cursor:pointer;background:#0000004d;border-radius:8px;font-size:2rem;font-weight:800;transition:all .2s;animation:.3s cubic-bezier(.175,.885,.32,1.275) backwards popIn;position:relative;overflow:hidden}.bit-node.on{color:var(--accent-primary);border-color:var(--accent-primary);background:#66fcf11a}.bit-glow{background:radial-gradient(circle, var(--accent-primary) 0%, transparent 70%);opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.bit-node.on .bit-glow{opacity:.2}.decimal-preview{letter-spacing:2px;color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-family:monospace;font-weight:700}.progress-dot.active{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary);border-color:#fff}@media (width<=600px){.bit-node,.bit-label{width:40px}}.logic-breach-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.logic-circuit{justify-content:center;align-items:center;gap:1rem;margin:4rem 0;display:flex}.circuit-inputs{flex-direction:column;gap:2rem;display:flex}.input-node,.output-node{border:1px solid var(--border-subtle);width:50px;height:50px;color:var(--text-secondary);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;font-family:monospace;font-size:1.5rem;font-weight:800;transition:all .3s;display:flex;position:relative}.input-node.active,.output-node.active{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary);background:#66fcf11a}.output-node{width:70px;height:70px;font-size:2rem}.output-node .label{letter-spacing:2px;color:var(--text-secondary);white-space:nowrap;font-size:.6rem;position:absolute;bottom:-25px}.gate-box{border:2px dashed var(--border-subtle);width:100px;height:80px;color:var(--accent-primary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;display:flex}.gate-selector{justify-content:center;gap:1.5rem;margin-bottom:3rem;display:flex}.gate-btn{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;letter-spacing:1px;background:#ffffff0d;border-radius:8px;padding:1rem 2rem;font-weight:800;transition:all .2s}.gate-btn:hover{background:var(--accent-primary);color:var(--bg-base);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 5px 15px #66fcf14d}.progress-track{justify-content:center;gap:12px;display:flex}.progress-dot{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:50%;width:12px;height:12px;transition:all .3s}.progress-dot.active{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}@media (width<=600px){.logic-circuit{flex-direction:column;gap:1.5rem}.circuit-lines{transform:rotate(90deg)}.circuit-lines svg{width:60px;height:60px}.gate-selector{flex-wrap:wrap;gap:.75rem}.gate-btn{padding:.75rem 1.25rem;font-size:.9rem}.gate-box{width:80px;height:60px;font-size:1.8rem}}.word-fill-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;display:flex}.wf-main{flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem;width:100%;margin-top:.5rem;display:flex}.wf-grid{border:1px solid var(--border-subtle);aspect-ratio:1;box-sizing:border-box;background:#ffffff0d;border-radius:12px;flex-shrink:0;gap:4px;width:100%;min-width:0;max-width:500px;min-height:0;padding:12px;display:grid}@media (width<=500px){.wf-grid{gap:2px;padding:8px}}.wf-cell{aspect-ratio:1;border:1px solid var(--border-subtle);width:100%;height:100%;font-family:var(--font-main);color:var(--accent-primary);cursor:pointer;background:#0000004d;border-radius:4px;justify-content:center;align-items:center;min-width:0;font-size:clamp(.7rem,1.5vw,1.2rem);font-weight:800;transition:all .2s;display:flex}.wf-cell.empty{cursor:default;background:0 0;border:none}.wf-cell.active:hover{border-color:var(--accent-primary);background:#66fcf11a}.wf-cell.selected{border-color:var(--accent-primary);background:#66fcf133;box-shadow:0 0 15px #66fcf14d}.wf-word-list{flex-direction:column;width:320px;height:480px;padding:1.5rem;display:flex}.word-items{flex-direction:column;flex:1;gap:10px;padding-right:10px;display:flex;overflow-y:auto}.word-items::-webkit-scrollbar{width:4px}.word-items::-webkit-scrollbar-track{background:#ffffff05}.word-items::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:2px}.wf-word-list h3{letter-spacing:2px;color:var(--text-secondary);flex-shrink:0;margin-bottom:1rem;font-size:1.1rem}.wf-word-btn{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-main);text-align:left;cursor:pointer;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;position:relative}.wf-word-btn:hover:not(:disabled):not(.used){border-color:var(--accent-primary);background:#66fcf11a;transform:translate(5px)}.wf-word-btn.used{opacity:.5;color:#00ff80;background:#00ff800d;border-color:#00ff8033;text-decoration:line-through}.wf-word-btn.used:after{content:"✓";margin-left:8px;font-size:.9rem}.wf-word-btn .length{color:var(--text-secondary);font-size:.8rem}.wf-actions{flex-direction:column;gap:10px;margin-top:1.5rem;display:flex}.clear-btn{color:#ff6e6e;cursor:pointer;background:#ff6e6e1a;border:1px solid #ff6e6e4d;border-radius:6px;flex-shrink:0;width:100%;padding:.75rem;font-weight:600;transition:all .2s}.reset-btn{color:#ffb800;cursor:pointer;background:#ffb8001a;border:1px solid #ffb80033;border-radius:6px;flex-shrink:0;width:100%;padding:.75rem;font-weight:600;transition:all .2s}.reset-btn:hover{background:#ffb80033}@media (width<=900px){.wf-main{flex-direction:column;align-items:center}.wf-grid{width:95vw;max-width:500px}.wf-word-list{width:95vw;max-width:500px;height:auto;max-height:450px}}.clear-btn:hover{background:#ff6e6e33}@media (width<=800px){.wf-main{flex-direction:column}.wf-cell{font-size:clamp(.6rem,3vw,1.1rem)}}.difficulty-selection{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:90%;max-width:600px;padding:4rem;display:flex}.difficulty-buttons{flex-direction:column;gap:1rem;width:100%;display:flex}.diff-btn{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.diff-btn .btn-label{font-family:var(--font-main);letter-spacing:4px;color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.diff-btn .btn-desc{color:var(--text-secondary);font-size:.9rem}.diff-btn:hover{border-color:var(--accent-primary);background:#66fcf10d;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.diff-btn.easy:hover{color:#66fcf1}.diff-btn.medium:hover{color:#45a29e}.diff-btn.hard:hover{color:#ff6e6e;border-color:#ff6e6e}.diff-btn.hard:hover .btn-label{color:#ff6e6e}.help-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.9rem;text-decoration:underline}.difficulty-reselection{flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.auto-next-label{justify-content:center;align-items:center;height:20px;display:flex}.countdown{color:var(--accent-primary);letter-spacing:1.5px;font-size:.75rem;font-weight:700;animation:1s infinite pulse}.mini-diff-buttons{gap:.75rem;display:flex}.diff-btn-small{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.diff-btn-small:hover{border-color:var(--accent-primary);background:#66fcf11a;transform:translateY(-2px);box-shadow:0 4px 12px #66fcf11a}.diff-btn-small.hard:hover{color:#ff6e6e;border-color:#ff6e6e}.numberlinks-container{justify-content:center;align-items:flex-start;width:100%;margin-top:.5rem;padding:0 1rem;display:flex}.flow-grid-wrapper{justify-content:center;width:100%;margin-top:1rem;display:flex;position:relative}.flow-grid{border:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff0d;border-radius:12px;gap:2px;padding:8px;display:grid;position:relative}.flow-cell{aspect-ratio:1;cursor:pointer;z-index:2;border:1px solid #ffffff08;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.endpoint{color:#000;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:75%;height:75%;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 0 15px #fff3}.paths-svg{pointer-events:none;z-index:1;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px}@media (width<=600px){.numberlinks-container{margin-top:.2rem;padding:0 .5rem}.game-board{width:100%!important;padding:1rem!important}.game-title{font-size:1.2rem!important}.endpoint{width:80%;height:80%;font-size:1rem}.flow-grid{padding:4px}.paths-svg{width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.game-status{font-size:.9rem;padding:.5rem!important}}@media (width<=400px){.endpoint{font-size:.8rem}.game-title{font-size:1rem!important}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0b0c10cc;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem;display:flex;position:relative}.modal-content h2{color:var(--accent-primary);text-align:center;margin-bottom:.5rem;font-size:2rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.form-group input{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-main);transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;padding:.8rem 1rem;font-size:1rem}.form-group input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 10px #66fcf133}.auth-submit-btn{background:var(--accent-primary);color:var(--bg-base);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;margin-top:.5rem;padding:1rem;font-size:1.1rem;font-weight:700}.auth-submit-btn:hover:not(:disabled){background:#7afff5;transform:translateY(-2px);box-shadow:0 4px 15px #66fcf14d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ff5252;text-align:center;background:#ff52521a;border:1px solid #ff52524d;border-radius:8px;padding:.8rem;font-size:.9rem}.toggle-auth{text-align:center;color:var(--text-secondary);margin-top:1rem;font-size:.95rem}.text-btn{color:var(--accent-primary);font-family:var(--font-main);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:600}.text-btn:hover{text-decoration:underline}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:15px;right:20px}.close-btn:hover{color:var(--text-primary)}