html{overflow:hidden!important;width:100%}html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){#root,body,html{height:100vh;overflow:hidden;touch-action:manipulation}}.game-replay-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.game-replay-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.game-replay-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.game-replay-title h2{color:#2c3e50;font-size:1.5rem;margin:0 0 8px}.game-replay-info{color:#666;display:flex;font-size:.9rem;gap:16px}.game-replay-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.game-replay-close-btn:hover{background:#e0e0e0;color:#333}.game-replay-content{display:flex;flex:1 1;gap:20px;overflow:hidden;padding:20px}.game-replay-board-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;position:relative}.game-replay-board{grid-gap:2px;aspect-ratio:1;background:#8b4513;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-width:500px;padding:8px;width:100%}.game-replay-row{display:contents}.game-replay-cell{align-items:center;aspect-ratio:1;background:#deb887;border:1px solid #8b4513;cursor:default;display:flex;justify-content:center;position:relative}.game-replay-cell .dot{border-radius:50%;height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:1}.game-replay-cell .dot.white{background:#ecf0f1;border:2px solid #95a5a6;box-shadow:0 2px 5px #0000001a}.game-replay-cell .dot.black{background:#2c3e50;border:2px solid #1a252f;box-shadow:0 2px 5px #0003}.game-replay-cell .yugo{background:#e74c3c;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.game-replay-cell .yugo.standard{border-radius:50%;height:18.75%;width:18.75%}.game-replay-cell .yugo.double{border-radius:50%;height:15%;width:30%}.game-replay-cell .yugo.triple{background-color:initial;border:none;height:21px;transform:translate(-50%,calc(-50% - 2px));width:24px}.game-replay-cell .yugo.triple:after{background-color:#e74c3c;content:"";height:100%;left:0;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMSI+PHBhdGggZD0iTTAgMjEgMTIgMGwxMiAyMXoiLz48L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMSI+PHBhdGggZD0iTTAgMjEgMTIgMGwxMiAyMXoiLz48L3N2Zz4=);-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:0;width:100%}.game-replay-cell .yugo.quadruple{border-radius:0;height:25%;transform:translate(-50%,-50%) rotate(45deg);width:25%}.game-replay-cell.last-move{background-color:#2ecc7133;box-shadow:inset 0 0 10px 2px #2ecc7199}.game-replay-cell.igo-cell{background-color:#ffd70026;box-shadow:inset 0 0 15px 3px #ffd700cc,0 0 10px 2px #ffd70099}.game-replay-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;max-width:500px;width:100%}.replay-btn{background:#0f4ea5;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.75rem;padding:4px 8px;transition:all .2s;white-space:nowrap}.replay-btn:hover:not(:disabled){background:#0d3d8a;transform:translateY(-1px)}.replay-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.replay-move-counter{background:#f0f0f0;border-radius:4px;color:#2c3e50;flex-shrink:0;font-size:.75rem;font-weight:700;padding:4px 8px;white-space:nowrap}.game-replay-sidebar{background:#f8f9fa;border-radius:8px;max-height:100%;overflow-y:auto;padding:16px;width:300px}.game-replay-sidebar h3{color:#2c3e50;font-size:1.1rem;margin:0 0 16px}.move-list{display:flex;flex-direction:column;font-family:monospace;font-size:.9rem;gap:2px}.move-entry{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:8px;padding:6px 8px;transition:all .2s}.move-entry:hover{background:#f8f9fa}.move-entry.active{background:#e3f2fd;border-color:#0f4ea5}.move-number{color:#666;min-width:25px}.move-black,.move-white{border-radius:3px;cursor:pointer;flex:1 1;min-width:40px;padding:2px 6px;text-align:center;transition:all .2s}.move-black:hover,.move-white:hover{background:#e9ecef}.move-black.active,.move-white.active{background:#0f4ea5;color:#fff;font-weight:700}.move-white{color:#333}.move-black{color:#000;font-weight:500}.yugo-indicator{margin-left:2px}.game-replay-error,.game-replay-loading{color:#666;padding:40px;text-align:center}.game-replay-error p{color:#dc3545;margin:0 0 20px}@media (max-width:768px){.game-replay-overlay{align-items:flex-start;justify-content:flex-start;overflow:hidden;padding-top:0}.game-replay-modal{border-radius:0;display:flex;flex-direction:column;height:calc(100vh - 60px);margin-top:60px;max-height:calc(100vh - 60px);overflow:hidden;width:100%}.game-replay-header{flex:0 0 auto;min-height:auto;padding:16px 16px 12px}.game-replay-title h2{font-size:1.2rem;margin-bottom:6px}.game-replay-info{flex-wrap:wrap;font-size:.8rem;gap:12px}.game-replay-info>span:first-child{flex:1 1 auto;min-width:0}.game-replay-info>span:first-child>span:last-child{font-size:.85rem}.game-replay-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:12px}.game-replay-board-container{flex:0 0 auto}.game-replay-sidebar{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%}.game-replay-board{max-width:100%}}.statistics-page{background:#ecf0f1;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin-left:60px;overflow:hidden;padding:0;width:100%}@media (max-width:1024px){.statistics-page{padding:0}}@media (max-width:768px){.statistics-page{margin-left:0;overflow:hidden;padding:8px}.statistics-container{border-radius:10px}.statistics-content{padding:10px}.stats-grid{gap:3px;grid-template-columns:repeat(6,1fr);margin-bottom:10px}.stat-card{padding:12px 8px}.stat-icon{font-size:22px}.stat-value{font-size:20px}.stat-label{font-size:10px}.stats-player-info{margin-bottom:10px;padding:12px 10px}.stats-player-info h2{font-size:16px}.win-rate-card{padding:11px 12px!important}.win-rate-header h3{font-size:16px}.win-rate-header{margin-bottom:8px!important}.win-rate-value{font-size:16px}.win-rate-bar{height:10px!important}.win-rate-section{margin-bottom:12px!important}.battle-summary{padding:12px 10px}.battle-summary h3{font-size:14px}.summary-item{padding:8px}.summary-label,.summary-value{font-size:12px}.performance-trend-icons{flex-wrap:nowrap!important;gap:2px!important;padding:0 4px}.performance-icon{flex-shrink:0!important;font-size:10px!important;height:22px!important;min-height:22px!important;min-width:22px!important;width:22px!important}.game-history-item{align-items:center!important;flex-direction:row!important;gap:8px!important}.game-history-item>div:first-child{flex:1 1;min-width:0}.game-history-item button{flex-shrink:0;font-size:.8rem!important;padding:6px 12px!important}.game-history-section{margin-top:6px!important}.game-history-section h3{font-size:.95rem!important;margin-bottom:5px!important}.game-history-item{gap:2px!important;margin-bottom:4px!important;padding:4px 6px!important}.game-history-item>div:first-child{gap:2px!important}.game-history-item button{font-size:.7rem!important;padding:3px 6px!important}}.statistics-overlay{align-items:flex-start;animation:fadeIn .3s ease;background:#fafafa80;bottom:0;display:flex;justify-content:center;left:0;padding-top:5vh;position:fixed;right:0;top:0;z-index:2000}.statistics-modal{animation:slideIn .4s ease;background:#fff;border:2px solid #e0e0e0;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:auto;margin:0 auto;max-height:85vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.statistics-container{background:#ecf0f1;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;width:100%}.statistics-header{align-items:center;background:linear-gradient(25deg,#fff,#00b0ee);border-bottom:4px solid #0d3d85;border-radius:0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:12px 20px}.statistics-header h1,.statistics-header h2{color:#000;flex:1 1;font-size:24px;font-weight:700;letter-spacing:1px;margin:0;text-align:center;text-shadow:2px 2px 4px #0003}.back-btn{background:linear-gradient(45deg,#4a90e2,#357abd);box-shadow:0 2px 8px #4a90e24d;display:none;padding:10px 16px}.back-btn:hover{box-shadow:0 4px 12px #4a90e266;transform:translateY(-2px)}@media (max-width:768px){.back-btn{display:block}.statistics-header{flex-direction:column;text-align:center}.statistics-header h1,.statistics-header h2{font-size:20px}.back-btn{margin-bottom:10px;width:100%}}.close-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;transition:all .3s ease;width:20px}.close-btn:hover{background:#c82333;box-shadow:0 6px 12px #0000004d;transform:scale(1.1)}@media (max-width:768px){.close-btn{font-size:12px;height:18px;width:18px}}@media (max-width:480px){.close-btn{font-size:10px;height:16px;width:16px}}@media (max-width:375px){.close-btn{font-size:8px;height:14px;width:14px}}.statistics-content{background:#ecf0f1;color:#2d3748;flex:1 1;padding:12px 30px}.stats-player-info{border:2px solid #e0e0e0;border-radius:15px;box-shadow:0 2px 8px #0000001a;margin:0 auto 30px;max-width:500px;padding:30px 40px;text-align:center;width:100%}.stats-player-info h2,.stats-player-info h3{color:#000;font-size:22px;font-weight:700;margin:0 0 10px}.stats-player-info p{color:#6c757d;font-size:14px;margin:0}.stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin-bottom:15px;max-width:100%}.stat-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:7px 6px;position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#0000,#0000001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stat-card:hover:before{left:100%}.stat-card:hover{border-color:#0f4ea5;box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.stat-icon{display:block;margin-bottom:4px}.stat-icon,.stat-value{font-size:14px;text-align:center;width:100%}.stat-value{margin-bottom:2px}.stat-label{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:9px;justify-content:center;line-height:1.1;text-align:center;width:100%}.stat-card.total-games .stat-value{color:#0f4ea5}.stat-card.wins .stat-value{color:#28a745}.stat-card.losses .stat-value{color:#dc3545}.stat-card.draws .stat-value{color:#ffc107}.win-rate-section{margin-bottom:15px}.win-rate-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px 24px;text-align:center}.win-rate-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.win-rate-header h3{color:#0f4ea5;margin:0}.win-rate-header h3,.win-rate-value{font-size:20px;font-weight:700}.win-rate-bar{background:#e0e0e0;height:24px;overflow:hidden}.win-rate-bar,.win-rate-fill{border-radius:12px;position:relative}.win-rate-fill{height:100%;transition:width 1s ease}.win-rate-fill:after{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#fff6 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.battle-summary{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:15px;padding:16px 24px}.battle-summary h3{color:#0f4ea5;font-size:18px;font-weight:700;margin:0 0 15px;text-align:center}.summary-stats{display:flex;flex-direction:column;gap:12px}.summary-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.summary-label{color:#6c757d;font-size:14px;font-weight:500}.summary-value{color:#0f4ea5;font-size:14px;font-weight:700}.error-section,.loading-section,.no-stats{padding:40px 20px;text-align:center}.loading-spinner{border:5px solid #e0e0e0;border-top-color:#0f4ea5;height:50px;margin:0 auto 20px;width:50px}.loading-section p{color:#6c757d;font-size:16px}.error-section p{color:#dc3545;font-size:16px;margin-bottom:20px}.retry-btn{background:#0f4ea5;box-shadow:0 2px 8px #0f4ea54d;padding:12px 24px}.retry-btn:hover{background:#2c5282;box-shadow:0 4px 12px #0f4ea566}.no-stats p{color:#6c757d;font-size:16px;margin:10px 0}.statistics-footer{background:#ecf0f1;border-radius:0;border-top:2px solid #e0e0e0;padding:20px;text-align:center}.close-statistics-btn{background:linear-gradient(45deg,#0f4ea5,#2c5282);border:none;border-radius:10px;box-shadow:0 4px 12px #0f4ea54d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s ease}.close-statistics-btn:hover{background:linear-gradient(45deg,#2c5282,#0d3d85);box-shadow:0 6px 16px #0f4ea566;transform:translateY(-2px)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-height:850px) and (min-width:769px){.statistics-page{height:108.69565vh;overflow:hidden;transform:scale(.92);transform-origin:top center}}@media (max-width:1280px) and (max-height:800px){.statistics-page{margin-left:0;overflow:hidden;padding:8px}.statistics-content{padding:15px}.stats-grid{gap:15px;margin-bottom:15px}.stat-card{padding:20px 15px}.win-rate-card{padding:20px}.battle-summary{padding:15px}}@media (max-width:1024px) and (max-height:600px){.statistics-page{margin-left:0;overflow:hidden;padding:6px}.statistics-content{padding:10px}.stats-grid{gap:10px;margin-bottom:10px}.stat-card{padding:15px 10px}.stat-icon{font-size:24px}.stat-value{font-size:22px}.stat-label{font-size:11px}.stats-player-info{margin-bottom:10px;padding:15px 10px}.stats-player-info h2{font-size:18px}.win-rate-card{padding:15px}.win-rate-header h3,.win-rate-value{font-size:18px}.win-rate-bar{height:14px}.battle-summary{padding:12px}}@media (max-width:540px) and (max-height:720px){.statistics-page{margin-left:0;overflow:hidden;padding:6px}.statistics-content{padding:8px}.stats-grid{gap:2px;grid-template-columns:repeat(6,1fr);margin-bottom:8px}.stat-card{padding:10px 6px}.stat-icon{font-size:20px}.stat-value{font-size:18px}.stat-label{font-size:10px}.stats-player-info{margin-bottom:8px;padding:10px 8px}.stats-player-info h2{font-size:16px}.win-rate-card{padding:10px!important}.win-rate-header h3{font-size:14px}.win-rate-header{margin-bottom:8px!important}.win-rate-value{font-size:14px}.win-rate-bar{height:8px!important}.win-rate-section{margin-bottom:10px!important}.battle-summary{padding:10px}.battle-summary h3{font-size:12px}.summary-item{padding:6px}.summary-label,.summary-value{font-size:11px}.game-history-section{margin-top:6px!important}.game-history-section h3{font-size:.95rem!important;margin-bottom:5px!important}.game-history-item{gap:2px!important;margin-bottom:4px!important;padding:4px 6px!important}.game-history-item>div:first-child{gap:2px!important}.game-history-item button{font-size:.7rem!important;padding:3px 6px!important}}@media (max-width:390px) and (max-height:844px){.statistics-page{margin-left:0;overflow:hidden;padding:4px}.statistics-content{padding:6px}.stats-grid{gap:2px;grid-template-columns:repeat(6,1fr);margin-bottom:6px}.stat-card{padding:10px 5px}.stat-icon{font-size:18px}.stat-value{font-size:16px}.stat-label{font-size:9px}.stats-player-info{margin-bottom:6px;padding:8px 6px}.stats-player-info h2{font-size:14px}.win-rate-card{padding:8px!important}.win-rate-header h3{font-size:12px}.win-rate-header{margin-bottom:6px!important}.win-rate-value{font-size:12px}.win-rate-bar{height:6px!important}.win-rate-section{margin-bottom:8px!important}.battle-summary{padding:8px}.battle-summary h3{font-size:10px}.summary-item{padding:4px}.summary-label,.summary-value{font-size:10px}.game-history-section{margin-top:5px!important}.game-history-section h3{font-size:.95rem!important;margin-bottom:5px!important}.game-history-item{gap:2px!important;margin-bottom:3px!important;padding:3px 5px!important}.game-history-item>div:first-child{gap:2px!important}.game-history-item button{font-size:.7rem!important;padding:2px 5px!important}}@media (max-width:375px) and (max-height:667px){.statistics-page{margin-left:0;overflow:hidden;padding:3px}.statistics-content{padding:4px}.stats-grid{gap:2px;grid-template-columns:repeat(6,1fr);margin-bottom:4px}.stat-card{padding:8px 3px}.stat-icon{font-size:16px}.stat-value{font-size:14px}.stat-label{font-size:8px}.stats-player-info{margin-bottom:4px;padding:6px 4px}.stats-player-info h2{font-size:12px}.win-rate-card{padding:6px!important}.win-rate-header h3{font-size:10px}.win-rate-header{margin-bottom:5px!important}.win-rate-value{font-size:10px}.win-rate-bar{height:5px!important}.win-rate-section{margin-bottom:6px!important}.battle-summary{padding:6px}.battle-summary h3{font-size:9px}.summary-item{padding:3px}.summary-label,.summary-value{font-size:9px}.game-history-section{margin-top:5px!important}.game-history-section h3{font-size:.95rem!important;margin-bottom:4px!important}.game-history-item{gap:2px!important;margin-bottom:3px!important;padding:3px 5px!important}.game-history-item>div:first-child{gap:2px!important}.game-history-item button{font-size:.7rem!important;padding:2px 5px!important}}@media (max-width:360px) and (max-height:740px){.statistics-page{margin-left:0;overflow:hidden;padding:3px}.statistics-content{padding:4px}.stats-grid{gap:2px;grid-template-columns:repeat(6,1fr);margin-bottom:4px}.stat-card{padding:8px 3px}.stat-icon{font-size:16px}.stat-value{font-size:14px}.stat-label{font-size:8px}.stats-player-info{margin-bottom:4px;padding:6px 4px}.stats-player-info h2{font-size:12px}.win-rate-card{padding:6px!important}.win-rate-header h3{font-size:10px}.win-rate-header{margin-bottom:5px!important}.win-rate-value{font-size:10px}.win-rate-bar{height:5px!important}.win-rate-section{margin-bottom:6px!important}.battle-summary{padding:6px}.battle-summary h3{font-size:9px}.summary-item{padding:3px}.summary-label,.summary-value{font-size:9px}.game-history-section{margin-top:5px!important}.game-history-section h3{font-size:.95rem!important;margin-bottom:4px!important}.game-history-item{gap:2px!important;margin-bottom:3px!important;padding:3px 5px!important}.game-history-item>div:first-child{gap:2px!important}.game-history-item button{font-size:.7rem!important;padding:2px 5px!important}}.game-history-item button{font-family:inherit}.game-history-item button:active{box-shadow:0 1px 2px #0f4ea54d!important;transform:translateY(0)!important}@media (min-width:1920px) and (max-height:1080px){.statistics-overlay{align-items:flex-start!important;padding-top:3vh!important}.statistics-modal{height:auto!important;max-height:80vh!important}.statistics-content{padding:20px 30px 10px!important}.battle-summary{margin-bottom:0!important;padding-bottom:10px!important}}.leaderboard-page{-webkit-overflow-scrolling:touch;align-items:stretch;background:#ecf0f1;display:flex;justify-content:stretch;margin:0;min-height:100vh;padding:0;position:relative}.leaderboard-page,body.leaderboard-page-open{overflow-x:hidden!important;overflow-y:auto!important}body.leaderboard-page-open{height:auto!important;position:relative!important}.leaderboard-container{animation:fadeIn .3s ease;background:#ecf0f1;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:auto;min-height:100vh;overflow:visible;position:relative;width:100%}.leaderboard-page::-webkit-scrollbar{width:10px}.leaderboard-page::-webkit-scrollbar-track{background:#d5dade}.leaderboard-page::-webkit-scrollbar-thumb{background:#455a64;border-radius:20px}.leaderboard-page::-webkit-scrollbar-thumb:hover{background:#37474f}.leaderboard-header{align-items:center;background:linear-gradient(135deg,#455a64,#37474f);border-radius:0;box-shadow:0 2px 8px #00000026;display:flex;flex-shrink:0;justify-content:center;margin:0;padding:24px 40px;position:relative;width:100%}.back-btn{background:#455a64;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:40px;padding:12px 24px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.back-btn:hover{background:#37474f;box-shadow:0 4px 12px #0003;transform:translateY(calc(-50% - 2px))}.leaderboard-header h1{color:#fff;font-size:32px;font-weight:700;letter-spacing:2px;margin:0 10% 0 0;text-transform:uppercase}.leaderboard-content{display:flex;flex:1 1;gap:40px;margin:0 auto 0 0;max-width:1400px;overflow-x:hidden;overflow-y:auto;padding:40px;width:100%}.leaderboard-main{flex:1 1;margin-right:0;min-width:0}.leaderboard-stats{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;margin-left:auto;margin-right:auto;padding:24px;text-align:center;width:100%}.leaderboard-stats h2{color:#2d3748;font-size:24px;font-weight:700;margin:0 0 8px}.leaderboard-stats p{color:#718096;font-size:16px;font-weight:500;margin:0}.win-rate-disclaimer{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;font-weight:500;line-height:1.5;margin:12px 0 0!important;padding:10px 16px}.leaderboard-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:8px}.tab-button{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 16px;transition:all .3s ease}.tab-button:hover{background:#edf2f7;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.tab-button.active:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.tab-icon{font-size:18px}.tab-label{white-space:nowrap}.leaderboard-list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.leaderboard-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;margin:0 auto;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.leaderboard-item:hover{border-color:#e2e8f0;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.leaderboard-item.top-three{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-color:#ffc107;border-left-width:5px}.leaderboard-item.top-three:hover{box-shadow:0 8px 24px #ffc10733}.leaderboard-item.current-user{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;border-left-width:5px;box-shadow:0 4px 16px #2196f333}.leaderboard-item.current-user:hover{border-color:#1976d2;box-shadow:0 8px 24px #2196f34d;transform:translateY(-4px)}.leaderboard-item.current-user .player-name{color:#1976d2;font-weight:800}.rank-section{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:40px}.rank-icon{font-size:28px;font-weight:700;line-height:1}.rank-number{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.leaderboard-player-info{display:flex;flex-direction:column;gap:4px;max-width:200px;min-width:200px;width:200px}.leaderboard-player-info,.player-name{background:#0000!important;background-color:initial!important}.player-name{border:none!important;border-radius:8px;color:#2d3748;font-size:16px;font-weight:700;margin:0;padding:4px 8px;transform:translateY(0);white-space:nowrap}.player-email{color:#718096;display:none;font-size:14px;margin:0}.online-status{align-items:center;display:flex;font-size:13px;gap:6px;margin-left:0;margin-top:4px}.status-dot{display:inline-block;height:10px;width:10px}.status-dot.online{animation:pulse-online 2s ease-in-out infinite;background:#48bb78;box-shadow:0 0 8px #48bb7880}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.6}}.status-dot.offline{background:#cbd5e0}.status-text{color:#718096;font-size:13px;font-weight:600;text-transform:capitalize}.player-stats{align-items:center;display:flex;gap:10px}.stat-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;gap:6px;height:40px;padding:8px 10px;transition:all .3s ease}.stat-item:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{font-size:20px}.stat-content{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-value{color:#2d3748;line-height:1}.stat-label{color:#718096;font-size:10px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.no-data{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:80px 32px;text-align:center}.no-data-icon{font-size:64px;margin-bottom:24px;opacity:.5}.no-data h3{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 16px}.no-data p{color:#718096;font-size:16px;font-weight:500;margin:12px 0}.error-section,.loading-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:80px 32px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #e2e8f0;border-radius:50%;border-top-color:#455a64;height:60px;margin:0 auto 32px;width:60px}.loading-section p{color:#2d3748;font-size:18px;font-weight:600}.error-section p{color:#e53e3e;font-size:18px;font-weight:600;margin-bottom:24px}.retry-btn{background:#455a64;border-radius:8px;font-size:16px;font-weight:700;padding:12px 32px;transition:all .3s ease}.retry-btn:hover{background:#37474f;box-shadow:0 4px 12px #455a644d;transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.migoyugo-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:-webkit-fit-content;height:fit-content;margin-left:0;margin-right:0;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:320px}.sidebar-header{border-bottom:2px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px;text-align:center}.sidebar-header h3{color:#2d3748;font-size:20px;font-weight:700;margin:0}.sidebar-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.sidebar-stat-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:all .3s ease}.sidebar-stat-item:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.sidebar-stat-item .stat-icon{font-size:20px;min-width:24px;text-align:center}.sidebar-stat-item .stat-content{display:flex;flex-direction:column;gap:3px}.sidebar-stat-item .stat-value{color:#2d3748;font-size:18px;font-weight:700;line-height:1}.sidebar-stat-item .stat-label{color:#718096;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.sidebar-footer{border-top:2px solid #e2e8f0;padding-top:12px;text-align:center}.live-indicator{align-items:center;color:#48bb78;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center}.live-dot{animation:pulse 2s infinite;background:#48bb78;border-radius:50%;box-shadow:0 0 10px #48bb7880;height:10px;width:10px}@media (max-width:1024px){.leaderboard-content{flex-direction:column;margin-left:0;padding:30px}.migoyugo-sidebar{margin-bottom:24px;margin-left:0;margin-right:0;order:-1;position:static;width:100%}.leaderboard-main{margin-right:0}.leaderboard-item{margin:0;width:100%}.leaderboard-stats{margin-left:0;margin-right:0;width:100%}}@media (min-width:1300px) and (max-width:1350px) and (min-height:850px) and (max-height:870px){.leaderboard-content{gap:28px;margin-left:0;max-width:1100px;padding:28px 24px}.leaderboard-list,.leaderboard-main{padding-left:16px}.leaderboard-header{padding:20px 28px}.leaderboard-header h1{font-size:30px;margin-right:0}.back-btn{font-size:13px;left:24px;padding:10px 18px}.leaderboard-item,.leaderboard-stats{width:100%!important}.leaderboard-item{gap:18px;padding:28px}.leaderboard-player-info{max-width:240px;min-width:240px;width:240px}.player-stats{flex-wrap:wrap;gap:8px}.stat-item{height:45px;max-width:90px;min-width:80px;padding:8px 10px}.stat-value{font-size:14px}.stat-label{font-size:9px}.migoyugo-sidebar{margin-left:0;margin-right:0;padding:20px;width:280px}.sidebar-stat-item{padding:14px}.leaderboard-container>div:last-child{font-size:15px!important;padding:24px 32px!important;text-align:center!important}}@media (max-width:768px){.leaderboard-tabs{gap:6px;padding:6px}.tab-button{font-size:12px;gap:6px;min-width:90px;padding:10px 12px}.tab-icon{font-size:16px}.leaderboard-header{flex-direction:column;gap:16px;justify-content:center;margin-bottom:0;margin-left:0;margin-right:0;margin-top:80px!important;padding:20px;text-align:center;width:100%}.back-btn{align-self:flex-start;left:auto;position:static;transform:none}.back-btn:hover{transform:translateY(-2px)}.leaderboard-header h1{font-size:26px;margin-right:0}.leaderboard-content{flex-direction:column;margin-left:0;padding:24px 20px}.leaderboard-stats p{font-size:14px;line-height:1.4}.migoyugo-sidebar{margin-bottom:24px;margin-left:0;margin-right:0;order:-1;width:100%}.leaderboard-main{margin-right:0}.leaderboard-item{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;margin:0;padding:12px 16px;width:100%}.rank-section{align-items:center;flex-direction:column;gap:2px;grid-column:1;grid-row:1;min-width:50px}.rank-icon{font-size:24px}.rank-number{font-size:11px}.leaderboard-player-info{align-items:center;display:flex;flex-direction:row;gap:8px;grid-column:2;grid-row:1;justify-content:space-between;max-width:none;min-width:0;width:100%}.player-name{flex:1 1;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-status{align-items:center;display:flex;gap:4px;margin:0}.status-dot{height:8px;width:8px}.status-text{display:none}.player-stats{display:flex;flex-direction:row;gap:6px;grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%}.stat-item{flex:1 1;height:auto;min-width:0;padding:6px 8px}.stat-icon{font-size:16px}.stat-value{font-size:15px;font-weight:700}.stat-label{font-size:9px}.leaderboard-stats{margin-left:0;margin-right:0;width:100%}.leaderboard-list{gap:6px}}@media (max-width:480px){.leaderboard-tabs{flex-direction:row;gap:4px;padding:4px}.tab-button{flex:1 1;font-size:11px;min-width:0;padding:8px 4px}.tab-icon{font-size:14px}.tab-label{font-size:10px}.leaderboard-page{-webkit-overflow-scrolling:touch;height:100vh!important;overflow-x:hidden!important;overflow-y:scroll!important}.leaderboard-container{height:auto!important;min-height:100vh}.leaderboard-content{height:auto;margin-left:0;overflow-y:visible;padding:16px 12px}.leaderboard-main{height:auto;margin-right:0;overflow-y:visible}.leaderboard-list{gap:4px;height:auto;overflow-y:visible}.leaderboard-header{margin:0;margin-top:80px!important;padding:16px;width:100%}.leaderboard-header h1{font-size:22px;letter-spacing:1px;margin-right:0}.back-btn{font-size:13px;left:auto;padding:10px 20px}.migoyugo-sidebar{margin-left:0;margin-right:0;padding:12px}.sidebar-header{margin-bottom:12px;padding-bottom:8px}.sidebar-header h3{font-size:16px}.sidebar-stats{display:flex;flex-direction:row;gap:4px;justify-content:space-between;margin-bottom:12px}.sidebar-stat-item{flex:1 1;gap:4px;min-width:0;padding:6px 4px}.sidebar-stat-item .stat-icon{font-size:14px;min-width:16px}.sidebar-stat-item .stat-content{gap:1px}.sidebar-stat-item .stat-value{font-size:14px}.sidebar-stat-item .stat-label{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{padding-top:8px}.live-indicator{font-size:12px}.leaderboard-item{gap:6px 10px;padding:10px 12px}.rank-section{min-width:45px}.rank-icon{font-size:22px}.rank-number{font-size:10px}.player-name{font-size:15px}.status-dot{height:7px;width:7px}.stat-item{padding:5px 6px}.stat-icon,.stat-value{font-size:14px}.stat-label{font-size:8px}.leaderboard-stats{margin-bottom:14px;margin-left:0;margin-right:0;padding:14px;width:100%}.leaderboard-stats h2{font-size:18px}.leaderboard-stats p{font-size:13px;line-height:1.4}.leaderboard-player-info{max-width:none;min-width:0;width:100%}}@media (max-width:375px) and (max-height:667px){.leaderboard-page{-webkit-overflow-scrolling:touch;height:100vh!important;overflow-x:hidden!important;overflow-y:scroll!important;position:relative}.leaderboard-container{height:auto!important;min-height:100vh;overflow:visible}.leaderboard-content{padding:12px 8px}.leaderboard-content,.leaderboard-list,.leaderboard-main{height:auto;overflow-y:visible}.leaderboard-list{gap:3px;padding-bottom:20px}.leaderboard-item{gap:5px 8px;padding:8px 10px}.rank-section{min-width:40px}.rank-icon{font-size:20px}.rank-number{font-size:9px}.player-name{font-size:14px}.status-dot{height:6px;width:6px}.stat-item{padding:4px 5px}.stat-icon,.stat-value{font-size:13px}.stat-label{font-size:7px}.leaderboard-stats{margin-bottom:12px;padding:12px}.leaderboard-stats h2{font-size:16px}.leaderboard-tabs{gap:3px;padding:3px}.tab-button{font-size:10px;padding:6px 3px}.tab-icon{font-size:12px}.tab-label{font-size:9px}.sidebar-stats{display:flex;flex-direction:row;gap:3px;justify-content:space-between;margin-bottom:10px}.sidebar-stat-item{flex:1 1;gap:3px;min-width:0;padding:5px 3px}.sidebar-stat-item .stat-icon{font-size:12px;min-width:14px}.sidebar-stat-item .stat-content{gap:1px}.sidebar-stat-item .stat-value{font-size:12px}.sidebar-stat-item .stat-label{font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (width:428px) and (height:926px){.leaderboard-header{padding-bottom:24px!important;padding-top:50px!important}.back-btn,.leaderboard-header h1{margin-top:15px!important}.leaderboard-content{padding-top:20px!important}}@media (width:414px) and (height:896px){.leaderboard-header{padding-bottom:24px!important;padding-top:45px!important}.back-btn,.leaderboard-header h1{margin-top:12px!important}.leaderboard-content{padding-top:18px!important}}@media (width:375px) and (height:812px){.leaderboard-header{padding-bottom:24px!important;padding-top:40px!important}.back-btn,.leaderboard-header h1{margin-top:10px!important}.leaderboard-content{padding-top:16px!important}}@media (width:414px) and (height:736px){.leaderboard-header{padding-bottom:24px!important;padding-top:35px!important}.back-btn,.leaderboard-header h1{margin-top:8px!important}.leaderboard-content{padding-top:14px!important}}@media (width:375px) and (height:667px){.leaderboard-header{padding-bottom:20px!important;padding-top:30px!important}.back-btn,.leaderboard-header h1{margin-top:6px!important}.leaderboard-content{padding-top:12px!important}}@media (width:320px) and (height:568px){.leaderboard-header{padding-bottom:18px!important;padding-top:25px!important}.back-btn,.leaderboard-header h1{margin-top:5px!important}.leaderboard-content{padding-top:10px!important}}.about-page{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#bae6fd);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:1rem}.about-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.back-button{align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;box-shadow:0 4px 12px #3b82f64d;font-size:.9rem;font-weight:600;margin-bottom:1rem;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.about-content{background:#fff;border:1px solid #e0e7ff;border-radius:16px;box-shadow:0 10px 30px #0000001a,0 1px 8px #0000000f;overflow:visible;padding:1.5rem 2rem}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.7rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;text-align:center;transform:translateX(-20%)}.about-title:after{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;content:"";display:block;height:4px;margin:12px auto 0;width:80px}.about-text{color:#334155;font-size:1.3rem;line-height:1.65;overflow:visible}.about-text p{color:#475569;margin-bottom:1.2rem;text-align:left}.about-signature{border-top:2px dashed #cbd5e1;color:#1e40af;font-size:.9rem;font-style:italic;font-weight:600;margin-top:1rem;padding-top:1rem;text-align:center}.qa-section{column-count:1;column-gap:30px;column-rule:1px solid #e0e7ff;margin-top:10px}.qa-section h3{border-bottom:1px solid #3498db;break-inside:avoid;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:8px;margin-top:22px;padding-bottom:6px;page-break-inside:avoid}.qa-section h3:first-child{margin-top:0}.qa-section p{break-inside:avoid;font-size:1.05rem;line-height:1.6;margin-bottom:15px;page-break-inside:avoid}@media (min-width:1025px){.about-container{max-width:1000px;padding:0 1.5rem}.about-content{padding:1.2rem}.about-title{font-size:2.25rem}.about-text{font-size:1.125rem;line-height:1.6}.about-text p{margin-bottom:.6rem}}@media (max-width:1024px) and (min-width:769px){.about-container{max-width:90%;padding:0 .8rem}.about-content{padding:.8rem}.about-title{font-size:2.1rem}.about-text{font-size:1.05rem;line-height:1.5}.about-text p{margin-bottom:.45rem}}@media (max-width:768px){.about-page{-webkit-overflow-scrolling:touch;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:.6rem}.about-container{height:auto;max-width:100%;min-height:auto;padding:0 .6rem}.about-content{height:auto;overflow:visible;padding:1rem .8rem}.about-title{display:block;font-size:1.95rem;margin-bottom:.6rem;margin:0 0 .6rem!important;text-align:left!important;transform:none!important;width:100%}.about-title:after{height:2px;margin:6px 0 0!important;width:50px}.about-text{font-size:1.2rem;height:auto;line-height:1.6;overflow:visible}.about-text p{margin-bottom:.9rem}.back-button{font-size:.8rem;margin-bottom:.5rem;padding:6px 12px}.about-signature{font-size:.8rem;margin-top:.8rem;padding-top:.8rem}.qa-section{column-count:1!important;margin-top:5px}.qa-section h3{font-size:1.125rem;margin-top:15px}.qa-section p{font-size:1rem;line-height:1.5}}@media (max-width:480px){.about-page{-webkit-overflow-scrolling:touch;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:.4rem}.about-container{height:auto;max-width:100%;min-height:auto;padding:0 .4rem}.about-content{border-radius:12px;height:auto;overflow:visible;padding:.8rem .6rem}.about-title{display:block;font-size:1.8rem;margin-bottom:.5rem;margin:0 0 .5rem!important;text-align:left!important;transform:none!important;width:100%}.about-title:after{height:2px;margin:6px 0 0!important;width:40px}.about-text{font-size:1.125rem;height:auto;line-height:1.5;overflow:visible}.about-text p{margin-bottom:.75rem}.back-button{font-size:.75rem;margin-bottom:.5rem;padding:6px 10px}.about-signature{font-size:.75rem;margin-top:.6rem;padding-top:.6rem}}@media (max-width:375px) and (max-height:667px){.about-page{-webkit-overflow-scrolling:touch;height:100vh;overflow-x:hidden!important;overflow-y:scroll!important;padding:.3rem}.about-container{height:auto;max-width:100%;padding:0 .3rem}.about-content{border-radius:10px;height:auto;overflow:visible;padding:.6rem .5rem}.about-title{display:block;font-size:1.65rem;margin:0 0 .5rem!important;text-align:left!important;transform:none!important;width:100%}.about-title:after{height:2px;margin:6px 0 0!important;width:35px}.about-text{font-size:1.05rem;line-height:1.5;padding-bottom:.5rem}.about-text p{margin-bottom:.6rem}.back-button{font-size:.7rem;padding:5px 8px}.about-signature{font-size:.7rem;margin-top:.5rem;padding-top:.5rem}}@media (min-width:1300px) and (max-width:1350px) and (min-height:850px) and (max-height:870px){.about-page{min-height:100vh;padding:1rem}.about-container{max-width:1100px;padding:0 1rem}.back-button{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:8px 16px}.about-content{border-radius:16px;padding:1.5rem 2rem}.about-title{font-size:2.4rem;margin-bottom:1rem;transform:translateX(-15%)}.about-title:after{height:3px;margin:8px auto 0;width:70px}.about-text{color:#334155;font-size:1.2rem;line-height:1.6}.about-text p{color:#475569;margin-bottom:.9rem}.about-signature{color:#1e40af;font-size:.9rem;margin-top:1rem;padding-top:1rem}}@media (max-width:420px){.about-container{height:auto;min-height:auto;width:95vw}.about-text{line-height:1.45;max-width:74ch}}body.about-page-active{position:static!important}body.about-page-active,body.about-page-active #__next,body.about-page-active #root{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}html:has(.about-page){height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}body:has(.about-page){height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;position:static!important}html{height:-webkit-fill-available}.about-page{height:auto!important;min-height:100vh!important;overflow:visible!important}.about-content,.about-text{max-height:none!important;overflow:visible!important}@media (max-width:420px){.about-container{height:auto!important;min-height:auto!important}}*,:after,:before{overscroll-behavior:contain}.players-page{background:#ecf0f1;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.players-page-header-fixed{background:#ecf0f1;border-bottom:1px solid #ddd;flex-shrink:0;padding:20px}.players-page-header-fixed h1{color:#2c3e50;font-size:32px;margin:0 0 15px;text-align:center;width:100%}.players-search-section{align-items:center;display:flex;gap:15px;margin:0 auto;max-width:800px}.filter-controls{align-items:center;display:flex;gap:10px}.blocked-users-btn-small{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .3s;white-space:nowrap}.blocked-users-btn-small:hover{background:#c0392b}.back-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s}.back-button:hover{background:#5568d3}.players-page-content-scrollable{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.players-page-content{margin:0 auto;max-width:800px}.search-box{flex:1 1}.search-input{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 16px;width:100%}.search-input:focus{border-color:#667eea;outline:none}.online-filter{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:16px;gap:8px}.online-filter input[type=checkbox]{cursor:pointer;height:18px;width:18px}.players-list{display:flex;flex-direction:column;gap:12px}.player-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s;-webkit-user-select:none;user-select:none}.player-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.player-item:active{background:#fff}.players-page .player-info{align-items:center;background:#0000!important;border-radius:0!important;color:inherit!important;display:flex;gap:12px;height:auto!important;max-height:none!important;min-height:auto!important;padding:0!important}.status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-dot.online{background-color:#28a745;box-shadow:0 0 4px #28a74580}.status-dot.offline{background-color:#dc3545;box-shadow:0 0 4px #dc35454d}.player-username{color:#2c3e50;font-size:18px;font-weight:600;-webkit-user-select:none;user-select:none}.in-game-badge{background:#ffc107;border-radius:4px;color:#333;font-size:12px;font-weight:500;padding:4px 8px}.player-stats-mini{color:#666;font-size:14px}.view-stats-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;margin-left:auto;padding:6px 12px;transition:background .3s,transform .2s;white-space:nowrap}.view-stats-btn:hover{background:#5568d3;transform:translateY(-1px)}.view-stats-btn:active{background:#4a5bc7;transform:translateY(0)}.no-players{color:#999;font-size:18px;padding:40px;text-align:center}.error-message{align-items:center;display:flex;gap:10px;justify-content:center;padding:15px;text-align:center}.loading-message{color:#666;font-size:18px;padding:40px;text-align:center}.retry-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.retry-btn:hover{background:#5568d3}.player-profile-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.player-profile-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:95vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}.close-button{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:15px;top:15px;width:32px}.close-button:hover{color:#333}.player-profile-header{align-items:center;border-bottom:2px solid #eee;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.status-dot-large{border-radius:50%;flex-shrink:0;height:16px;width:16px}.status-dot-large.online{background-color:#28a745;box-shadow:0 0 6px #28a74599}.status-dot-large.offline{background-color:#dc3545;box-shadow:0 0 6px #dc354566}.player-profile-header h2{color:#2c3e50;font-size:28px;margin:0}.in-game-badge-large{background:#ffc107;border-radius:6px;color:#333;font-size:14px;font-weight:500;padding:6px 12px}.player-profile-stats{display:flex;flex-direction:column;gap:15px}.stat-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.stat-label{color:#666;font-weight:600}.stat-value{color:#2c3e50;font-size:18px;font-weight:700}.player-profile-actions{border-top:2px solid #eee;display:flex;flex-direction:column;gap:12px;margin-top:25px;padding-top:25px}.offline-message{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#666;font-weight:500;text-align:center}.challenge-button,.offline-message{font-size:16px;padding:14px 20px;width:100%}.challenge-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:all .3s}.challenge-button:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.challenge-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.challenge-button.challenge-sent{background:#28a745!important;color:#fff!important}.challenge-button.challenge-sent:hover{background:#218838!important;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.challenge-button.challenge-declined{background:#dc3545!important;color:#fff!important}.challenge-button.challenge-declined:hover{background:#c82333!important;box-shadow:0 4px 8px #dc35454d;transform:translateY(-2px)}.block-button{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 20px;transition:all .3s;width:100%}.block-button:hover:not(:disabled){background:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-2px)}.block-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.unblock-button{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s;width:100%}.unblock-button:hover:not(:disabled){background:#229954;box-shadow:0 4px 8px #27ae604d;transform:translateY(-2px)}.unblock-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.challenge-message{border-radius:6px;font-size:14px;font-weight:500;padding:12px}.challenge-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.challenge-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.challenge-declined-message-modal{animation:fadeIn .3s ease-in;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-top:12px;padding:12px}.challenge-declined-content-modal{align-items:center;display:flex;gap:10px;position:relative}.declined-icon-modal{flex-shrink:0;font-size:20px}.challenge-declined-text-modal{color:#856404;flex:1 1;font-size:14px;line-height:1.4}.challenge-declined-text-modal strong{color:#856404;font-weight:600}.challenge-declined-close-modal{align-items:center;background:#0000;border:none;color:#856404;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.challenge-declined-close-modal:hover{color:#533f03}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.challenges-notification-btn{background:#ffc107;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:16px;font-weight:600;margin-left:auto;padding:10px 20px;transition:all .3s}.challenges-notification-btn:hover{background:#ffb300;box-shadow:0 4px 8px #ffc1074d;transform:translateY(-2px)}.challenges-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.challenges-section h3{color:#2c3e50;font-size:24px;margin:0 0 20px}.challenges-group{margin-bottom:25px}.challenges-group:last-child{margin-bottom:0}.challenges-group h4{color:#666;font-size:16px;font-weight:600;margin:0 0 12px}.challenge-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.challenge-item:last-child{margin-bottom:0}.challenge-info{display:flex;flex-direction:column;gap:4px}.challenge-from,.challenge-to{color:#2c3e50;font-size:16px;font-weight:600}.challenge-status,.challenge-time{color:#666;font-size:14px}.challenge-actions{gap:8px}.accept-btn,.decline-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.accept-btn{background:#28a745;color:#fff}.accept-btn:hover{background:#218838;transform:translateY(-1px)}.decline-btn{background:#dc3545;color:#fff}.decline-btn:hover{background:#c82333;transform:translateY(-1px)}.no-challenges{color:#999;font-size:16px;padding:20px;text-align:center}.blocked-users-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-left:10px;padding:10px 20px;transition:all .3s}.blocked-users-btn:hover{background:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-2px)}.blocked-users-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.blocked-users-section h3{color:#2c3e50;font-size:24px;margin:0 0 20px}.blocked-users-list{display:flex;flex-direction:column;gap:8px}.blocked-user-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.blocked-user-info{display:flex;flex-direction:column;gap:4px}.blocked-username{color:#2c3e50;font-size:16px;font-weight:600}.blocked-time{color:#666;font-size:14px}.unblock-btn-small{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s}.unblock-btn-small:hover:not(:disabled){background:#229954;box-shadow:0 2px 4px #27ae604d;transform:translateY(-2px)}.unblock-btn-small:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.no-blocked-users{color:#666;font-size:16px;padding:20px;text-align:center}@media (max-width:768px){.players-page-header-fixed{padding:15px}.players-page-header-fixed h1{font-size:24px;margin-bottom:10px}.players-search-section{flex-direction:column;gap:10px}.filter-controls{justify-content:flex-end;width:100%}.search-box{width:100%}.players-page-content-scrollable{align-items:stretch;padding:15px}.player-item{align-items:stretch;flex-direction:column;gap:10px}.players-page .player-info{align-items:center;flex-wrap:wrap;gap:8px;justify-content:center;text-align:center;width:100%}.player-username{flex:0 1 auto;text-align:center}.in-game-badge{flex-shrink:0}.player-stats-mini{text-align:left;width:100%}.player-profile-modal{max-height:95vh;padding:20px;width:95%}}.puzzle-list{margin:0 auto;max-width:1200px;padding:20px;width:100%}.puzzle-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.puzzle-list-header h2{font-size:24px;font-weight:600;margin:0}.puzzle-list-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background-color:#333;background-color:var(--hover-color,#333)}.filter-btn.active,.filter-btn:hover{border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.filter-btn.active{background-color:#4caf50;background-color:var(--primary-color,#4caf50);color:#fff}.puzzle-list-empty,.puzzle-list-error,.puzzle-list-loading{color:#999;color:var(--text-color-secondary,#999);padding:40px 20px;text-align:center}.puzzle-list-error{color:#f44336;color:var(--error-color,#f44336)}.puzzle-list-error button{background-color:#4caf50;background-color:var(--primary-color,#4caf50);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px}.puzzle-list-error button:hover{opacity:.9}.puzzle-list-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.puzzle-card{background-color:#2a2a2a;background-color:var(--card-bg,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;cursor:pointer;padding:20px;transition:all .2s}.puzzle-card:hover{border-color:#4caf50;border-color:var(--primary-color,#4caf50);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.puzzle-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.puzzle-card-title{color:#fff;color:var(--text-color,#fff);flex:1 1;font-size:18px;font-weight:600;margin:0 12px 0 0}.puzzle-card-difficulty{background-color:#ffffff1a;border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.puzzle-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.5;margin:12px 0;overflow:hidden}.puzzle-card-description,.puzzle-card-footer{color:#999;color:var(--text-color-secondary,#999)}.puzzle-card-footer{align-items:center;border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;font-size:12px;justify-content:space-between;margin-top:16px;padding-top:12px}.puzzle-card-creator,.puzzle-card-solved{font-weight:500}.puzzle-list-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px}.pagination-btn{background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#333;background-color:var(--hover-color,#333);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#999;color:var(--text-color-secondary,#999);font-size:14px}.puzzle-view{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;width:100%}.puzzle-view-error,.puzzle-view-loading{align-items:center;color:#999;color:var(--text-color-secondary,#999);display:flex;flex-direction:column;height:100%;justify-content:center}.puzzle-view-error{color:#f44336;color:var(--error-color,#f44336)}.puzzle-view-error button{background-color:#4caf50;background-color:var(--primary-color,#4caf50);margin-top:16px;padding:8px 16px}.puzzle-view-back-btn,.puzzle-view-error button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px}.puzzle-view-back-btn{background:none;color:var(--text-color,#fff);padding:6px 12px;transition:background-color .2s}.puzzle-view-back-btn:hover{background-color:#333;background-color:var(--hover-color,#333)}.puzzle-view-difficulty{background-color:#ffffff1a;border-radius:4px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.puzzle-view-difficulty.difficulty-easy{color:#4caf50}.puzzle-view-difficulty.difficulty-medium{color:#ff9800}.puzzle-view-difficulty.difficulty-hard{color:#f44336}.puzzle-view-difficulty.difficulty-expert{color:#9c27b0}.puzzle-view-creator{color:#999;color:var(--text-color-secondary,#999);font-size:14px}.puzzle-view-content{align-items:stretch;display:flex;flex:1 1;gap:20px;height:100%;justify-content:center;margin:0 auto;max-width:min(1200px,90vw);min-height:0;overflow:hidden;padding:10px 20px}.puzzle-view-info-panel{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border:2px solid var(--primary-color);border-radius:5px;box-sizing:border-box;max-height:var(--board-size);max-width:256px;min-height:var(--board-size);min-width:256px;overflow-y:auto;padding:10px;width:256px}.puzzle-view-board-container,.puzzle-view-info-panel{-webkit-touch-callout:none;align-self:flex-start;display:flex;flex-direction:column;height:var(--board-size);justify-content:flex-start;position:relative;touch-action:manipulation}.puzzle-view-board-container{align-items:center;flex:1 1;gap:0;min-height:0;overflow:hidden}.puzzle-view-board-container .board{flex-shrink:0;height:var(--board-size);width:var(--board-size)}.puzzle-view-info-section{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);flex-shrink:0;margin-bottom:12px;padding-bottom:12px}.puzzle-view-info-section h3{color:#fff;color:var(--text-color,#fff);font-size:16px;font-weight:600;margin:0 0 6px}.puzzle-view-info-section .puzzle-view-description{color:#999;color:var(--text-color-secondary,#999);font-size:12px;line-height:1.4;margin:6px 0}.puzzle-view-info-section .puzzle-view-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-top:8px}.puzzle-view-info-section .puzzle-view-difficulty{font-size:10px;padding:2px 6px}.puzzle-view-info-section .puzzle-view-creator{font-size:11px}.puzzle-view-info-panel h3{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);color:#fff;color:var(--text-color,#fff);flex-shrink:0;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.puzzle-view-move-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.puzzle-view-move-item{align-items:center;background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border-radius:4px;display:flex;font-size:12px;gap:8px;padding:6px 8px}.puzzle-view-move-item.player-move{background-color:#4caf501a;border-left:3px solid #4caf50}.puzzle-view-move-item.system-move{background-color:#ffffff0d;border-left:3px solid #333;border-left:3px solid var(--border-color,#333)}.puzzle-view-move-number{color:#999;color:var(--text-color-secondary,#999);font-weight:600;min-width:30px}.puzzle-view-move-player{color:#fff;color:var(--text-color,#fff);font-weight:500;min-width:50px}.puzzle-view-move-position{color:#4caf50;color:var(--primary-color,#4caf50);font-family:monospace;font-weight:600;min-width:30px}@media (max-width:768px){.puzzle-view-content{flex-direction:column;padding:10px}.puzzle-view-move-history{height:auto;max-height:200px;max-width:100%;width:100%}.puzzle-view-board-container .board{--cell-size:min(80px,calc(12.5vw - 5px));--board-size:calc(var(--cell-size)*8);height:var(--board-size);width:var(--board-size)}}.puzzle-view-failure,.puzzle-view-success{border-radius:4px;box-shadow:0 4px 12px #0000004d;font-size:13px;left:50%;max-width:90%;padding:8px 16px;position:absolute;text-align:center;top:10px;transform:translateX(-50%);z-index:100}.puzzle-view-failure h3,.puzzle-view-success h3{font-size:14px;margin:0 0 4px}.puzzle-view-failure p,.puzzle-view-success p{font-size:12px;margin:0}.puzzle-view-success{background-color:#4caf50f2;border:2px solid #4caf50;color:#fff}.puzzle-view-failure{background-color:#f44336f2;border:2px solid #f44336;color:#fff}.puzzle-view-info-panel .puzzle-view-controls{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-bottom:12px;padding-bottom:12px}.puzzle-view-info-panel .puzzle-view-controls button{width:100%}.puzzle-view-reset-btn{background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.puzzle-view-reset-btn:hover{background-color:#333;background-color:var(--hover-color,#333);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.puzzle-view-stats{color:#999;color:var(--text-color-secondary,#999);display:flex;font-size:14px;gap:16px}.puzzle-view-stats span{font-weight:500}.puzzle-view-controls-left{align-items:center;display:flex;gap:12px}.puzzle-view-show-solution-btn{background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.puzzle-view-show-solution-btn:hover:not(:disabled){background-color:#333;background-color:var(--hover-color,#333);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.puzzle-view-reset-btn:disabled,.puzzle-view-show-solution-btn:disabled{cursor:not-allowed;opacity:.5}.sandbox-container{align-items:center;background:#1a1a1a;background:var(--bg-color,#1a1a1a);color:#ecf0f1;color:var(--text-color,#ecf0f1);display:flex;flex-direction:column;min-height:100vh;padding:20px}.sandbox-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-width:1400px;width:100%}.sandbox-header h1{color:#ecf0f1;color:var(--text-color,#ecf0f1);font-size:2rem;margin:0}.sandbox-error{background:#e74c3c;border-radius:5px;color:#fff;font-size:.9rem;margin-top:15px;padding:10px 20px;text-align:center}.sandbox-main{align-items:flex-start;display:flex;gap:15px;max-width:1400px;width:100%}.sandbox-instructions{background:#2c3e50;background:var(--card-bg,#2c3e50);border:1px solid #34495e;border:1px solid var(--border-color,#34495e);border-radius:8px;flex:0 0 375px;padding:20px}.sandbox-instructions h3{font-size:1.2rem;margin-bottom:15px;margin-top:0}.sandbox-instructions ul{margin-bottom:20px;padding-left:20px}.sandbox-instructions li{font-size:.9rem;margin-bottom:8px}.starting-player-selector{border-top:1px solid #34495e;border-top:1px solid var(--border-color,#34495e);margin-bottom:20px;padding-top:20px}.starting-player-selector label{display:block;font-size:.9rem;margin-bottom:10px}.player-options{display:flex;gap:10px}.player-option{background:#1a1a1a;background:var(--bg-color,#1a1a1a);border:2px solid #34495e;border:2px solid var(--border-color,#34495e);border-radius:5px;color:#ecf0f1;color:var(--text-color,#ecf0f1);cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 16px;transition:all .2s}.player-option.active,.player-option:hover{border-color:#3498db;border-color:var(--accent-color,#3498db)}.player-option.active{background:#3498db;background:var(--accent-color,#3498db);color:#fff}.sandbox-game-info{background:#1a1a1a;background:var(--bg-color,#1a1a1a);border:1px solid #34495e;border:1px solid var(--border-color,#34495e);border-radius:5px;margin-bottom:20px;padding:15px}.sandbox-game-info>div{font-size:.9rem;margin-bottom:10px}.sandbox-game-info .game-scores{display:flex;justify-content:space-between;margin-top:10px}.sandbox-move-history{border-top:1px solid #34495e;border-top:1px solid var(--border-color,#34495e);margin-bottom:20px;padding-top:20px}.sandbox-move-history h4{font-size:1rem;margin-bottom:10px;margin-top:0}.move-history-controls{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.move-counter{color:#ecf0f1;color:var(--text-color,#ecf0f1);font-size:.9rem;min-width:60px}.btn-small{font-size:.85rem;padding:5px 12px}.btn-small:disabled{cursor:not-allowed;opacity:.5}.move-history-list{background:#1a1a1a;background:var(--bg-color,#1a1a1a);border:1px solid #34495e;border:1px solid var(--border-color,#34495e);border-radius:5px;max-height:200px;overflow-y:auto;padding:5px}.move-history-item{border-radius:3px;cursor:pointer;font-size:.85rem;margin-bottom:2px;padding:5px 8px;transition:background .2s}.move-history-item:hover{background:#34495e;background:var(--cell-hover,#34495e)}.move-history-item.active{background:#3498db;background:var(--accent-color,#3498db);color:#fff}.move-history-item .yugo-indicator{color:#e74c3c;font-weight:700}.sandbox-position-string{border-top:1px solid #34495e;border-top:1px solid var(--border-color,#34495e);margin-bottom:20px;padding-top:20px}.sandbox-position-string h4{font-size:1rem;margin-bottom:10px;margin-top:0}.position-string-display{display:flex;gap:8px;margin-bottom:8px}.position-string-input{background:#1a1a1a;background:var(--bg-color,#1a1a1a);border:1px solid #34495e;border:1px solid var(--border-color,#34495e);border-radius:5px;color:#ecf0f1;color:var(--text-color,#ecf0f1);cursor:text;flex:1 1;font-family:monospace;font-size:.85rem;padding:8px 12px}.position-string-input:focus{border-color:#3498db;border-color:var(--accent-color,#3498db);outline:none}.position-string-help{color:#ecf0f1;color:var(--text-color,#ecf0f1);font-size:.75rem;line-height:1.4;margin:0;opacity:.7}.sandbox-controls{border-top:1px solid #34495e;border-top:1px solid var(--border-color,#34495e);display:flex;flex-direction:column;gap:10px;padding-top:20px}.sandbox-board-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.sandbox-board{grid-gap:2px;aspect-ratio:1;background:#34495e;background:var(--board-bg,#34495e);border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);max-width:600px;padding:10px;width:100%}.sandbox-cell{align-items:center;background:#2c3e50;background:var(--cell-bg,#2c3e50);border:1px solid #34495e;border:1px solid var(--border-color,#34495e);border-radius:4px;cursor:pointer;display:flex;justify-content:center;transition:background .2s}.sandbox-cell:hover{background:#34495e;background:var(--cell-hover,#34495e)}.sandbox-cell.last-move{background-color:#2ecc7133;box-shadow:inset 0 0 10px 2px #2ecc7199}.sandbox-cell.last-move:hover{background-color:#2ecc714d}.sandbox-cell{position:relative}.sandbox-cell .dot{border-radius:50%;height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:1}.sandbox-cell .yugo{background:#e74c3c;background:var(--yugo-color,#e74c3c);border-radius:50%;position:absolute;z-index:2}.sandbox-cell .yugo.standard{height:18.75%;left:50%;top:50%;transform:translate(-50%,-50%);width:18.75%}.sandbox-cell .cell-col-label,.sandbox-cell .cell-row-label{color:#ecf0f1;color:var(--text-color,#ecf0f1);font-size:.7rem;opacity:.6;position:absolute;z-index:1}.sandbox-cell .cell-row-label{left:2px;top:2px}.sandbox-cell .cell-col-label{bottom:2px;right:2px}.sandbox-pieces{flex:0 0 200px}.sandbox-pieces h3{font-size:1.2rem;margin-bottom:15px;margin-top:0}.pieces-grid{display:flex;flex-direction:column;gap:15px}.sandbox-piece{align-items:center;background:#2c3e50;background:var(--card-bg,#2c3e50);border:3px solid #34495e;border:3px solid var(--border-color,#34495e);border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:80px;padding:20px;transition:all .2s;width:100%}.sandbox-piece:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.sandbox-piece.selected,.sandbox-piece:hover{border-color:#3498db;border-color:var(--accent-color,#3498db)}.sandbox-piece.selected{background:#3498db;background:var(--accent-color,#3498db);background:#3498db33;box-shadow:0 0 10px #3498db80}.sandbox-piece-visual{align-items:center;display:flex;height:50px;justify-content:center;position:relative;width:50px}.sandbox-piece .dot{border-radius:50%;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:1}.sandbox-piece .yugo{background:#e74c3c;background:var(--yugo-color,#e74c3c);border-radius:50%;position:absolute;z-index:2}.sandbox-piece .yugo.standard{height:13px;left:50%;top:50%;transform:translate(-50%,-50%);width:13px}.btn{padding:10px 20px;transition:all .2s}.btn-primary{background:#3498db;background:var(--accent-color,#3498db);color:#fff}.btn-primary:hover{background:#2980b9;background:var(--accent-hover,#2980b9)}.btn-secondary{background:#7f8c8d;background:var(--secondary-bg,#7f8c8d);color:#fff}.btn-secondary:hover{background:#95a5a6;background:var(--secondary-hover,#95a5a6)}@media (max-width:1024px){.sandbox-main{align-items:center;flex-direction:column}.sandbox-instructions,.sandbox-pieces{flex:0 0 auto;width:100%}.pieces-grid{flex-direction:row;flex-wrap:wrap;justify-content:center}.sandbox-piece{flex-basis:calc(25% - 12px);flex-grow:0;flex-shrink:0;min-width:80px}.sandbox-board{max-width:100%}}.puzzles-page{background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);color:#fff;color:var(--text-color,#fff);display:flex;flex-direction:column;height:100vh}.puzzles-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;flex-shrink:0;gap:20px;min-height:40px;padding:8px 16px}.puzzles-back-btn{background:none;border:none;border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.puzzles-back-btn:hover{background-color:#333;background-color:var(--hover-color,#333)}.puzzles-title{flex-shrink:0;font-size:18px;font-weight:600;margin:0}.puzzles-tabs{display:flex;gap:0;margin-left:auto}.puzzles-tab{background:none;border:none;border-bottom:2px solid #0000;color:#999;color:var(--text-color-secondary,#999);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.puzzles-tab:hover:not(:disabled){background-color:#333;background-color:var(--hover-color,#333);color:#fff;color:var(--text-color,#fff)}.puzzles-tab.active{border-bottom-color:#4caf50;border-bottom-color:var(--primary-color,#4caf50);color:#4caf50;color:var(--primary-color,#4caf50)}.puzzles-tab:disabled{cursor:not-allowed;opacity:.5}.puzzles-content{flex:1 1;min-height:0;overflow:hidden;padding:0}.puzzles-view-placeholder{align-items:center;color:#999;color:var(--text-color-secondary,#999);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.puzzles-view-placeholder p{font-size:16px;margin:10px 0}.puzzles-sandbox-wrapper{height:100%;overflow:auto}.sidebar{background:#2c3e50;box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:205px;z-index:4000}.sidebar-logo{border-bottom:1px solid #34495e;padding:20px 20px 20px 4px;text-align:left}.sidebar-logo-img{height:32.5px;object-fit:contain;width:auto}.sidebar-nav{flex:1 1;padding:20px 0}.sidebar-nav-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:12px 20px;text-align:left;transition:all .3s ease;width:100%}.sidebar-nav-item:hover{background:#34495e;color:#4a90e2}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;margin-right:12px;width:24px}.nav-icon svg{display:block}.nav-text{align-items:center;display:flex;font-weight:500;line-height:1.5}.sidebar-auth{border-top:1px solid #34495e;padding:20px}.auth-buttons{display:flex;flex-direction:column;gap:10px}.sidebar-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .3s ease}.signup-btn{background:#27ae60;color:#fff}.signup-btn:hover{background:#229954;transform:translateY(-1px)}.signin-btn{background:#34495e;border:1px solid #4a90e2;color:#fff}.signin-btn:hover{background:#4a90e2;transform:translateY(-1px)}.user-section{display:flex;flex-direction:column;gap:10px}.user-info{text-align:center}.welcome-text{color:#bdc3c7;font-size:14px;font-weight:700}.logout-btn{background:#e74c3c;color:#fff}.logout-btn:hover{background:#c0392b;transform:translateY(-1px)}.sidebar-footer{border-top:1px solid #34495e;display:flex;flex-direction:column;gap:8px;padding:20px}.sidebar-footer-item{align-items:center;background:none;border:none;border-radius:4px;color:#bdc3c7;cursor:pointer;display:flex;font-size:14px;padding:8px 12px 8px calc(12px - 5%);text-align:left;transition:all .3s ease;width:100%}.sidebar-footer-item:hover{background:#34495e;color:#fff}.footer-icon{font-size:16px;margin-right:8px;text-align:center;width:20px}.footer-text{font-weight:400}.mobile-menu-toggle{background:#2c3e50;border:none;border-radius:4px;cursor:pointer;display:none;flex-direction:column;height:32px;justify-content:space-around;padding:8px;position:fixed;right:20px;top:80px;z-index:4001}@media (max-width:375px) and (max-height:667px){.mobile-menu-toggle{right:15px!important;top:60px!important}}.mobile-menu-toggle span{background:#fff;border-radius:2px;height:2px;margin:1px 0;transition:.3s;width:20px}.mobile-menu-toggle.active span:first-child{transform:rotate(-45deg) translate(-4px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-4px,-5px)}@media (max-width:768px){.mobile-menu-toggle{display:flex!important}.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:280px}.sidebar.open{transform:translateX(0)}.sidebar-nav{flex:0 1 auto;padding-bottom:87px}.sidebar-auth{margin-top:-100px!important}.sidebar-overlay{background:#00000080;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:3999}.sidebar-overlay.active{display:block}}.main-content{box-sizing:border-box;margin-left:223.72px;width:calc(100% - 223.72px)}.about-page~.main-content,.main-content .about-page{margin-left:0}@media (max-width:768px){.main-content{margin-left:0}}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.auth-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:420px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.auth-modal-header h2{color:#1a202c;font-size:24px;font-weight:600;margin:0}.auth-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.auth-modal-close:hover{background-color:#f7fafc;color:#2d3748}.auth-modal-content{padding:0 24px 24px}.auth-form-group{margin-bottom:20px}.auth-form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.auth-form-group input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.auth-form-group input:focus{border-color:#0f4ea5;box-shadow:0 0 0 3px #0f4ea51a;outline:none}.auth-form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:50px}.password-toggle-btn{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:1}.password-toggle-btn:hover:not(:disabled){color:#2d3748}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn svg{height:20px;width:20px}.auth-submit-btn{background:linear-gradient(135deg,#0f4ea5,#1a365d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px;transition:all .2s ease;width:100%}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a365d,#0f4ea5);box-shadow:0 8px 25px #0f4ea54d;transform:translateY(-1px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-divider{margin:20px 0;position:relative;text-align:center}.auth-divider:before{background-color:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#718096;font-size:14px;padding:0 16px;position:relative}.auth-google-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;margin-bottom:16px;padding:12px 16px;transition:all .2s ease;width:100%}.auth-google-btn:hover:not(:disabled){background-color:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.auth-google-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.google-icon{height:20px;width:20px}.auth-facebook-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;margin-bottom:20px;padding:12px 16px;transition:all .2s ease;width:100%}.auth-facebook-btn:hover:not(:disabled){background-color:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.auth-facebook-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.facebook-icon{height:20px;width:20px}.auth-switch-mode{border-top:1px solid #e2e8f0;padding-top:16px;text-align:center}.auth-switch-mode p{color:#718096;font-size:14px;margin:0}.auth-mode-link{background:none;border:none;color:#0f4ea5;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.auth-mode-link:hover{color:#1a365d}.auth-success{background-color:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#22543d}.auth-error,.auth-success{font-size:14px;margin-bottom:20px;padding:12px 16px}.auth-error{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#742a2a}.checking-text{color:#718096;font-size:12px;font-style:italic;font-weight:400;margin-left:4px}.username-error{color:#dc3545}.username-error,.username-success{display:block;font-size:13px;font-weight:500;margin-top:6px}.username-success{color:#10b981}.auth-form-group input.error{border-color:#dc3545}.auth-form-group input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.verification-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin:16px 0;padding:16px;text-align:center}.verification-notice p{color:#856404;font-size:14px;margin:8px 0}.verification-notice .small-text{color:#666;font-size:12px;margin-top:8px}.resend-btn{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:8px 0;padding:8px 16px;transition:background .3s}.resend-btn:hover:not(:disabled){background:#357abd}.resend-btn:disabled{cursor:not-allowed;opacity:.6}.forgot-password-section{margin-top:10px;text-align:center}.forgot-password-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.85rem;padding:5px;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#2563eb;text-decoration:underline}@media (max-width:480px){.auth-modal{margin:20px;width:95%}.auth-modal-content,.auth-modal-header{padding-left:20px;padding-right:20px}.auth-modal-header h2{font-size:20px}}.challenge-toast{animation:slideIn .3s ease-out;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:20000}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.challenge-toast-content{background:#fff;border:3px solid #667eea;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90vw;padding:24px;width:400px}.challenge-toast-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.challenge-icon{font-size:32px}.challenge-toast-header h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.challenge-message{color:#555;font-size:18px;margin-bottom:16px;text-align:center}.challenge-message strong{color:#667eea;font-weight:700}.challenge-timer{color:#666;font-size:14px;margin-bottom:20px;text-align:center}.timer-value{color:#e74c3c;font-size:16px;font-weight:700}.challenge-actions{display:flex;gap:12px}.challenge-accept-btn,.challenge-decline-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.challenge-accept-btn{background:#28a745;color:#fff}.challenge-accept-btn:hover:not(:disabled){background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.challenge-decline-btn{background:#dc3545;color:#fff}.challenge-decline-btn:hover:not(:disabled){background:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-2px)}.challenge-accept-btn:disabled,.challenge-decline-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.challenge-toast-content{padding:20px;width:90vw}.challenge-toast-header h3{font-size:20px}.challenge-message{font-size:16px}}.challenge-declined-toast{animation:slideInRight .3s ease-out;position:fixed;right:20px;top:20px;z-index:10000}.challenge-declined-content{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90vw;padding:16px 20px;width:350px}.challenge-declined-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.declined-icon{font-size:24px}.challenge-declined-header h3{color:#856404;font-size:18px;font-weight:600;margin:0}.challenge-declined-message{color:#856404;font-size:14px;margin:0 0 12px}.challenge-declined-message strong{font-weight:600}.challenge-declined-close{background:#ffc107;border:none;border-radius:6px;color:#856404;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s;width:100%}.challenge-declined-close:hover{background:#ffb300}@media (max-width:480px){.challenge-declined-toast{left:10px;right:10px;top:10px}.challenge-declined-content{width:100%}}.email-verification-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;text-align:center;width:100%}.verification-error,.verification-spinner,.verification-success{font-size:64px;margin-bottom:20px}.verification-success{color:#10b981}.verification-error{color:#ef4444}.email-verification-card h2{color:#1f2937;font-size:24px;margin-bottom:16px}.email-verification-card p{color:#6b7280;line-height:1.6;margin-bottom:12px}.error-message{color:#ef4444;font-weight:600;margin-bottom:16px}.redirect-message{color:#10b981;font-weight:500}.continue-button,.resend-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:8px;padding:12px 24px;transition:background .2s}.continue-button:hover,.resend-button:hover:not(:disabled){background:#5568d3}.resend-button:disabled{cursor:not-allowed;opacity:.6}.continue-button{background:#6b7280}.continue-button:hover{background:#4b5563}.reset-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:450px;padding:40px;text-align:center;width:100%}.reset-password-card h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 10px}.reset-password-card>p{color:#666;font-size:16px;margin-bottom:30px}.reset-success{font-size:64px;margin-bottom:20px}.redirect-message{color:#667eea;font-weight:600;margin-top:20px}.reset-password-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 45px 12px 15px;transition:border-color .3s;width:100%}.password-input-wrapper input:focus{border-color:#667eea;outline:none}.password-input-wrapper input.error{border-color:#e74c3c}.password-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:10px;transition:color .3s}.password-toggle:hover{color:#667eea}.password-hint{color:#999;display:block;font-size:12px;margin-top:5px}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px}.reset-submit-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:15px;padding:14px;transition:background .3s;width:100%}.reset-submit-btn:hover:not(:disabled){background:#5568d3}.reset-submit-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s;width:100%}.cancel-button:hover:not(:disabled){border-color:#999;color:#333}.cancel-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.reset-password-card{padding:30px 20px}.reset-password-card h2{font-size:24px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.admin-login-box h1{color:#333;font-size:28px;font-weight:700;margin:0 0 10px;text-align:center}.admin-login-subtitle{color:#666;font-size:14px;margin:0 0 30px;text-align:center}.admin-form-group{margin-bottom:20px}.admin-form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.admin-form-group input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.admin-form-group input:focus{border-color:#667eea;outline:none}.admin-form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.admin-error-message{background-color:#fee;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.admin-login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:opacity .3s;width:100%}.admin-login-button:hover:not(:disabled){opacity:.9}.admin-login-button:disabled{cursor:not-allowed;opacity:.6}.game-history-viewer{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;max-width:100%;padding:20px;width:100%}.game-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.game-history-header h2{color:#333;font-size:20px;margin:0}.game-history-actions{display:flex;gap:10px}.game-history-clear-btn,.game-history-refresh-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:opacity .3s}.game-history-refresh-btn{background:#667eea;color:#fff}.game-history-clear-btn{background:#6c757d;color:#fff}.game-history-clear-btn:hover,.game-history-refresh-btn:hover{opacity:.8}.game-history-error{background:#fee;border-radius:6px;color:#c33;margin-bottom:20px;padding:15px}.game-history-loading{color:#666;font-size:18px;padding:40px;text-align:center}.game-history-filters{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:15px}.game-history-filter-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.game-history-filter-row:last-child{margin-bottom:0}.game-history-filter-group{display:flex;flex-direction:column;gap:5px}.game-history-filter-group label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.game-history-filter-input,.game-history-filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px}.game-history-filter-input:focus,.game-history-filter-select:focus{border-color:#667eea;outline:none}.game-history-stats{color:#666;font-size:14px;font-weight:600;margin-bottom:15px}.game-history-list{max-height:600px;overflow-y:auto}.game-history-table{border-collapse:collapse;width:100%}.game-history-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.game-history-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.game-history-table td{border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;padding:12px}.game-history-table tbody tr:hover{background:#f8f9ff}.game-result-badge{border-radius:4px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.game-result-badge.win{background:#28a745;color:#fff}.game-result-badge.loss{background:#dc3545;color:#fff}.game-result-badge.draw{background:#ffc107;color:#333}.game-history-empty{color:#999;font-style:italic;padding:40px;text-align:center}.game-id-code{background:#f5f5f5;border-radius:3px;color:#667eea;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 6px}.game-history-quick-filter-btn{background:#0000;border:1px solid #0f4ea5;border-radius:4px;color:#0f4ea5;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s;white-space:nowrap}.game-history-quick-filter-btn:hover{background:#0f4ea5;color:#fff}.analytics-dashboard{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;max-width:100%;padding:20px;width:100%}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.analytics-header h2{color:#333;font-size:20px;margin:0}.analytics-controls{align-items:center;display:flex;gap:10px}.analytics-controls label{color:#666;font-weight:600}.analytics-controls select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px}.analytics-controls select:focus{border-color:#667eea;outline:none}.analytics-refresh-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:opacity .3s}.analytics-refresh-btn:hover{opacity:.8}.analytics-error{background:#fee;border-radius:6px;color:#c33;margin-bottom:20px;padding:15px}.analytics-loading{color:#666;font-size:18px;padding:40px;text-align:center}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.analytics-card{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.analytics-card.full-width{grid-column:1/-1}.analytics-card h3{color:#333;font-size:18px;margin:0 0 20px}@media (max-width:1024px){.analytics-grid{grid-template-columns:1fr}.analytics-card.full-width{grid-column:1}}.admin-puzzle-creator{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;width:100%}.admin-puzzle-creator-tabs{border-bottom:2px solid #333;border-bottom:2px solid var(--border-color,#333);display:flex;gap:8px;margin-bottom:16px}.admin-puzzle-tab{background:none;border:none;border-bottom:2px solid #0000;color:#999;color:var(--text-color-secondary,#999);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.admin-puzzle-tab:hover{color:#fff;color:var(--text-color,#fff)}.admin-puzzle-tab.active{border-bottom-color:#4caf50;border-bottom-color:var(--primary-color,#4caf50);color:#4caf50;color:var(--primary-color,#4caf50)}.admin-puzzle-manager{flex:1 1;overflow-y:auto;padding:16px}.puzzle-empty,.puzzle-error,.puzzle-loading{color:#999;color:var(--text-color-secondary,#999);font-size:14px;padding:40px;text-align:center}.puzzle-error{color:#f44336}.puzzle-list{display:flex;flex-direction:column;gap:12px}.puzzle-item{align-items:flex-start;background-color:#2a2a2a;background-color:var(--card-bg,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.puzzle-item-info{flex:1 1}.puzzle-item-info h3{color:#fff;color:var(--text-color,#fff);font-size:16px;font-weight:600;margin:0 0 8px}.puzzle-item-meta{display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:8px}.puzzle-item-meta .difficulty{background-color:#ffffff1a;border-radius:4px;font-weight:600;padding:2px 8px;text-transform:uppercase}.puzzle-item-meta .difficulty-easy{color:#4caf50}.puzzle-item-meta .difficulty-medium{color:#ff9800}.puzzle-item-meta .difficulty-hard{color:#f44336}.puzzle-item-meta .difficulty-expert{color:#9c27b0}.puzzle-item-meta .visibility{font-weight:500}.puzzle-item-meta .visibility.public{color:#4caf50}.puzzle-item-meta .visibility.private{color:#ff9800}.puzzle-item-description,.puzzle-item-meta .creator,.puzzle-item-meta .moves{color:#999;color:var(--text-color-secondary,#999)}.puzzle-item-description{font-size:13px;line-height:1.4;margin:8px 0 0}.puzzle-item-actions{display:flex;gap:8px}.delete-puzzle-btn,.edit-puzzle-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.edit-puzzle-btn{background-color:#4caf50;background-color:var(--primary-color,#4caf50);color:#fff}.edit-puzzle-btn:hover{background-color:#45a049}.delete-puzzle-btn{background-color:#f4433633;border:1px solid #f44336;color:#f44336}.delete-puzzle-btn:hover{background-color:#f443364d}.admin-puzzle-creator-content{display:flex;flex:1 1;gap:16px;min-height:0;overflow:hidden}.admin-puzzle-creator-form{background-color:#2a2a2a;background-color:var(--card-bg,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;flex:0 0 300px;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#fff;color:var(--text-color,#fff);font-size:14px;font-weight:500}.form-group input[type=text],.form-group select,.form-group textarea{background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-color,#fff);font-family:inherit;font-size:13px;padding:8px 10px}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;border-color:var(--primary-color,#4caf50);outline:none}.form-group textarea{min-height:60px;resize:vertical}.form-group input[type=checkbox]{cursor:pointer;margin-right:8px}.form-group label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex}.form-error{background-color:#f4433633;border:1px solid #f44336;border-radius:4px;color:#f44336}.form-error,.form-success{font-size:12px;padding:8px}.form-success{background-color:#4caf5033;border:1px solid #4caf50;border-radius:4px;color:#4caf50}.form-actions{display:flex;gap:8px;margin-top:8px}.cancel-edit-btn{background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.cancel-edit-btn:hover{background-color:#333;background-color:var(--hover-color,#333);border-color:#999;border-color:var(--text-color-secondary,#999)}.save-puzzle-btn{flex:1 1}.form-actions:has(.cancel-edit-btn) .save-puzzle-btn{flex:1 1;width:auto}.save-puzzle-btn{background-color:#4caf50;background-color:var(--primary-color,#4caf50);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s;width:100%}.save-puzzle-btn:hover:not(:disabled){background-color:#45a049;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.save-puzzle-btn:disabled{cursor:not-allowed;opacity:.5}.form-instructions{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);color:#999;color:var(--text-color-secondary,#999);font-size:13px;margin-top:24px;padding-top:24px}.form-instructions p{margin:0 0 12px}.form-instructions ol{margin:0 0 12px;padding-left:20px}.form-instructions li{line-height:1.5;margin-bottom:8px}.solution-controls{margin-top:8px}.solution-buttons{display:flex;gap:8px;margin-top:8px}.clear-solution-btn,.record-solution-btn{background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.clear-solution-btn:hover:not(:disabled),.record-solution-btn:hover:not(:disabled){background-color:#333;background-color:var(--hover-color,#333);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.record-solution-btn.recording{animation:pulse 2s infinite;background-color:#f4433633;border-color:#f44336;color:#f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.clear-solution-btn:disabled{cursor:not-allowed;opacity:.5}.solution-moves-list{background-color:#ffffff0d;border-radius:4px;margin-top:12px;max-height:200px;overflow-y:auto;padding:12px}.solution-moves-header{color:#999;color:var(--text-color-secondary,#999);font-size:12px;font-weight:600;margin-bottom:8px}.solution-moves-items{display:flex;flex-direction:column;gap:4px}.solution-move-item{align-items:center;background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);border-radius:4px;display:flex;font-size:12px;gap:8px;padding:6px 8px}.solution-move-item .move-number{color:#999;color:var(--text-color-secondary,#999);font-weight:600;min-width:20px}.solution-move-item .move-player{color:#fff;color:var(--text-color,#fff);font-weight:500;min-width:50px}.solution-move-item .move-position{color:#4caf50;color:var(--primary-color,#4caf50);font-family:monospace;font-weight:600;min-width:30px}.remove-move-btn{align-items:center;background:none;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:20px;justify-content:center;margin-left:auto;padding:0;transition:background-color .2s;width:20px}.remove-move-btn:hover{background-color:#f4433633}.recording-indicator{align-items:center;background-color:#f443361a;border:1px solid #f443364d;border-radius:4px;color:#f44336;display:flex;font-size:12px;gap:8px;margin-top:8px;padding:8px}.recording-dot{animation:blink 1s infinite;background-color:#f44336;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.admin-puzzle-creator-sandbox{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.admin-puzzle-creator-sandbox .sandbox-container{display:flex;flex-direction:column;height:100%;overflow:hidden}@media (max-width:1024px){.admin-puzzle-creator-content{flex-direction:column}.admin-puzzle-creator-form{flex:0 0 auto;max-height:400px}.admin-puzzle-creator-sandbox{flex:1 1;min-height:500px}}.admin-dashboard{background:#f5f5f5;box-sizing:border-box;margin:0!important;max-width:100%!important;min-height:100vh;overflow-x:hidden!important;overflow-y:auto!important;padding:20px;width:100%!important}.admin-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px 20px}.admin-header-left{align-items:center;display:flex;flex:1 1;gap:20px}.admin-header h1{color:#333;font-size:24px;margin:0;white-space:nowrap}.admin-logout-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s}.admin-logout-button:hover{background:#c82333}.admin-error-banner{background:#fee;border-radius:6px;color:#c33;margin-bottom:20px;padding:15px;text-align:center}.admin-stats-grid{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px;padding:10px 15px}.admin-stat-card{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:100px;padding:6px 12px}.admin-stat-value{color:#667eea;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:2px}.admin-stat-label{color:#666;font-size:11px;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.admin-tabs{background:#0000;border-radius:0;box-shadow:none;display:flex;gap:8px;margin:0;padding:0}.admin-tab{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .3s}.admin-tab:hover{background:#f8f9fa;color:#333}.admin-tab.active{background:#667eea;color:#fff}.admin-tab.active:hover{background:#5568d3}.admin-content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:calc(100vh - 350px);max-height:calc(100vh - 350px);min-height:500px}.admin-details-panel,.admin-users-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.admin-details-panel h2,.admin-users-panel h2{color:#333;flex-shrink:0;font-size:20px;margin:0 0 20px}.admin-search-filters-container{background:#f8f9fa;border-radius:6px;box-sizing:border-box;margin-bottom:20px;padding:15px;width:100%}.admin-search-filters-row{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto}.admin-search-filters{background:#f8f9fa;border-radius:6px;flex-shrink:0;margin-bottom:20px;padding:15px}.admin-search-box{flex:1 1;flex-shrink:1;min-width:250px}.admin-search-input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.admin-search-input:focus{border-color:#667eea;outline:none}.admin-filter-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-filter-group{display:flex;flex-direction:column;flex-shrink:0;gap:5px;min-width:140px;white-space:nowrap}.admin-filter-group label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px}.admin-filter-select:focus{border-color:#667eea;outline:none}.admin-filter-input{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px}.admin-filter-input:focus{border-color:#667eea;outline:none}.admin-no-users{color:#999;font-style:italic;padding:40px;text-align:center}.admin-users-list{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto!important}.admin-user-item{align-items:center;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;min-height:60px;padding:10px 15px;transition:all .3s}.admin-user-item:hover{background:#f8f9ff;border-color:#667eea}.admin-user-item.selected{background:#f0f4ff;border-color:#667eea}.admin-user-info{flex:1 1}.admin-user-name-row{align-items:center;display:flex;gap:12px;margin-bottom:4px}.admin-user-name{align-items:center;color:#333;display:flex;flex:1 1;font-weight:600;gap:8px;min-width:0}.admin-status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.admin-status-dot.online{background-color:#28a745;box-shadow:0 0 4px #28a74580}.admin-status-dot.offline{background-color:#dc3545;box-shadow:0 0 4px #dc35454d}.admin-badge{background:#667eea;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.admin-user-email{color:#666;font-size:13px;margin-bottom:0}.admin-user-stats{color:#999;flex-shrink:0;font-size:12px;white-space:nowrap}.admin-user-stats-inline{color:#000;font-size:12px;font-weight:400;margin-left:8px}.admin-user-actions{display:flex;gap:8px}.admin-action-button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:opacity .3s}.admin-action-button.edit{background:#28a745;color:#fff}.admin-action-button.delete{background:#dc3545;color:#fff}.admin-action-button:hover{opacity:.8}.admin-details-panel{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto!important}.admin-analytics-container{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 300px);min-height:500px;overflow-x:hidden;overflow-y:auto!important;width:100%}.admin-user-details{margin-bottom:30px}.admin-status-indicator{border-radius:50%;display:inline-block;height:10px;margin-left:8px;margin-right:6px;vertical-align:middle;width:10px}.admin-status-indicator.online{background-color:#28a745;box-shadow:0 0 4px #28a74580}.admin-status-indicator.offline{background-color:#dc3545;box-shadow:0 0 4px #dc35454d}.admin-detail-item{border-bottom:1px solid #e0e0e0;color:#333;padding:10px 0}.admin-detail-item strong{color:#666;display:inline-block;width:150px}.admin-games-section{margin-top:30px}.admin-games-section h3{color:#333;font-size:18px;margin:0 0 15px}.admin-games-list{max-height:400px;overflow-y:auto}.admin-game-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:8px;padding:12px}.admin-game-result{align-items:center;display:flex;gap:10px;margin-bottom:5px}.admin-result-badge{border-radius:4px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.admin-result-badge.win{background:#28a745;color:#fff}.admin-result-badge.loss{background:#dc3545;color:#fff}.admin-result-badge.draw{background:#ffc107;color:#333}.admin-game-opponent{color:#333;font-weight:600}.admin-game-info{color:#666;font-size:12px}.admin-no-games,.admin-no-selection{color:#999;font-style:italic;padding:40px;text-align:center}.admin-loading{color:#666;font-size:18px;padding:40px;text-align:center}.admin-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.admin-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:30px;width:90%}.admin-modal h2{color:#333;margin:0 0 20px}.admin-modal .admin-form-group{margin-bottom:20px}.admin-modal .admin-form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.admin-modal .admin-form-group input[type=email],.admin-modal .admin-form-group input[type=text]{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.admin-modal .admin-form-group input[type=checkbox]{margin-right:8px}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.admin-cancel-button,.admin-save-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.admin-save-button{background:#28a745;color:#fff}.admin-cancel-button{background:#6c757d;color:#fff}.admin-cancel-button:hover,.admin-save-button:hover{opacity:.8}.admin-toast{align-items:center;animation:slideInRight .3s ease-out;background:#667eea;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;gap:15px;min-width:300px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:10000}.admin-toast-success{background:#28a745}.admin-toast-info{background:#17a2b8}.admin-toast-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;margin-left:auto;opacity:.8;padding:0}.admin-toast-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.admin-milestones-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:30px;padding:20px 30px}.admin-milestones-banner h3{font-size:20px;font-weight:700;margin:0 0 15px}.admin-milestones-list{display:flex;flex-wrap:wrap;gap:15px}.admin-milestone-item{background:#fff3;border-radius:6px;display:flex;flex-direction:column;gap:5px;padding:10px 20px}.admin-milestone-value{font-size:18px;font-weight:700}.admin-milestone-date{font-size:12px;opacity:.9}.admin-game-id{border-top:1px solid #e0e0e0;color:#666;font-size:11px;margin-top:8px;padding-top:8px}.admin-game-id code{background:#f5f5f5;border-radius:3px;color:#667eea;font-family:Courier New,monospace;font-weight:600;padding:2px 6px}@media (max-width:1024px){.admin-header-left{align-items:flex-start;flex-direction:column;gap:10px}.admin-tabs{width:100%}.admin-content-grid{grid-template-columns:1fr;height:auto;max-height:none;min-height:500px}.admin-stats-grid{gap:10px;padding:10px 15px}.admin-stat-card{min-width:100px;padding:6px 10px}.admin-stat-value{font-size:18px}.admin-stat-label{font-size:10px}.admin-users-list{max-height:500px}.admin-toast{left:10px;min-width:auto;right:10px;top:10px}}.game-chat-container{background:#f8f9fa;border-radius:4px;border-top:1px solid #dee2e6;display:flex;flex-direction:column;margin-top:0;padding-top:0;width:100%}.game-chat-header{align-items:center;background:#e9ecef;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:6px 10px;-webkit-user-select:none;user-select:none}.game-chat-header:hover{background:#dee2e6}.game-chat-title{color:#495057;font-size:.9rem;font-weight:600}.game-chat-unread-badge{background:#007bff;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.game-chat-toggle{color:#6c757d;font-size:.75rem}.game-chat-messages{max-height:200px;overflow-y:auto;padding:8px}.game-chat-messages,.game-chat-messages-collapsed{background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-bottom:0}.game-chat-messages-collapsed{max-height:80px;overflow:hidden;padding:4px 8px}.game-chat-empty{color:#6c757d;font-size:.85rem;padding:10px;text-align:center}.game-chat-message{word-wrap:break-word;font-size:.85rem;line-height:1.4;margin-bottom:6px}.game-chat-message:last-child{margin-bottom:0}.game-chat-sender{font-weight:600;margin-right:6px}.game-chat-message.own .game-chat-sender{color:#06c!important}.game-chat-message.opponent .game-chat-sender{color:#f60!important}.game-chat-text{color:#212529}.game-chat-send-container{position:relative;width:100%}.game-chat-send-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px;transition:background-color .2s;width:100%}.game-chat-send-button:hover{background:#0056b3}.game-chat-menu{background:#fff;border:1px solid #dee2e6;border-radius:4px;bottom:100%;box-shadow:0 -4px 12px #00000026;display:flex;flex-direction:column;left:0;margin-bottom:8px;max-height:300px;overflow-y:auto;position:absolute;right:0;z-index:1000}.game-chat-menu-section{padding:8px}.game-chat-menu-section:not(:last-child){border-bottom:1px solid #e9ecef}.game-chat-menu-item{background:#fff;border:none;border-radius:4px;color:#212529;cursor:pointer;display:block;font-size:.85rem;margin-bottom:2px;padding:8px 12px;text-align:left;transition:background-color .15s;width:100%}.game-chat-menu-item:hover{background:#f8f9fa}.game-chat-menu-item:active{background:#e9ecef}.game-chat-emoji-section{padding:12px}.game-chat-emoji-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.game-chat-emoji-button{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px;transition:all .15s}.game-chat-emoji-button:hover{background:#f8f9fa;border-color:#007bff;transform:scale(1.1)}.game-chat-emoji-button:active{transform:scale(.95)}.game-chat-menu::-webkit-scrollbar,.game-chat-messages::-webkit-scrollbar{width:6px}.game-chat-menu::-webkit-scrollbar-track,.game-chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.game-chat-menu::-webkit-scrollbar-thumb,.game-chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.game-chat-menu::-webkit-scrollbar-thumb:hover,.game-chat-messages::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:600px){.game-chat-container.mobile{align-items:stretch!important;background:#f8f9fa!important;border-radius:0!important;border-top:1px solid #dee2e6!important;bottom:auto!important;box-shadow:0 -2px 8px #0000001a!important;display:flex!important;flex-direction:column!important;left:0!important;margin:0!important;max-height:36px!important;max-width:100vw!important;position:relative!important;right:0!important;width:100%!important;z-index:3002!important}.game-chat-container.mobile .game-chat-header{border-radius:0;cursor:pointer;flex-shrink:0;min-height:36px;padding:6px 12px;-webkit-user-select:none;user-select:none}.game-chat-container.mobile .game-chat-send-container{display:none!important}.game-chat-container.mobile .game-chat-messages-collapsed{display:none}.game-chat-container.mobile .game-chat-messages{flex-shrink:1;font-size:.8rem;max-height:80px;min-height:0;overflow-y:auto;padding:4px 12px}.game-chat-container.mobile .game-chat-message{font-size:.8rem;line-height:1.3;margin-bottom:4px}.game-chat-container.mobile .game-chat-send-button{flex-shrink:0;font-size:.9rem;min-height:44px;padding:8px;position:relative;z-index:1}.game-chat-modal-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.game-chat-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:80vh;max-width:100vw;overflow:hidden;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.game-chat-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:16px 20px}.game-chat-modal-title{color:#212529;font-size:1.1rem;font-weight:600;margin:0}.game-chat-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.game-chat-modal-close-btn:hover{background:#e9ecef}.game-chat-modal-close-btn:active{background:#dee2e6}.game-chat-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.game-chat-modal-messages{background:#f8f9fa;flex:1 1;min-height:0;overflow-y:auto;padding:16px}.game-chat-modal-messages .game-chat-message{word-wrap:break-word;background:#fff;border-radius:8px;font-size:.95rem;line-height:1.5;margin-bottom:12px;padding:8px}.game-chat-modal-messages .game-chat-message:last-child{margin-bottom:0}.game-chat-modal-messages .game-chat-message.own .game-chat-sender{color:#06c!important}.game-chat-modal-messages .game-chat-message.opponent .game-chat-sender{color:#f60!important}.game-chat-modal-messages .game-chat-empty{color:#6c757d;font-size:.9rem;padding:40px 20px;text-align:center}.game-chat-modal-quick-send-container{background:#fff;border-top:1px solid #dee2e6;flex-shrink:0;padding:0}.game-chat-modal-quick-send-button{align-items:center;background:#007bff;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:background-color .2s;width:100%}.game-chat-modal-quick-send-button:active{background:#0056b3}.game-chat-modal-quick-send-expanded{animation:slideDown .2s ease-out;background:#f8f9fa;border-top:1px solid #dee2e6;max-height:400px;overflow-y:auto;padding:12px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.game-chat-modal-section{margin-bottom:16px}.game-chat-modal-section:last-child{margin-bottom:0}.game-chat-modal-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#212529;cursor:pointer;display:block;display:flex;font-size:.95rem;margin-bottom:8px;min-height:44px;padding:14px 16px;text-align:left;transition:all .15s;width:100%}.game-chat-modal-item:active{background:#e9ecef;transform:scale(.98)}.game-chat-modal-emoji-section{padding:12px 0}.game-chat-modal-emoji-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.game-chat-modal-emoji-button{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;min-height:44px;padding:12px;transition:all .15s}.game-chat-modal-emoji-button:active{background:#e9ecef;transform:scale(.95)}}.welcome-overlay{background-color:#0009;inset:0;opacity:0;position:fixed;transition:opacity .3s ease-in-out;z-index:10000}.welcome-overlay.visible{opacity:1}.welcome-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:block;left:50%;max-height:85vh;max-width:500px;opacity:0;overflow:hidden;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.95);transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:90%;z-index:10001}.welcome-modal.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.welcome-close{align-items:center;background:#0000008c;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:40px;justify-content:center;line-height:1;padding:4px 12px;position:absolute;right:10px;top:10px;transition:background .2s ease;width:40px;z-index:10002}.welcome-close:hover{background:#000000bf}.welcome-content{max-height:calc(85vh - 60px);overflow-y:auto;padding:24px 20px 20px}.welcome-header{align-items:center;display:flex;flex-direction:column;margin-bottom:16px}.welcome-title{color:#2c3e50;color:var(--primary-color,#2c3e50);font-size:2rem;font-weight:700;margin:0 0 8px;text-align:center}.welcome-logo{display:block;height:auto;max-width:160px}.welcome-intro{color:#555;font-size:1rem;line-height:1.5;margin:0 0 20px;text-align:center}.welcome-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:20px 0;padding:16px}.welcome-section-title{color:#2c3e50;color:var(--primary-color,#2c3e50);font-size:1.2rem;font-weight:600;margin:0 0 12px;text-align:center}.welcome-schedule{display:flex;flex-direction:column;gap:10px}.schedule-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.schedule-label{color:#495057;font-size:.95rem;font-weight:600}.schedule-time{color:#3498db;color:var(--accent-color,#3498db);font-size:1rem;font-weight:700}.welcome-social{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:10px}.social-item{flex-direction:column;gap:6px;opacity:.8}.social-icon,.social-item{align-items:center;display:flex}.social-icon{border-radius:8px;height:48px;justify-content:center;transition:transform .2s ease,opacity .2s ease;width:48px}.social-icon.youtube-icon{background:red;color:#fff}.social-icon.discord-icon{background:#5865f2;color:#fff}.social-item:hover .social-icon{opacity:1;transform:scale(1.1)}.social-label{color:#495057;font-size:1rem;font-weight:600}.social-note{color:#6c757d;font-size:.85rem;font-style:italic;margin:0;text-align:center}@media (max-width:768px){.welcome-modal{max-height:90vh;max-width:95%;width:95%}.welcome-content{padding:20px 16px 16px}.welcome-title{font-size:1.6rem}.welcome-logo{max-width:140px}.welcome-intro{font-size:.95rem}.welcome-section{margin:16px 0;padding:12px}.welcome-section-title{font-size:1.1rem}.schedule-item{flex-direction:column;gap:5px;text-align:center}.schedule-label,.schedule-time{font-size:.9rem}.welcome-social{gap:20px}.social-icon{font-size:2rem}.social-label{font-size:.9rem}}@media (max-width:480px){.welcome-title{font-size:1.4rem}.welcome-logo{max-width:140px}.welcome-content{padding:16px 12px 12px}.welcome-section{padding:10px}}html{height:100%;overflow-x:hidden!important;overflow-y:hidden!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{height:100vh;left:0;max-height:100vh;overflow:hidden!important;position:fixed;top:0;width:100%}#root::-webkit-scrollbar{display:none}#root{-ms-overflow-style:none;scrollbar-width:none}[style*="position: fixed"]{top:calc(env(safe-area-inset-top));top:calc(env(safe-area-inset-top) + var(--fixed-top, 0px))}:root{--cell-size:80px;--board-size:calc(var(--cell-size)*8);--primary-color:#2c3e50;--secondary-color:#34495e;--accent-color:#3498db}:root,[data-theme=classic]{--white-migo:#ecf0f1;--black-migo:#2c3e50;--yugo-color:#e74c3c;--board-color:#d3eaff;--board-hover:#a8c3e8}[data-theme=high-contrast]{--white-migo:#fff;--black-migo:#000;--yugo-color:#e74c3c;--board-color:#fff;--board-hover:#666}[data-theme=galaxy]{--white-migo:#fff;--black-migo:#0a0e27;--yugo-color:#e74c3c;--board-color:#0d1117;--board-hover:#161b22}[data-theme=neon]{--white-migo:#0ff;--black-migo:#f0f;--yugo-color:#e74c3c;--board-color:#0a0a0a;--board-hover:#1a1a1a}[data-theme=marble]{--white-migo:#fff;--black-migo:#2c2c2c;--yugo-color:#e74c3c;--board-color:#e8e8e8;--board-hover:#d0d0d0}[data-theme=wood]{--white-migo:#fff;--black-migo:#2c2c2c;--yugo-color:#e74c3c;--board-color:#d4a574;--board-hover:#ffffff26;--wood-border:#8b6f47}*{box-sizing:border-box;font-family:Figtree,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{-webkit-touch-callout:none;align-items:center;background:#ecf0f1;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;padding:calc(env(safe-area-inset-top) + 20px) 20px 20px;position:fixed;top:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}body::-webkit-scrollbar{display:none!important}body{-ms-overflow-style:none!important;scrollbar-width:none!important}body.landing-page{align-items:stretch!important;display:block!important;height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;padding:env(safe-area-inset-top) 0 0!important;position:static!important}.landing-page-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;position:relative;width:100%;z-index:1}body:has(.landing-page-wrapper){height:auto!important;min-height:100vh!important;overflow-y:auto!important;position:static!important}header{align-items:center;display:flex;justify-content:space-between;max-width:1036px;padding:0 20px;text-align:left;width:100%}h1,header{margin-bottom:5px}h1{color:#2c3e50;color:var(--primary-color);font-family:Russo One,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.25rem;font-weight:700;margin-left:325px;text-align:center;text-transform:uppercase}.game-container{align-items:stretch;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:min(1200px,90vw);overflow:hidden;position:relative}.game-board-area{overflow:hidden}.game-board-area,.game-controls-area{-webkit-touch-callout:none;display:flex;flex-direction:column;position:relative;touch-action:manipulation}.game-controls-area{background:#fff;border:2px solid #2c3e50;border:2px solid var(--primary-color);border-radius:5px;box-sizing:border-box;height:686px;height:calc(var(--board-size) + 46px);justify-content:flex-start;max-height:686px;max-height:calc(var(--board-size) + 46px);max-width:256px;min-height:686px;min-height:calc(var(--board-size) + 46px);min-width:256px;overflow-y:auto;overflow:hidden;padding-top:10px;width:256px}#review-section>div:last-child{background:#fff;border-top:1px solid #e0e0e0;bottom:0;margin-top:6px;padding:5px 0;position:-webkit-sticky;position:sticky;text-align:center;z-index:10}.player-info,.player-info.bottom{align-items:center;background:#34495e;background:var(--secondary-color);border-radius:5px 5px 0 0;color:#fff;display:flex;height:40px;justify-content:space-between;max-height:40px;min-height:40px;padding:0 10px}.player-info.bottom{border-radius:0 0 5px 5px}.player{align-items:center;border-radius:5px;display:flex;gap:10px;padding:0 10px}.player.active{background:#0000;background:#3498db;background:var(--accent-color)}.player-color{border-radius:50%;box-shadow:0 2px 8px #0003;height:24px;position:relative;transition:all .3s ease;width:24px}.player-color.white{background:#ecf0f1;background:var(--white-migo);border:2px solid #bdc3c7;box-shadow:0 2px 8px #0003,inset 0 2px 3px #fffc}.player-color.black{background:#2c3e50;background:var(--black-migo);border:2px solid #2c3e50;box-shadow:0 2px 8px #0000004d,inset 0 2px 3px #fff3}.player.active .player-color{box-shadow:0 3px 12px #0000004d;transform:scale(1.1)}.player.active .player-color.white{box-shadow:0 3px 12px #0000004d,inset 0 2px 5px #ffffffe6,0 0 15px #ffffff80}.player.active .player-color.black{box-shadow:0 3px 12px #0006,inset 0 2px 5px #ffffff4d,0 0 15px #00000080}.player-timer{font-family:monospace;font-size:1.2rem;transition:opacity .3s ease}.player-timer.hidden{opacity:0;visibility:hidden}.board{-webkit-touch-callout:none;background:#d3eaff;background:var(--board-color);background-clip:padding-box;border:3px solid #2c3e50cc;border-radius:0;box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000001a;display:grid;grid-template-columns:repeat(8,80px);grid-template-columns:repeat(8,var(--cell-size));grid-template-rows:repeat(8,80px);grid-template-rows:repeat(8,var(--cell-size));position:relative;touch-action:manipulation;width:644px;width:calc(var(--board-size) + 4px)}.column-labels,.row-labels{color:#2c3e50;color:var(--primary-color);display:flex}.column-labels{padding:5px 0;width:640px;width:var(--board-size)}.column-labels,.row-labels{justify-content:space-around}.row-labels{align-items:center;flex-direction:column;height:640px;height:var(--board-size);padding:0 5px}.board-with-labels{display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06));margin:0}.cell{align-items:center;border-color:#96a0aab3 #96a0aa66 #96a0aa66 #96a0aab3;border-style:solid;border-width:1px;box-shadow:inset 0 1px 2px #ffffff40,inset 0 -1px 2px #00000014;cursor:pointer;display:flex;height:80px;height:var(--cell-size);justify-content:center;position:relative;transition:all .3s ease;width:80px;width:var(--cell-size)}.cell,.cell:nth-child(odd){background-color:#d3eaff;background-color:var(--board-color)}[data-theme=wood] .cell{background-color:initial;border:none;overflow:hidden;position:relative}[data-theme=wood] .board{background-color:#d4a574;box-shadow:inset 0 0 20px #8b6f474d,0 4px 12px #0000004d,0 2px 4px #0003;overflow:hidden}[data-theme=wood] .board:before{display:none}[data-theme=wood] .cell:before{display:none!important}[data-theme=wood] .dot.white{background:radial-gradient(circle at 30% 30%,#f0f0eb 0,#dcdcd7 40%,#c8c8c3 70%,#b4b4af 100%);border:2px solid #a0a09be6;box-shadow:0 4px 8px #00000040,0 2px 4px #00000026,inset 0 -2px 4px #0003,inset 0 1px 2px #ffffff4d,inset 0 0 20px #0000000d;opacity:1}[data-theme=wood] .dot.black{background:radial-gradient(circle at 30% 30%,#50504b 0,#32322d 40%,#23231e 70%,#191914 100%);border:2px solid #14140ff2;box-shadow:0 4px 8px #0006,0 2px 4px #0000004d,inset 0 -2px 4px #00000080,inset 0 1px 2px #ffffff1a,inset 0 0 20px #0000001a;opacity:1}@keyframes starTwinkle{0%,to{opacity:.3}50%{opacity:1}}[data-theme=galaxy] .cell{background-color:#d3eaff;background-color:var(--board-color);border-color:#ffffff1a;overflow:hidden;position:relative}[data-theme=galaxy] .cell:first-child:before{animation:starTwinkle 5s ease-in-out infinite;animation-delay:.4s;animation-direction:normal;background-image:radial-gradient(1px 1px at 96px 71px,#fff,#0000),radial-gradient(1px 1px at 56px 6px,#fff9,#0000),radial-gradient(2px 2px at 29px 31px,#ffffffd9,#0000),radial-gradient(1px 1px at 5px 73px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:first-child:after{animation:starTwinkle 3s ease-in-out infinite;animation-delay:.3s;animation-direction:normal;background-image:radial-gradient(2px 2px at 85px 91px,#fff,#0000),radial-gradient(2px 2px at 30px 59px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 2px 22px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(2):before{animation:starTwinkle 2.9s ease-in-out infinite;animation-delay:.3s;animation-direction:normal;background-image:radial-gradient(2px 2px at 47px 46px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 7px 95px,#ffffffd9,#0000),radial-gradient(1px 1px at 17px 50px,#ffffffd9,#0000),radial-gradient(2px 2px at 39px 82px,#fff,#0000),radial-gradient(1px 1px at 48px 75px,#ffffffe6,#0000),radial-gradient(1px 1px at 10px 7px,#fff,#0000),radial-gradient(1px 1px at 39px 12px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(2):after{animation:starTwinkle 5.1s ease-in-out infinite;animation-delay:1.1s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 14px 50px,#fffc,#0000),radial-gradient(1px 1px at 83px 48px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 47px 28px,#ffffffe6,#0000),radial-gradient(1px 1px at 89px 84px,#ffffffd9,#0000),radial-gradient(2px 2px at 83px 23px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(3):before{animation:starTwinkle 3.8s ease-in-out infinite;animation-delay:2.8s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 30px 89px,#fff,#0000),radial-gradient(1px 1px at 9px 31px,#fff,#0000),radial-gradient(1.5px 1.5px at 42px 53px,#fff9,#0000),radial-gradient(1.5px 1.5px at 29px 74px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 85px 65px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 60px 20px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(3):after{animation:starTwinkle 3.1s ease-in-out infinite;animation-delay:2.1s;animation-direction:normal;background-image:radial-gradient(2px 2px at 33px 97px,#fff,#0000),radial-gradient(2px 2px at 35px 97px,#fffc,#0000),radial-gradient(1.5px 1.5px at 76px 53px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 19px 67px,#fff9,#0000),radial-gradient(1px 1px at 98px 8px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(4):before{animation:starTwinkle 4.4s ease-in-out infinite;animation-delay:1.8s;animation-direction:normal;background-image:radial-gradient(1px 1px at 34px 72px,#ffffffe6,#0000),radial-gradient(2px 2px at 94px 16px,#fff,#0000),radial-gradient(1.5px 1.5px at 36px 84px,#fff9,#0000),radial-gradient(1px 1px at 39px 57px,#fffc,#0000),radial-gradient(1.5px 1.5px at 2px 94px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(4):after{animation:starTwinkle 3.5s ease-in-out infinite;animation-delay:1.4s;animation-direction:normal;background-image:radial-gradient(1px 1px at 24px 66px,#fff,#0000),radial-gradient(2px 2px at 82px 40px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 27px 21px,#fff,#0000),radial-gradient(2px 2px at 22px 71px,#fff9,#0000),radial-gradient(1.5px 1.5px at 78px 43px,#fff9,#0000),radial-gradient(1.5px 1.5px at 16px 48px,#ffffffb3,#0000),radial-gradient(2px 2px at 9px 32px,#fff9,#0000),radial-gradient(1.5px 1.5px at 12px 95px,#fff,#0000),radial-gradient(1px 1px at 10px 70px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(5):before{animation:starTwinkle 2.7s ease-in-out infinite;animation-delay:1.8s;animation-direction:normal;background-image:radial-gradient(1px 1px at 71px 98px,#fff,#0000),radial-gradient(1.5px 1.5px at 41px 53px,#fffc,#0000),radial-gradient(1px 1px at 68px 59px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 30px 10px,#fff9,#0000),radial-gradient(1px 1px at 77px 72px,#ffffffd9,#0000),radial-gradient(1px 1px at 30px 2px,#ffffffe6,#0000),radial-gradient(1px 1px at 82px 9px,#fff9,#0000),radial-gradient(1px 1px at 6px 44px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 32px 37px,#ffffffb3,#0000),radial-gradient(2px 2px at 71px 18px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(5):after{animation:starTwinkle 4.1s ease-in-out infinite;animation-delay:2.9s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 62px 33px,#fff,#0000),radial-gradient(1px 1px at 54px 26px,#fff9,#0000),radial-gradient(1.5px 1.5px at 86px 57px,#fffc,#0000),radial-gradient(1px 1px at 54px 61px,#ffffffe6,#0000),radial-gradient(1px 1px at 85px 84px,#fff9,#0000),radial-gradient(1.5px 1.5px at 53px 95px,#fff,#0000),radial-gradient(1px 1px at 15px 33px,#ffffffb3,#0000),radial-gradient(1px 1px at 70px 59px,#fffc,#0000),radial-gradient(1.5px 1.5px at 25px 37px,#ffffffb3,#0000),radial-gradient(2px 2px at 11px 58px,#fff9,#0000),radial-gradient(2px 2px at 8px 85px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(6):before{animation:starTwinkle 5.7s ease-in-out infinite;animation-delay:.5s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 29px 53px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 50px 2px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 60px 38px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(6):after{animation:starTwinkle 5.4s ease-in-out infinite;animation-delay:1.5s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 95px 73px,#ffffffb3,#0000),radial-gradient(1px 1px at 26px 39px,#fff9,#0000),radial-gradient(2px 2px at 76px 96px,#fff9,#0000),radial-gradient(1px 1px at 97px 42px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(7):before{animation:starTwinkle 4s ease-in-out infinite;animation-delay:.5s;animation-direction:normal;background-image:radial-gradient(1px 1px at 12px 25px,#fff,#0000),radial-gradient(1px 1px at 10px 88px,#fffc,#0000),radial-gradient(1px 1px at 17px 74px,#ffffffd9,#0000),radial-gradient(2px 2px at 78px 7px,#fff9,#0000),radial-gradient(2px 2px at 55px 86px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 68px 42px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 87px 93px,#ffffffb3,#0000),radial-gradient(1px 1px at 35px 52px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 84px 40px,#ffffffbf,#0000),radial-gradient(1px 1px at 98px 11px,#fffc,#0000),radial-gradient(1px 1px at 81px 74px,#fff9,#0000),radial-gradient(2px 2px at 70px 29px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(7):after{animation:starTwinkle 5.4s ease-in-out infinite;animation-delay:2.9s;animation-direction:normal;background-image:radial-gradient(1px 1px at 18px 46px,#fff,#0000),radial-gradient(1px 1px at 49px 38px,#fffc,#0000),radial-gradient(1.5px 1.5px at 71px 92px,#ffffffd9,#0000),radial-gradient(1px 1px at 85px 69px,#ffffffe6,#0000),radial-gradient(1px 1px at 72px 40px,#ffffffb3,#0000),radial-gradient(1px 1px at 35px 16px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 72px 21px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 79px 28px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 89px 83px,#ffffffd9,#0000),radial-gradient(1px 1px at 64px 34px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(8):before{animation:starTwinkle 2.2s ease-in-out infinite;animation-delay:.4s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 22px 96px,#ffffffd9,#0000),radial-gradient(2px 2px at 92px 56px,#fff9,#0000),radial-gradient(1px 1px at 16px 11px,#ffffffd9,#0000),radial-gradient(2px 2px at 6px 49px,#ffffffd9,#0000),radial-gradient(1px 1px at 20px 57px,#fff9,#0000),radial-gradient(1px 1px at 41px 48px,#ffffffbf,#0000),radial-gradient(1px 1px at 28px 89px,#ffffffe6,#0000),radial-gradient(2px 2px at 15px 47px,#fff,#0000),radial-gradient(1px 1px at 54px 81px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(8):after{animation:starTwinkle 3.3s ease-in-out infinite;animation-delay:2.9s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 22px 24px,#fff9,#0000),radial-gradient(1.5px 1.5px at 24px 96px,#fff,#0000),radial-gradient(1px 1px at 54px 87px,#ffffffbf,#0000),radial-gradient(1px 1px at 22px 91px,#fffc,#0000),radial-gradient(1px 1px at 6px 62px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 60px 46px,#fff,#0000),radial-gradient(1px 1px at 31px 30px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(9):before{animation:starTwinkle 3.3s ease-in-out infinite;animation-delay:2.9s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 84px 67px,#fff,#0000),radial-gradient(1px 1px at 70px 44px,#fff9,#0000),radial-gradient(2px 2px at 35px 24px,#ffffffbf,#0000),radial-gradient(2px 2px at 6px 15px,#fffc,#0000),radial-gradient(1.5px 1.5px at 46px 95px,#fffc,#0000),radial-gradient(1px 1px at 79px 67px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(9):after{animation:starTwinkle 5.5s ease-in-out infinite;animation-delay:.8s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 75px 26px,#fff,#0000),radial-gradient(1px 1px at 92px 57px,#ffffffd9,#0000),radial-gradient(1px 1px at 70px 89px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 57px 10px,#ffffffd9,#0000),radial-gradient(1px 1px at 42px 86px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 40px 66px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 54px 43px,#ffffffe6,#0000),radial-gradient(1px 1px at 39px 72px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 55px 87px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(10):before{animation:starTwinkle 4.3s ease-in-out infinite;animation-delay:2.5s;animation-direction:normal;background-image:radial-gradient(2px 2px at 28px 57px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 85px 43px,#fffc,#0000),radial-gradient(1px 1px at 58px 88px,#ffffffd9,#0000),radial-gradient(1px 1px at 62px 96px,#ffffffe6,#0000),radial-gradient(2px 2px at 12px 38px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(10):after{animation:starTwinkle 3.6s ease-in-out infinite;animation-delay:.9s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 83px 81px,#fff9,#0000),radial-gradient(1.5px 1.5px at 98px 32px,#ffffffb3,#0000),radial-gradient(1px 1px at 27px 20px,#fff9,#0000),radial-gradient(2px 2px at 33px 62px,#fff,#0000),radial-gradient(1.5px 1.5px at 11px 60px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 75px 26px,#fffc,#0000),radial-gradient(1px 1px at 53px 33px,#ffffffe6,#0000),radial-gradient(1px 1px at 90px 2px,#fff,#0000),radial-gradient(1px 1px at 56px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 91px 68px,#fff9,#0000),radial-gradient(1px 1px at 73px 33px,#fffc,#0000),radial-gradient(2px 2px at 19px 61px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(11):before{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:1.8s;animation-direction:normal;background-image:radial-gradient(2px 2px at 66px 56px,#fff,#0000),radial-gradient(1.5px 1.5px at 22px 97px,#fffc,#0000),radial-gradient(1px 1px at 35px 98px,#fff,#0000),radial-gradient(2px 2px at 83px 37px,#fffc,#0000),radial-gradient(1.5px 1.5px at 82px 32px,#fffc,#0000),radial-gradient(1.5px 1.5px at 11px 93px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 36px 44px,#ffffffd9,#0000),radial-gradient(1px 1px at 12px 19px,#ffffffb3,#0000),radial-gradient(1px 1px at 51px 90px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 29px 10px,#fffc,#0000),radial-gradient(1.5px 1.5px at 44px 71px,#fffc,#0000),radial-gradient(1.5px 1.5px at 9px 28px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(11):after{animation:starTwinkle 5.6s ease-in-out infinite;animation-delay:2.2s;animation-direction:normal;background-image:radial-gradient(1px 1px at 76px 91px,#fff,#0000),radial-gradient(1.5px 1.5px at 75px 50px,#fff9,#0000),radial-gradient(1.5px 1.5px at 47px 40px,#fff,#0000),radial-gradient(2px 2px at 55px 70px,#fff,#0000),radial-gradient(1.5px 1.5px at 79px 30px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 36px 57px,#fff9,#0000),radial-gradient(1.5px 1.5px at 51px 45px,#ffffffe6,#0000),radial-gradient(1px 1px at 23px 61px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(12):before{animation:starTwinkle 5.6s ease-in-out infinite;animation-delay:2s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 56px 19px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 8px 35px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 29px 60px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 50px 37px,#ffffffbf,#0000),radial-gradient(1px 1px at 12px 62px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 71px 8px,#ffffffb3,#0000),radial-gradient(1px 1px at 85px 10px,#fff,#0000),radial-gradient(1px 1px at 5px 33px,#fff,#0000),radial-gradient(1px 1px at 4px 81px,#ffffffb3,#0000),radial-gradient(1px 1px at 18px 62px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 29px 61px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(12):after{animation:starTwinkle 4.4s ease-in-out infinite;animation-delay:.3s;animation-direction:normal;background-image:radial-gradient(2px 2px at 49px 23px,#ffffffd9,#0000),radial-gradient(1px 1px at 97px 93px,#fff,#0000),radial-gradient(1px 1px at 22px 41px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(13):before{animation:starTwinkle 4.3s ease-in-out infinite;animation-delay:1.1s;animation-direction:normal;background-image:radial-gradient(2px 2px at 27px 11px,#fff,#0000),radial-gradient(1px 1px at 82px 33px,#ffffffe6,#0000),radial-gradient(2px 2px at 40px 89px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(13):after{animation:starTwinkle 5.6s ease-in-out infinite;animation-delay:2.8s;animation-direction:normal;background-image:radial-gradient(1px 1px at 17px 74px,#fff,#0000),radial-gradient(1.5px 1.5px at 70px 56px,#fff9,#0000),radial-gradient(1.5px 1.5px at 66px 84px,#fff9,#0000),radial-gradient(1px 1px at 55px 64px,#fffc,#0000),radial-gradient(1.5px 1.5px at 48px 83px,#ffffffe6,#0000),radial-gradient(1px 1px at 21px 57px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 68px 85px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(14):before{animation:starTwinkle 3.9s ease-in-out infinite;animation-delay:1.8s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 33px 13px,#fffc,#0000),radial-gradient(1.5px 1.5px at 33px 98px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 80px 87px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 5px 65px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 64px 29px,#fff,#0000),radial-gradient(1.5px 1.5px at 35px 45px,#ffffffd9,#0000),radial-gradient(2px 2px at 91px 37px,#fff9,#0000),radial-gradient(1px 1px at 68px 26px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 94px 54px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 32px 90px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 93px 64px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(14):after{animation:starTwinkle 5.3s ease-in-out infinite;animation-delay:1s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 4px 13px,#ffffffb3,#0000),radial-gradient(1px 1px at 53px 90px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 86px 76px,#fffc,#0000),radial-gradient(1.5px 1.5px at 72px 69px,#fffc,#0000),radial-gradient(1.5px 1.5px at 97px 72px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 91px 60px,#ffffffbf,#0000),radial-gradient(1px 1px at 34px 31px,#ffffffe6,#0000),radial-gradient(1px 1px at 26px 42px,#ffffffe6,#0000),radial-gradient(1px 1px at 70px 90px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 29px 96px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(15):before{animation:starTwinkle 4.4s ease-in-out infinite;animation-delay:2.5s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 48px 24px,#fff,#0000),radial-gradient(1px 1px at 92px 70px,#ffffffbf,#0000),radial-gradient(2px 2px at 7px 8px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 91px 18px,#fff9,#0000),radial-gradient(1.5px 1.5px at 3px 75px,#fffc,#0000),radial-gradient(1.5px 1.5px at 63px 58px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 8px 34px,#fff9,#0000),radial-gradient(1.5px 1.5px at 10px 53px,#fff9,#0000),radial-gradient(1px 1px at 75px 82px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 21px 74px,#fff9,#0000),radial-gradient(2px 2px at 33px 17px,#fff,#0000),radial-gradient(2px 2px at 55px 79px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(15):after{animation:starTwinkle 5.9s ease-in-out infinite;animation-delay:.9s;animation-direction:reverse;background-image:radial-gradient(2px 2px at 81px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 59px 58px,#fff,#0000),radial-gradient(1.5px 1.5px at 77px 56px,#ffffffd9,#0000),radial-gradient(2px 2px at 81px 9px,#ffffffe6,#0000),radial-gradient(1px 1px at 14px 28px,#ffffffbf,#0000),radial-gradient(1px 1px at 86px 12px,#ffffffb3,#0000),radial-gradient(1px 1px at 24px 72px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 2px 54px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 78px 62px,#fff9,#0000),radial-gradient(1.5px 1.5px at 31px 38px,#ffffffe6,#0000),radial-gradient(1px 1px at 60px 11px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(16):before{animation:starTwinkle 3.7s ease-in-out infinite;animation-delay:1.9s;animation-direction:normal;background-image:radial-gradient(1px 1px at 20px 11px,#ffffffb3,#0000),radial-gradient(2px 2px at 41px 78px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 58px 17px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 40px 91px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 66px 71px,#fffc,#0000),radial-gradient(1px 1px at 12px 78px,#fffc,#0000),radial-gradient(2px 2px at 96px 43px,#ffffffbf,#0000),radial-gradient(1px 1px at 5px 13px,#ffffffe6,#0000),radial-gradient(1px 1px at 75px 77px,#fff,#0000),radial-gradient(2px 2px at 88px 36px,#fff9,#0000),radial-gradient(1.5px 1.5px at 98px 24px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 85px 58px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(16):after{animation:starTwinkle 4.2s ease-in-out infinite;animation-delay:2.7s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 76px 57px,#fff9,#0000),radial-gradient(1.5px 1.5px at 62px 46px,#ffffffbf,#0000),radial-gradient(1px 1px at 43px 87px,#fff,#0000),radial-gradient(1.5px 1.5px at 22px 44px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 65px 38px,#fff,#0000),radial-gradient(1.5px 1.5px at 72px 6px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(17):before{animation:starTwinkle 3.3s ease-in-out infinite;animation-delay:1.2s;animation-direction:normal;background-image:radial-gradient(2px 2px at 2px 86px,#fff,#0000),radial-gradient(1px 1px at 54px 8px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 48px 81px,#ffffffe6,#0000),radial-gradient(1px 1px at 58px 8px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 72px 18px,#fffc,#0000),radial-gradient(1px 1px at 91px 64px,#fff9,#0000),radial-gradient(1px 1px at 82px 79px,#ffffffe6,#0000),radial-gradient(2px 2px at 22px 41px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(17):after{animation:starTwinkle 5.9s ease-in-out infinite;animation-delay:1.5s;animation-direction:normal;background-image:radial-gradient(1px 1px at 72px 54px,#fff,#0000),radial-gradient(1px 1px at 16px 61px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 21px 65px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 92px 36px,#fff,#0000),radial-gradient(1px 1px at 63px 62px,#fffc,#0000),radial-gradient(1.5px 1.5px at 72px 20px,#ffffffb3,#0000),radial-gradient(1px 1px at 78px 67px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(18):before{animation:starTwinkle 5.1s ease-in-out infinite;animation-delay:1s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 36px 2px,#ffffffe6,#0000),radial-gradient(2px 2px at 40px 77px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 64px 21px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 63px 46px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(18):after{animation:starTwinkle 5.4s ease-in-out infinite;animation-delay:2.4s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 71px 50px,#ffffffbf,#0000),radial-gradient(1px 1px at 26px 91px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 51px 31px,#fff9,#0000),radial-gradient(1.5px 1.5px at 42px 97px,#ffffffe6,#0000),radial-gradient(1px 1px at 50px 51px,#fffc,#0000),radial-gradient(2px 2px at 6px 18px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 44px 14px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(19):before{animation:starTwinkle 2.1s ease-in-out infinite;animation-delay:2.6s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 11px 62px,#fff,#0000),radial-gradient(1.5px 1.5px at 81px 90px,#ffffffe6,#0000),radial-gradient(2px 2px at 12px 44px,#fffc,#0000),radial-gradient(1.5px 1.5px at 42px 82px,#fff,#0000),radial-gradient(2px 2px at 71px 6px,#fff9,#0000),radial-gradient(1.5px 1.5px at 32px 82px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 97px 13px,#fff9,#0000),radial-gradient(1px 1px at 83px 92px,#fffc,#0000),radial-gradient(1.5px 1.5px at 23px 90px,#fff9,#0000),radial-gradient(1px 1px at 7px 43px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 47px 49px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(19):after{animation:starTwinkle 2.6s ease-in-out infinite;animation-delay:2.9s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 33px 69px,#fff,#0000),radial-gradient(1px 1px at 89px 25px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 12px 80px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 89px 32px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 20px 31px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 34px 60px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 3px 61px,#ffffffe6,#0000),radial-gradient(1px 1px at 71px 22px,#fffc,#0000),radial-gradient(1.5px 1.5px at 46px 77px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 56px 90px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(20):before{animation:starTwinkle 6s ease-in-out infinite;animation-delay:.3s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 47px 75px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 39px 4px,#ffffffbf,#0000),radial-gradient(1px 1px at 3px 74px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 97px 65px,#fff,#0000),radial-gradient(1.5px 1.5px at 31px 79px,#ffffffb3,#0000),radial-gradient(2px 2px at 83px 26px,#ffffffbf,#0000),radial-gradient(1px 1px at 88px 98px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(20):after{animation:starTwinkle 5.4s ease-in-out infinite;animation-delay:1.1s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 14px 82px,#ffffffbf,#0000),radial-gradient(2px 2px at 58px 6px,#ffffffbf,#0000),radial-gradient(1px 1px at 95px 18px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 43px 97px,#ffffffb3,#0000),radial-gradient(2px 2px at 27px 18px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 69px 66px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(21):before{animation:starTwinkle 5.7s ease-in-out infinite;animation-delay:2.9s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 45px 16px,#fff,#0000),radial-gradient(1px 1px at 20px 98px,#fff,#0000),radial-gradient(1.5px 1.5px at 88px 94px,#fff,#0000),radial-gradient(1px 1px at 73px 48px,#fff,#0000),radial-gradient(1.5px 1.5px at 52px 3px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(21):after{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:.9s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 17px 60px,#fff,#0000),radial-gradient(1.5px 1.5px at 97px 88px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 50px 83px,#fff9,#0000),radial-gradient(1.5px 1.5px at 88px 31px,#fff9,#0000),radial-gradient(1.5px 1.5px at 81px 73px,#ffffffd9,#0000),radial-gradient(1px 1px at 30px 84px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 61px 91px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(22):before{animation:starTwinkle 2.6s ease-in-out infinite;animation-delay:.9s;animation-direction:normal;background-image:radial-gradient(2px 2px at 14px 32px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 51px 60px,#ffffffe6,#0000),radial-gradient(2px 2px at 97px 91px,#fffc,#0000),radial-gradient(1px 1px at 77px 97px,#fffc,#0000),radial-gradient(1.5px 1.5px at 85px 14px,#ffffffd9,#0000),radial-gradient(1px 1px at 54px 37px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 49px 29px,#fffc,#0000),radial-gradient(1px 1px at 32px 48px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 49px 71px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(22):after{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:1.5s;animation-direction:normal;background-image:radial-gradient(1px 1px at 52px 37px,#fff9,#0000),radial-gradient(1px 1px at 60px 13px,#ffffffe6,#0000),radial-gradient(1px 1px at 83px 78px,#fff9,#0000),radial-gradient(1px 1px at 44px 33px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(23):before{animation:starTwinkle 2.3s ease-in-out infinite;animation-delay:.6s;animation-direction:normal;background-image:radial-gradient(1px 1px at 31px 44px,#fff,#0000),radial-gradient(1.5px 1.5px at 78px 2px,#fff,#0000),radial-gradient(2px 2px at 20px 18px,#ffffffbf,#0000),radial-gradient(1px 1px at 24px 16px,#ffffffb3,#0000),radial-gradient(1px 1px at 3px 47px,#ffffffd9,#0000),radial-gradient(1px 1px at 43px 4px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 8px 18px,#ffffffd9,#0000),radial-gradient(1px 1px at 16px 97px,#fffc,#0000),radial-gradient(2px 2px at 59px 48px,#ffffffd9,#0000),radial-gradient(2px 2px at 15px 59px,#ffffffb3,#0000),radial-gradient(2px 2px at 80px 7px,#ffffffbf,#0000),radial-gradient(1px 1px at 60px 84px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(23):after{animation:starTwinkle 5.1s ease-in-out infinite;animation-delay:.6s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 63px 53px,#fff,#0000),radial-gradient(1.5px 1.5px at 15px 64px,#fff9,#0000),radial-gradient(2px 2px at 12px 43px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 10px 18px,#ffffffd9,#0000),radial-gradient(2px 2px at 83px 76px,#ffffffe6,#0000),radial-gradient(2px 2px at 43px 50px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(24):before{animation:starTwinkle 4s ease-in-out infinite;animation-delay:2.4s;animation-direction:reverse;background-image:radial-gradient(2px 2px at 85px 85px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 29px 57px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 54px 45px,#fffc,#0000),radial-gradient(1px 1px at 55px 95px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 56px 42px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 21px 89px,#fff9,#0000),radial-gradient(1px 1px at 13px 12px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(24):after{animation:starTwinkle 3.7s ease-in-out infinite;animation-delay:.3s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 14px 97px,#fff,#0000),radial-gradient(1px 1px at 18px 73px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 73px 73px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 17px 54px,#fff,#0000),radial-gradient(1.5px 1.5px at 87px 98px,#fff,#0000),radial-gradient(1.5px 1.5px at 94px 8px,#ffffffd9,#0000),radial-gradient(1px 1px at 41px 47px,#ffffffd9,#0000),radial-gradient(1px 1px at 66px 29px,#ffffffe6,#0000),radial-gradient(1px 1px at 63px 30px,#ffffffbf,#0000),radial-gradient(1px 1px at 73px 49px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(25):before{animation:starTwinkle 2.9s ease-in-out infinite;animation-delay:1.7s;animation-direction:normal;background-image:radial-gradient(2px 2px at 81px 80px,#fff,#0000),radial-gradient(1.5px 1.5px at 79px 86px,#fff9,#0000),radial-gradient(1.5px 1.5px at 25px 36px,#ffffffbf,#0000),radial-gradient(1px 1px at 46px 2px,#fff,#0000),radial-gradient(1.5px 1.5px at 20px 74px,#fff9,#0000),radial-gradient(1px 1px at 20px 96px,#fff9,#0000),radial-gradient(1px 1px at 97px 69px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(25):after{animation:starTwinkle 3.7s ease-in-out infinite;animation-delay:2.3s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 55px 60px,#fff,#0000),radial-gradient(1.5px 1.5px at 49px 41px,#fff,#0000),radial-gradient(1px 1px at 74px 78px,#fff9,#0000),radial-gradient(2px 2px at 21px 22px,#fff9,#0000),radial-gradient(1.5px 1.5px at 88px 12px,#fffc,#0000),radial-gradient(1.5px 1.5px at 86px 56px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 58px 55px,#ffffffb3,#0000),radial-gradient(1px 1px at 98px 67px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 57px 16px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 88px 77px,#ffffffd9,#0000),radial-gradient(1px 1px at 87px 41px,#ffffffb3,#0000),radial-gradient(1px 1px at 52px 78px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(26):before{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:2.3s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 17px 2px,#ffffffe6,#0000),radial-gradient(1px 1px at 57px 24px,#fffc,#0000),radial-gradient(1px 1px at 70px 92px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 73px 87px,#fff9,#0000),radial-gradient(1px 1px at 52px 96px,#fffc,#0000),radial-gradient(1px 1px at 4px 60px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(26):after{animation:starTwinkle 5.1s ease-in-out infinite;animation-delay:.9s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 42px 75px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 53px 92px,#ffffffbf,#0000),radial-gradient(1px 1px at 16px 53px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 23px 81px,#fff,#0000),radial-gradient(1px 1px at 90px 48px,#fffc,#0000),radial-gradient(1.5px 1.5px at 15px 33px,#ffffffd9,#0000),radial-gradient(1px 1px at 53px 69px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(27):before{animation:starTwinkle 2.9s ease-in-out infinite;animation-delay:.2s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 69px 67px,#fff,#0000),radial-gradient(1px 1px at 46px 46px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 15px 20px,#ffffffb3,#0000),radial-gradient(1px 1px at 24px 79px,#fff,#0000),radial-gradient(1px 1px at 85px 11px,#fff,#0000),radial-gradient(1.5px 1.5px at 82px 65px,#fff,#0000),radial-gradient(1.5px 1.5px at 74px 76px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(27):after{animation:starTwinkle 5.1s ease-in-out infinite;animation-delay:1.9s;animation-direction:normal;background-image:radial-gradient(2px 2px at 74px 84px,#fff,#0000),radial-gradient(1px 1px at 82px 42px,#fffc,#0000),radial-gradient(1.5px 1.5px at 10px 62px,#ffffffe6,#0000),radial-gradient(2px 2px at 40px 37px,#fff9,#0000),radial-gradient(1px 1px at 47px 66px,#ffffffbf,#0000),radial-gradient(1px 1px at 61px 59px,#fff9,#0000),radial-gradient(1px 1px at 49px 38px,#ffffffe6,#0000),radial-gradient(2px 2px at 13px 80px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(28):before{animation:starTwinkle 4.3s ease-in-out infinite;animation-delay:2.2s;animation-direction:normal;background-image:radial-gradient(1px 1px at 75px 85px,#ffffffbf,#0000),radial-gradient(2px 2px at 79px 62px,#ffffffb3,#0000),radial-gradient(1px 1px at 9px 59px,#fff,#0000),radial-gradient(1px 1px at 45px 93px,#ffffffd9,#0000),radial-gradient(1px 1px at 84px 24px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 92px 58px,#ffffffd9,#0000),radial-gradient(1px 1px at 68px 80px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 49px 38px,#fffc,#0000),radial-gradient(2px 2px at 45px 88px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(28):after{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:.1s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 82px 84px,#fff9,#0000),radial-gradient(2px 2px at 44px 14px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 51px 38px,#ffffffe6,#0000),radial-gradient(1px 1px at 86px 79px,#ffffffbf,#0000),radial-gradient(1px 1px at 12px 76px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 41px 85px,#ffffffb3,#0000),radial-gradient(1px 1px at 78px 92px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 73px 50px,#fff,#0000),radial-gradient(2px 2px at 18px 87px,#fff9,#0000),radial-gradient(1.5px 1.5px at 84px 87px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(29):before{animation:starTwinkle 3.5s ease-in-out infinite;animation-delay:.6s;animation-direction:normal;background-image:radial-gradient(1px 1px at 64px 26px,#fff,#0000),radial-gradient(1.5px 1.5px at 21px 11px,#fff,#0000),radial-gradient(2px 2px at 14px 66px,#fff,#0000),radial-gradient(1px 1px at 96px 69px,#ffffffe6,#0000),radial-gradient(1px 1px at 45px 81px,#ffffffd9,#0000),radial-gradient(1px 1px at 50px 21px,#ffffffb3,#0000),radial-gradient(1px 1px at 90px 81px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 58px 7px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(29):after{animation:starTwinkle 2.7s ease-in-out infinite;animation-delay:2.8s;animation-direction:normal;background-image:radial-gradient(1px 1px at 88px 94px,#fff,#0000),radial-gradient(1.5px 1.5px at 80px 38px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 70px 32px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(30):before{animation:starTwinkle 3.5s ease-in-out infinite;animation-delay:3s;animation-direction:reverse;background-image:radial-gradient(2px 2px at 38px 50px,#ffffffd9,#0000),radial-gradient(1px 1px at 55px 22px,#fff,#0000),radial-gradient(1.5px 1.5px at 79px 19px,#fff9,#0000),radial-gradient(1.5px 1.5px at 84px 63px,#ffffffd9,#0000),radial-gradient(2px 2px at 15px 93px,#fff,#0000),radial-gradient(1px 1px at 17px 38px,#fff,#0000),radial-gradient(1.5px 1.5px at 22px 36px,#ffffffd9,#0000),radial-gradient(1px 1px at 20px 57px,#ffffffb3,#0000),radial-gradient(1px 1px at 59px 46px,#fffc,#0000),radial-gradient(2px 2px at 8px 52px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(30):after{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:1.4s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 32px 51px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 30px 5px,#fff9,#0000),radial-gradient(1.5px 1.5px at 93px 85px,#fff,#0000),radial-gradient(1px 1px at 20px 19px,#ffffffbf,#0000),radial-gradient(1px 1px at 62px 91px,#fff,#0000),radial-gradient(1.5px 1.5px at 92px 62px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(31):before{animation:starTwinkle 2.1s ease-in-out infinite;animation-delay:.4s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 79px 69px,#fff,#0000),radial-gradient(1.5px 1.5px at 38px 32px,#fff9,#0000),radial-gradient(1.5px 1.5px at 8px 32px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(31):after{animation:starTwinkle 2.9s ease-in-out infinite;animation-delay:2.8s;animation-direction:normal;background-image:radial-gradient(1px 1px at 81px 60px,#fff,#0000),radial-gradient(2px 2px at 65px 78px,#fff9,#0000),radial-gradient(2px 2px at 82px 67px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 93px 20px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(32):before{animation:starTwinkle 3.4s ease-in-out infinite;animation-delay:.6s;animation-direction:normal;background-image:radial-gradient(1px 1px at 69px 48px,#ffffffd9,#0000),radial-gradient(2px 2px at 71px 66px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 4px 51px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(32):after{animation:starTwinkle 4.3s ease-in-out infinite;animation-delay:2s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 83px 51px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 97px 4px,#fff,#0000),radial-gradient(1px 1px at 10px 46px,#ffffffe6,#0000),radial-gradient(1px 1px at 86px 82px,#fff,#0000),radial-gradient(1.5px 1.5px at 76px 96px,#ffffffb3,#0000),radial-gradient(2px 2px at 7px 47px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 84px 24px,#ffffffe6,#0000),radial-gradient(1px 1px at 63px 82px,#fff,#0000),radial-gradient(1.5px 1.5px at 19px 10px,#fff9,#0000),radial-gradient(1px 1px at 39px 27px,#fff,#0000),radial-gradient(1.5px 1.5px at 27px 7px,#ffffffbf,#0000),radial-gradient(2px 2px at 67px 52px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(33):before{animation:starTwinkle 5s ease-in-out infinite;animation-delay:1.1s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 85px 44px,#fff,#0000),radial-gradient(1.5px 1.5px at 49px 57px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 58px 51px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 65px 90px,#ffffffbf,#0000),radial-gradient(1px 1px at 68px 36px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 56px 12px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 25px 71px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(33):after{animation:starTwinkle 2.8s ease-in-out infinite;animation-delay:2.3s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 15px 12px,#fff,#0000),radial-gradient(1.5px 1.5px at 39px 41px,#ffffffd9,#0000),radial-gradient(1px 1px at 93px 56px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(34):before{animation:starTwinkle 3.8s ease-in-out infinite;animation-delay:2.7s;animation-direction:normal;background-image:radial-gradient(1px 1px at 57px 37px,#fff9,#0000),radial-gradient(1.5px 1.5px at 87px 83px,#ffffffbf,#0000),radial-gradient(1px 1px at 67px 97px,#fff9,#0000),radial-gradient(1.5px 1.5px at 20px 79px,#fff9,#0000),radial-gradient(1px 1px at 18px 10px,#fff,#0000),radial-gradient(1.5px 1.5px at 84px 48px,#fffc,#0000),radial-gradient(2px 2px at 74px 6px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 88px 59px,#ffffffbf,#0000),radial-gradient(2px 2px at 58px 11px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 69px 48px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(34):after{animation:starTwinkle 4.9s ease-in-out infinite;animation-delay:1.8s;animation-direction:normal;background-image:radial-gradient(1px 1px at 85px 37px,#fff9,#0000),radial-gradient(1px 1px at 5px 96px,#fffc,#0000),radial-gradient(2px 2px at 68px 51px,#fff9,#0000),radial-gradient(1.5px 1.5px at 35px 35px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 80px 38px,#ffffffb3,#0000),radial-gradient(1px 1px at 17px 19px,#fffc,#0000),radial-gradient(1.5px 1.5px at 24px 93px,#fff9,#0000),radial-gradient(1.5px 1.5px at 89px 42px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(35):before{animation:starTwinkle 4.2s ease-in-out infinite;animation-delay:2.6s;animation-direction:normal;background-image:radial-gradient(1px 1px at 91px 83px,#fff,#0000),radial-gradient(1px 1px at 48px 67px,#fff9,#0000),radial-gradient(1px 1px at 27px 19px,#fff,#0000),radial-gradient(1.5px 1.5px at 65px 5px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(35):after{animation:starTwinkle 5.6s ease-in-out infinite;animation-delay:2.1s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 75px 49px,#fff,#0000),radial-gradient(2px 2px at 72px 18px,#fff9,#0000),radial-gradient(1.5px 1.5px at 10px 41px,#ffffffe6,#0000),radial-gradient(2px 2px at 94px 63px,#fffc,#0000),radial-gradient(1px 1px at 54px 75px,#ffffffb3,#0000),radial-gradient(1px 1px at 42px 84px,#fffc,#0000),radial-gradient(2px 2px at 61px 89px,#ffffffbf,#0000),radial-gradient(2px 2px at 18px 72px,#ffffffb3,#0000),radial-gradient(2px 2px at 18px 57px,#fff,#0000),radial-gradient(2px 2px at 9px 17px,#ffffffb3,#0000),radial-gradient(1px 1px at 40px 23px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(36):before{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:.9s;animation-direction:reverse;background-image:radial-gradient(2px 2px at 27px 83px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 18px 82px,#ffffffd9,#0000),radial-gradient(2px 2px at 70px 13px,#ffffffe6,#0000),radial-gradient(2px 2px at 23px 77px,#ffffffb3,#0000),radial-gradient(2px 2px at 23px 86px,#ffffffe6,#0000),radial-gradient(2px 2px at 79px 45px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(36):after{animation:starTwinkle 4.1s ease-in-out infinite;animation-delay:.2s;animation-direction:normal;background-image:radial-gradient(1px 1px at 5px 12px,#ffffffe6,#0000),radial-gradient(1px 1px at 75px 35px,#fff,#0000),radial-gradient(2px 2px at 75px 55px,#ffffffe6,#0000),radial-gradient(2px 2px at 5px 65px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 84px 40px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 89px 53px,#fffc,#0000),radial-gradient(1px 1px at 11px 90px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 58px 55px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(37):before{animation:starTwinkle 4.4s ease-in-out infinite;animation-delay:2.2s;animation-direction:normal;background-image:radial-gradient(1px 1px at 46px 53px,#fff,#0000),radial-gradient(2px 2px at 49px 67px,#fff9,#0000),radial-gradient(1.5px 1.5px at 42px 32px,#fff9,#0000),radial-gradient(1px 1px at 36px 59px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 14px 8px,#fffc,#0000),radial-gradient(1px 1px at 80px 55px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(37):after{animation:starTwinkle 3.3s ease-in-out infinite;animation-delay:2.2s;animation-direction:normal;background-image:radial-gradient(2px 2px at 22px 43px,#fff,#0000),radial-gradient(1px 1px at 42px 26px,#fffc,#0000),radial-gradient(1.5px 1.5px at 67px 61px,#ffffffbf,#0000),radial-gradient(1px 1px at 65px 4px,#fffc,#0000),radial-gradient(1px 1px at 66px 60px,#ffffffb3,#0000),radial-gradient(1px 1px at 76px 47px,#fff9,#0000),radial-gradient(2px 2px at 38px 65px,#fff,#0000),radial-gradient(1.5px 1.5px at 85px 88px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(38):before{animation:starTwinkle 5.4s ease-in-out infinite;animation-delay:2.6s;animation-direction:normal;background-image:radial-gradient(1px 1px at 53px 48px,#fffc,#0000),radial-gradient(2px 2px at 8px 74px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 48px 72px,#fff9,#0000),radial-gradient(1.5px 1.5px at 51px 66px,#fff,#0000),radial-gradient(2px 2px at 72px 37px,#ffffffe6,#0000),radial-gradient(1px 1px at 80px 17px,#fff9,#0000),radial-gradient(1.5px 1.5px at 52px 49px,#ffffffd9,#0000),radial-gradient(1px 1px at 48px 98px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 79px 67px,#ffffffd9,#0000),radial-gradient(1px 1px at 7px 7px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 93px 44px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(38):after{animation:starTwinkle 3.7s ease-in-out infinite;animation-delay:2.2s;animation-direction:normal;background-image:radial-gradient(2px 2px at 60px 21px,#ffffffd9,#0000),radial-gradient(2px 2px at 19px 43px,#ffffffbf,#0000),radial-gradient(2px 2px at 22px 52px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(39):before{animation:starTwinkle 3.3s ease-in-out infinite;animation-delay:1.6s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 40px 62px,#fff,#0000),radial-gradient(1px 1px at 44px 88px,#fffc,#0000),radial-gradient(1px 1px at 76px 41px,#ffffffd9,#0000),radial-gradient(2px 2px at 62px 35px,#ffffffd9,#0000),radial-gradient(1px 1px at 31px 94px,#ffffffd9,#0000),radial-gradient(2px 2px at 63px 23px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 94px 81px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(39):after{animation:starTwinkle 5.3s ease-in-out infinite;animation-delay:2.1s;animation-direction:normal;background-image:radial-gradient(1px 1px at 89px 33px,#fff,#0000),radial-gradient(1px 1px at 91px 16px,#fff9,#0000),radial-gradient(1.5px 1.5px at 58px 42px,#ffffffb3,#0000),radial-gradient(1px 1px at 54px 90px,#fffc,#0000),radial-gradient(1.5px 1.5px at 66px 80px,#fff,#0000),radial-gradient(1px 1px at 96px 95px,#ffffffe6,#0000),radial-gradient(1px 1px at 19px 68px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 43px 86px,#ffffffd9,#0000),radial-gradient(1px 1px at 50px 42px,#fffc,#0000),radial-gradient(2px 2px at 70px 45px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 88px 94px,#ffffffd9,#0000),radial-gradient(1px 1px at 63px 26px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(40):before{animation:starTwinkle 2.9s ease-in-out infinite;animation-delay:.9s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 28px 90px,#ffffffbf,#0000),radial-gradient(2px 2px at 63px 46px,#fff,#0000),radial-gradient(1.5px 1.5px at 94px 37px,#fff9,#0000),radial-gradient(2px 2px at 75px 88px,#fffc,#0000),radial-gradient(1px 1px at 52px 46px,#ffffffbf,#0000),radial-gradient(1px 1px at 7px 38px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 58px 85px,#ffffffe6,#0000),radial-gradient(1px 1px at 63px 29px,#fff,#0000),radial-gradient(2px 2px at 70px 36px,#ffffffe6,#0000),radial-gradient(1px 1px at 36px 19px,#ffffffd9,#0000),radial-gradient(1px 1px at 96px 77px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(40):after{animation:starTwinkle 5.9s ease-in-out infinite;animation-delay:.9s;animation-direction:reverse;background-image:radial-gradient(2px 2px at 8px 87px,#ffffffb3,#0000),radial-gradient(1px 1px at 83px 31px,#fff9,#0000),radial-gradient(1.5px 1.5px at 54px 44px,#fff9,#0000),radial-gradient(1px 1px at 89px 19px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 22px 54px,#fffc,#0000),radial-gradient(1.5px 1.5px at 85px 27px,#ffffffbf,#0000),radial-gradient(1px 1px at 38px 84px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(41):before{animation:starTwinkle 2.9s ease-in-out infinite;animation-delay:2.6s;animation-direction:normal;background-image:radial-gradient(1px 1px at 24px 55px,#fff,#0000),radial-gradient(1px 1px at 52px 65px,#ffffffe6,#0000),radial-gradient(1px 1px at 39px 6px,#ffffffbf,#0000),radial-gradient(1px 1px at 74px 79px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(41):after{animation:starTwinkle 5s ease-in-out infinite;animation-delay:.1s;animation-direction:normal;background-image:radial-gradient(2px 2px at 38px 60px,#fff,#0000),radial-gradient(2px 2px at 65px 19px,#fffc,#0000),radial-gradient(1px 1px at 36px 26px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 22px 95px,#ffffffe6,#0000),radial-gradient(1px 1px at 34px 93px,#fff9,#0000),radial-gradient(1.5px 1.5px at 96px 45px,#ffffffd9,#0000),radial-gradient(1px 1px at 88px 98px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 80px 83px,#fff,#0000),radial-gradient(1.5px 1.5px at 56px 67px,#fff9,#0000),radial-gradient(1px 1px at 53px 87px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 19px 63px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 2px 35px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(42):before{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:2.2s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 85px 48px,#fff9,#0000),radial-gradient(1.5px 1.5px at 87px 17px,#ffffffbf,#0000),radial-gradient(2px 2px at 22px 53px,#ffffffe6,#0000),radial-gradient(1px 1px at 41px 90px,#ffffffe6,#0000),radial-gradient(2px 2px at 39px 49px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 30px 19px,#ffffffb3,#0000),radial-gradient(2px 2px at 60px 97px,#ffffffbf,#0000),radial-gradient(2px 2px at 55px 91px,#fffc,#0000),radial-gradient(1px 1px at 98px 70px,#fff,#0000),radial-gradient(2px 2px at 33px 89px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(42):after{animation:starTwinkle 3.2s ease-in-out infinite;animation-delay:0s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 12px 69px,#ffffffd9,#0000),radial-gradient(1px 1px at 92px 48px,#ffffffd9,#0000),radial-gradient(2px 2px at 16px 9px,#ffffffd9,#0000),radial-gradient(2px 2px at 27px 75px,#ffffffb3,#0000),radial-gradient(2px 2px at 23px 43px,#fffc,#0000),radial-gradient(1px 1px at 16px 89px,#ffffffe6,#0000),radial-gradient(1px 1px at 76px 64px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(43):before{animation:starTwinkle 3.8s ease-in-out infinite;animation-delay:1.4s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 61px 88px,#fff,#0000),radial-gradient(1.5px 1.5px at 4px 52px,#fff,#0000),radial-gradient(1px 1px at 2px 97px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 11px 7px,#ffffffbf,#0000),radial-gradient(2px 2px at 91px 10px,#fff9,#0000),radial-gradient(1px 1px at 10px 62px,#ffffffbf,#0000),radial-gradient(1px 1px at 54px 25px,#fff,#0000),radial-gradient(1.5px 1.5px at 84px 95px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 50px 59px,#fffc,#0000),radial-gradient(2px 2px at 12px 89px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(43):after{animation:starTwinkle 4.1s ease-in-out infinite;animation-delay:.2s;animation-direction:normal;background-image:radial-gradient(1px 1px at 85px 46px,#fff,#0000),radial-gradient(2px 2px at 70px 52px,#ffffffb3,#0000),radial-gradient(1px 1px at 95px 30px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(44):before{animation:starTwinkle 3.9s ease-in-out infinite;animation-delay:1.3s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 31px 33px,#ffffffbf,#0000),radial-gradient(1px 1px at 21px 37px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 16px 6px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(44):after{animation:starTwinkle 4.9s ease-in-out infinite;animation-delay:1.1s;animation-direction:normal;background-image:radial-gradient(1px 1px at 4px 32px,#fff9,#0000),radial-gradient(1px 1px at 14px 78px,#fffc,#0000),radial-gradient(1px 1px at 78px 88px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 96px 7px,#fffc,#0000),radial-gradient(1px 1px at 31px 71px,#fff,#0000),radial-gradient(2px 2px at 9px 19px,#ffffffbf,#0000),radial-gradient(2px 2px at 31px 95px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(45):before{animation:starTwinkle 5.1s ease-in-out infinite;animation-delay:.7s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 86px 68px,#fff,#0000),radial-gradient(1px 1px at 40px 37px,#ffffffd9,#0000),radial-gradient(1px 1px at 77px 96px,#ffffffe6,#0000),radial-gradient(2px 2px at 88px 56px,#fffc,#0000),radial-gradient(1.5px 1.5px at 8px 46px,#fff,#0000),radial-gradient(1.5px 1.5px at 69px 42px,#fffc,#0000),radial-gradient(1.5px 1.5px at 21px 40px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 98px 70px,#ffffffb3,#0000),radial-gradient(1px 1px at 30px 40px,#fff,#0000),radial-gradient(2px 2px at 61px 9px,#fffc,#0000),radial-gradient(2px 2px at 55px 73px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 51px 33px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(45):after{animation:starTwinkle 5.3s ease-in-out infinite;animation-delay:2.6s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 44px 84px,#fff,#0000),radial-gradient(2px 2px at 49px 13px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 26px 8px,#fffc,#0000),radial-gradient(2px 2px at 88px 79px,#fff9,#0000),radial-gradient(2px 2px at 11px 26px,#ffffffe6,#0000),radial-gradient(1px 1px at 87px 73px,#fffc,#0000),radial-gradient(1.5px 1.5px at 28px 44px,#fff9,#0000),radial-gradient(1px 1px at 29px 26px,#ffffffe6,#0000),radial-gradient(1px 1px at 98px 63px,#ffffffe6,#0000),radial-gradient(1px 1px at 79px 92px,#fffc,#0000),radial-gradient(1.5px 1.5px at 32px 72px,#fff,#0000),radial-gradient(1.5px 1.5px at 38px 50px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(46):before{animation:starTwinkle 3s ease-in-out infinite;animation-delay:1.5s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 94px 62px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 49px 42px,#fff9,#0000),radial-gradient(1px 1px at 74px 30px,#fff9,#0000),radial-gradient(2px 2px at 35px 72px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 94px 55px,#ffffffb3,#0000),radial-gradient(1px 1px at 27px 44px,#fffc,#0000),radial-gradient(1.5px 1.5px at 74px 33px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 85px 89px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(46):after{animation:starTwinkle 4.1s ease-in-out infinite;animation-delay:.3s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 64px 94px,#fffc,#0000),radial-gradient(1.5px 1.5px at 23px 95px,#ffffffb3,#0000),radial-gradient(2px 2px at 19px 94px,#fffc,#0000),radial-gradient(1px 1px at 25px 71px,#ffffffd9,#0000),radial-gradient(1px 1px at 6px 11px,#fff,#0000),radial-gradient(1px 1px at 2px 54px,#fff,#0000),radial-gradient(1px 1px at 82px 31px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(47):before{animation:starTwinkle 2.9s ease-in-out infinite;animation-delay:.2s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 80px 63px,#fff,#0000),radial-gradient(2px 2px at 2px 70px,#fffc,#0000),radial-gradient(2px 2px at 3px 4px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 37px 70px,#fff9,#0000),radial-gradient(1.5px 1.5px at 66px 91px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(47):after{animation:starTwinkle 3.8s ease-in-out infinite;animation-delay:1.9s;animation-direction:normal;background-image:radial-gradient(1px 1px at 24px 15px,#fff,#0000),radial-gradient(1px 1px at 21px 32px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 69px 34px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(48):before{animation:starTwinkle 3.5s ease-in-out infinite;animation-delay:1.7s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 30px 40px,#ffffffe6,#0000),radial-gradient(1px 1px at 85px 6px,#fffc,#0000),radial-gradient(2px 2px at 50px 50px,#fffc,#0000),radial-gradient(1px 1px at 9px 83px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 23px 12px,#fff,#0000),radial-gradient(1.5px 1.5px at 57px 84px,#ffffffd9,#0000),radial-gradient(1px 1px at 14px 69px,#ffffffb3,#0000),radial-gradient(2px 2px at 29px 90px,#fffc,#0000),radial-gradient(1px 1px at 36px 7px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(48):after{animation:starTwinkle 3.6s ease-in-out infinite;animation-delay:3s;animation-direction:normal;background-image:radial-gradient(2px 2px at 37px 71px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 6px 24px,#fff9,#0000),radial-gradient(1px 1px at 28px 77px,#fff,#0000),radial-gradient(1px 1px at 93px 52px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(49):before{animation:starTwinkle 3s ease-in-out infinite;animation-delay:1.2s;animation-direction:normal;background-image:radial-gradient(1px 1px at 44px 51px,#fff,#0000),radial-gradient(1px 1px at 90px 94px,#ffffffd9,#0000),radial-gradient(1px 1px at 97px 46px,#fff9,#0000),radial-gradient(1px 1px at 57px 31px,#ffffffbf,#0000),radial-gradient(2px 2px at 79px 80px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(49):after{animation:starTwinkle 5.3s ease-in-out infinite;animation-delay:2.7s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 43px 5px,#fff,#0000),radial-gradient(1px 1px at 59px 64px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 72px 50px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 89px 76px,#fff9,#0000),radial-gradient(1px 1px at 81px 39px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 11px 12px,#ffffffb3,#0000),radial-gradient(1px 1px at 50px 93px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 51px 42px,#fff9,#0000),radial-gradient(1.5px 1.5px at 13px 2px,#fffc,#0000),radial-gradient(1px 1px at 48px 36px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 13px 25px,#fffc,#0000),radial-gradient(2px 2px at 73px 73px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(50):before{animation:starTwinkle 2.4s ease-in-out infinite;animation-delay:1.8s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 51px 3px,#fffc,#0000),radial-gradient(2px 2px at 51px 12px,#ffffffb3,#0000),radial-gradient(1px 1px at 75px 68px,#ffffffe6,#0000),radial-gradient(1px 1px at 50px 23px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(50):after{animation:starTwinkle 4.2s ease-in-out infinite;animation-delay:2.4s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 40px 36px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 10px 23px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 55px 40px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(51):before{animation:starTwinkle 3s ease-in-out infinite;animation-delay:1.9s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 27px 60px,#fff,#0000),radial-gradient(1.5px 1.5px at 40px 2px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 81px 50px,#fffc,#0000),radial-gradient(2px 2px at 44px 57px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(51):after{animation:starTwinkle 3s ease-in-out infinite;animation-delay:1.8s;animation-direction:normal;background-image:radial-gradient(2px 2px at 40px 43px,#fff,#0000),radial-gradient(1.5px 1.5px at 27px 63px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 52px 42px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 90px 83px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 33px 43px,#ffffffbf,#0000),radial-gradient(1px 1px at 52px 48px,#ffffffd9,#0000),radial-gradient(2px 2px at 27px 77px,#ffffffb3,#0000),radial-gradient(1px 1px at 89px 72px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(52):before{animation:starTwinkle 3.8s ease-in-out infinite;animation-delay:2.1s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 54px 88px,#ffffffb3,#0000),radial-gradient(1px 1px at 83px 40px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 86px 21px,#fff,#0000),radial-gradient(1.5px 1.5px at 50px 11px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 63px 76px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 66px 90px,#ffffffd9,#0000),radial-gradient(2px 2px at 6px 48px,#ffffffd9,#0000),radial-gradient(1px 1px at 83px 12px,#fff,#0000),radial-gradient(1.5px 1.5px at 33px 86px,#ffffffb3,#0000),radial-gradient(1px 1px at 84px 80px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(52):after{animation:starTwinkle 3.2s ease-in-out infinite;animation-delay:2.5s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 84px 88px,#fff,#0000),radial-gradient(1px 1px at 44px 57px,#fff9,#0000),radial-gradient(1px 1px at 14px 35px,#ffffffd9,#0000),radial-gradient(2px 2px at 97px 68px,#ffffffd9,#0000),radial-gradient(1px 1px at 90px 75px,#fffc,#0000),radial-gradient(1.5px 1.5px at 49px 52px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(53):before{animation:starTwinkle 2.6s ease-in-out infinite;animation-delay:1.4s;animation-direction:normal;background-image:radial-gradient(1px 1px at 12px 16px,#fff,#0000),radial-gradient(1.5px 1.5px at 41px 45px,#fff,#0000),radial-gradient(1.5px 1.5px at 28px 68px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 62px 14px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 91px 59px,#fff9,#0000),radial-gradient(1px 1px at 40px 7px,#fff9,#0000),radial-gradient(1px 1px at 45px 84px,#ffffffe6,#0000),radial-gradient(1px 1px at 23px 96px,#ffffffd9,#0000),radial-gradient(1px 1px at 24px 72px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 73px 56px,#ffffffb3,#0000),radial-gradient(1px 1px at 53px 82px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 83px 86px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(53):after{animation:starTwinkle 6s ease-in-out infinite;animation-delay:.9s;animation-direction:normal;background-image:radial-gradient(2px 2px at 5px 96px,#fff,#0000),radial-gradient(1.5px 1.5px at 59px 77px,#fffc,#0000),radial-gradient(1px 1px at 2px 92px,#ffffffb3,#0000),radial-gradient(1px 1px at 37px 98px,#ffffffd9,#0000),radial-gradient(1px 1px at 15px 70px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 43px 27px,#fff9,#0000),radial-gradient(1.5px 1.5px at 35px 87px,#ffffffd9,#0000),radial-gradient(2px 2px at 83px 42px,#fffc,#0000),radial-gradient(2px 2px at 80px 52px,#fff9,#0000),radial-gradient(1.5px 1.5px at 46px 47px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 24px 88px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(54):before{animation:starTwinkle 4.7s ease-in-out infinite;animation-delay:.7s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 49px 90px,#ffffffd9,#0000),radial-gradient(2px 2px at 51px 55px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 75px 51px,#ffffffb3,#0000),radial-gradient(2px 2px at 64px 83px,#ffffffe6,#0000),radial-gradient(2px 2px at 84px 24px,#ffffffb3,#0000),radial-gradient(1px 1px at 64px 38px,#ffffffb3,#0000),radial-gradient(2px 2px at 42px 59px,#fff9,#0000),radial-gradient(1.5px 1.5px at 47px 3px,#ffffffb3,#0000),radial-gradient(2px 2px at 26px 51px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 85px 65px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 64px 55px,#fffc,#0000),radial-gradient(2px 2px at 23px 12px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(54):after{animation:starTwinkle 3.3s ease-in-out infinite;animation-delay:.4s;animation-direction:normal;background-image:radial-gradient(1px 1px at 30px 39px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 30px 70px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 60px 74px,#ffffffd9,#0000),radial-gradient(2px 2px at 67px 16px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(55):before{animation:starTwinkle 5.3s ease-in-out infinite;animation-delay:2.5s;animation-direction:normal;background-image:radial-gradient(2px 2px at 94px 58px,#fff,#0000),radial-gradient(1px 1px at 56px 15px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 6px 59px,#ffffffbf,#0000),radial-gradient(1px 1px at 13px 58px,#fff,#0000),radial-gradient(2px 2px at 32px 28px,#ffffffe6,#0000),radial-gradient(2px 2px at 46px 92px,#ffffffe6,#0000),radial-gradient(2px 2px at 56px 23px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(55):after{animation:starTwinkle 3.5s ease-in-out infinite;animation-delay:.1s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 28px 28px,#fff,#0000),radial-gradient(1.5px 1.5px at 46px 70px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 70px 23px,#ffffffe6,#0000),radial-gradient(2px 2px at 39px 39px,#ffffffbf,#0000),radial-gradient(1px 1px at 67px 88px,#ffffffb3,#0000),radial-gradient(1px 1px at 98px 54px,#ffffffbf,#0000),radial-gradient(1px 1px at 85px 18px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 20px 93px,#fff,#0000),radial-gradient(1.5px 1.5px at 33px 88px,#fffc,#0000),radial-gradient(1.5px 1.5px at 20px 75px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 55px 50px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(56):before{animation:starTwinkle 4.1s ease-in-out infinite;animation-delay:2.8s;animation-direction:normal;background-image:radial-gradient(2px 2px at 64px 43px,#fff9,#0000),radial-gradient(1.5px 1.5px at 95px 13px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 87px 91px,#fff,#0000),radial-gradient(1.5px 1.5px at 10px 70px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(56):after{animation:starTwinkle 3.1s ease-in-out infinite;animation-delay:1.1s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 56px 29px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 43px 38px,#ffffffd9,#0000),radial-gradient(2px 2px at 75px 18px,#fff,#0000),radial-gradient(1px 1px at 64px 45px,#fff9,#0000),radial-gradient(1.5px 1.5px at 14px 82px,#fff9,#0000),radial-gradient(1.5px 1.5px at 17px 22px,#fffc,#0000),radial-gradient(1px 1px at 2px 56px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 18px 85px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 37px 13px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(57):before{animation:starTwinkle 4.7s ease-in-out infinite;animation-delay:.2s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 94px 91px,#fff,#0000),radial-gradient(1px 1px at 85px 13px,#fff9,#0000),radial-gradient(1px 1px at 29px 63px,#ffffffb3,#0000),radial-gradient(2px 2px at 77px 30px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(57):after{animation:starTwinkle 4.6s ease-in-out infinite;animation-delay:1.9s;animation-direction:normal;background-image:radial-gradient(1px 1px at 58px 3px,#fff,#0000),radial-gradient(1.5px 1.5px at 45px 17px,#ffffffe6,#0000),radial-gradient(1px 1px at 18px 63px,#ffffffb3,#0000),radial-gradient(1px 1px at 51px 13px,#fff9,#0000),radial-gradient(1.5px 1.5px at 42px 49px,#ffffffb3,#0000),radial-gradient(1px 1px at 50px 98px,#ffffffe6,#0000),radial-gradient(1px 1px at 88px 20px,#ffffffd9,#0000),radial-gradient(2px 2px at 74px 3px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(58):before{animation:starTwinkle 3.4s ease-in-out infinite;animation-delay:2.2s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 80px 89px,#fff,#0000),radial-gradient(1px 1px at 29px 13px,#ffffffb3,#0000),radial-gradient(2px 2px at 98px 17px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 51px 46px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 19px 33px,#ffffffe6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(58):after{animation:starTwinkle 2.9s ease-in-out infinite;animation-delay:2.8s;animation-direction:normal;background-image:radial-gradient(2px 2px at 12px 33px,#ffffffd9,#0000),radial-gradient(2px 2px at 78px 94px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 90px 5px,#ffffffb3,#0000),radial-gradient(2px 2px at 68px 79px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 97px 52px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 8px 32px,#fffc,#0000),radial-gradient(1.5px 1.5px at 16px 32px,#ffffffe6,#0000),radial-gradient(2px 2px at 78px 11px,#fff9,#0000),radial-gradient(1px 1px at 48px 42px,#fffc,#0000),radial-gradient(1.5px 1.5px at 74px 55px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(59):before{animation:starTwinkle 5.8s ease-in-out infinite;animation-delay:.1s;animation-direction:normal;background-image:radial-gradient(1px 1px at 35px 29px,#fff,#0000),radial-gradient(1.5px 1.5px at 52px 66px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 93px 66px,#fffc,#0000),radial-gradient(1px 1px at 91px 53px,#ffffffe6,#0000),radial-gradient(2px 2px at 70px 70px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(59):after{animation:starTwinkle 5.1s ease-in-out infinite;animation-delay:.2s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 37px 12px,#fff,#0000),radial-gradient(1px 1px at 67px 28px,#ffffffd9,#0000),radial-gradient(2px 2px at 43px 52px,#ffffffe6,#0000),radial-gradient(1px 1px at 85px 89px,#ffffffbf,#0000),radial-gradient(1px 1px at 91px 57px,#fff9,#0000),radial-gradient(1.5px 1.5px at 33px 13px,#fff9,#0000),radial-gradient(2px 2px at 60px 80px,#fff9,#0000),radial-gradient(1px 1px at 41px 87px,#fff9,#0000),radial-gradient(1px 1px at 3px 92px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 3px 22px,#ffffffbf,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(60):before{animation:starTwinkle 5.1s ease-in-out infinite;animation-delay:.5s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 36px 95px,#fff,#0000),radial-gradient(1.5px 1.5px at 5px 44px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 69px 10px,#ffffffe6,#0000),radial-gradient(1px 1px at 75px 82px,#fffc,#0000),radial-gradient(1.5px 1.5px at 60px 67px,#fff9,#0000),radial-gradient(1px 1px at 65px 74px,#ffffffbf,#0000),radial-gradient(1px 1px at 22px 34px,#ffffffd9,#0000),radial-gradient(1px 1px at 88px 94px,#ffffffb3,#0000),radial-gradient(1px 1px at 96px 67px,#fff9,#0000),radial-gradient(1px 1px at 3px 33px,#fffc,#0000),radial-gradient(1px 1px at 48px 51px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(60):after{animation:starTwinkle 4.9s ease-in-out infinite;animation-delay:.4s;animation-direction:reverse;background-image:radial-gradient(1.5px 1.5px at 6px 72px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 43px 33px,#ffffffe6,#0000),radial-gradient(1px 1px at 42px 36px,#ffffffd9,#0000),radial-gradient(2px 2px at 49px 17px,#ffffffe6,#0000),radial-gradient(1px 1px at 8px 24px,#fff,#0000),radial-gradient(1.5px 1.5px at 68px 7px,#fff9,#0000),radial-gradient(1.5px 1.5px at 61px 38px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 13px 72px,#fff9,#0000),radial-gradient(1.5px 1.5px at 49px 27px,#ffffffd9,#0000),radial-gradient(2px 2px at 40px 96px,#ffffffb3,#0000),radial-gradient(2px 2px at 61px 49px,#fffc,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(61):before{animation:starTwinkle 5s ease-in-out infinite;animation-delay:0s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 31px 71px,#fff,#0000),radial-gradient(1.5px 1.5px at 90px 3px,#fff9,#0000),radial-gradient(1.5px 1.5px at 86px 50px,#fff9,#0000),radial-gradient(1px 1px at 28px 69px,#fffc,#0000),radial-gradient(1px 1px at 64px 9px,#ffffffe6,#0000),radial-gradient(1px 1px at 37px 13px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(61):after{animation:starTwinkle 3s ease-in-out infinite;animation-delay:1.2s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 68px 54px,#fff,#0000),radial-gradient(2px 2px at 97px 12px,#fff9,#0000),radial-gradient(1.5px 1.5px at 66px 19px,#fff9,#0000),radial-gradient(1px 1px at 77px 74px,#fffc,#0000),radial-gradient(1px 1px at 86px 18px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 35px 42px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 96px 43px,#fffc,#0000),radial-gradient(1px 1px at 36px 31px,#ffffffb3,#0000),radial-gradient(1px 1px at 19px 76px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 15px 23px,#fffc,#0000),radial-gradient(1px 1px at 42px 54px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(62):before{animation:starTwinkle 3.8s ease-in-out infinite;animation-delay:2.6s;animation-direction:normal;background-image:radial-gradient(2px 2px at 89px 40px,#fff9,#0000),radial-gradient(1px 1px at 29px 43px,#fff9,#0000),radial-gradient(1.5px 1.5px at 93px 33px,#fffc,#0000),radial-gradient(1.5px 1.5px at 67px 8px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 24px 5px,#fff,#0000),radial-gradient(2px 2px at 59px 73px,#ffffffb3,#0000),radial-gradient(1px 1px at 14px 61px,#fff,#0000),radial-gradient(1px 1px at 19px 17px,#fff9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(62):after{animation:starTwinkle 3.9s ease-in-out infinite;animation-delay:.3s;animation-direction:normal;background-image:radial-gradient(1px 1px at 30px 18px,#fff,#0000),radial-gradient(1px 1px at 53px 49px,#ffffffd9,#0000),radial-gradient(1px 1px at 77px 35px,#fff9,#0000),radial-gradient(1.5px 1.5px at 10px 27px,#fff,#0000),radial-gradient(1.5px 1.5px at 18px 13px,#fff9,#0000),radial-gradient(1px 1px at 7px 61px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(63):before{animation:starTwinkle 5.3s ease-in-out infinite;animation-delay:.1s;animation-direction:reverse;background-image:radial-gradient(1px 1px at 24px 47px,#fff,#0000),radial-gradient(1.5px 1.5px at 37px 37px,#ffffffb3,#0000),radial-gradient(2px 2px at 6px 80px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 33px 84px,#fffc,#0000),radial-gradient(1.5px 1.5px at 54px 72px,#fff9,#0000),radial-gradient(1.5px 1.5px at 13px 37px,#ffffffb3,#0000),radial-gradient(2px 2px at 55px 27px,#ffffffb3,#0000),radial-gradient(1px 1px at 82px 71px,#fffc,#0000),radial-gradient(1.5px 1.5px at 93px 47px,#ffffffd9,#0000),radial-gradient(2px 2px at 64px 46px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 43px 51px,#ffffffb3,#0000),radial-gradient(2px 2px at 5px 42px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(63):after{animation:starTwinkle 3.6s ease-in-out infinite;animation-delay:2s;animation-direction:normal;background-image:radial-gradient(1px 1px at 5px 37px,#fff,#0000),radial-gradient(1.5px 1.5px at 62px 69px,#fff,#0000),radial-gradient(1px 1px at 76px 31px,#fff9,#0000),radial-gradient(1px 1px at 33px 86px,#ffffffbf,#0000),radial-gradient(1px 1px at 70px 96px,#fff,#0000),radial-gradient(1.5px 1.5px at 30px 75px,#ffffffbf,#0000),radial-gradient(1px 1px at 24px 24px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 42px 96px,#ffffffd9,#0000),radial-gradient(1.5px 1.5px at 5px 92px,#ffffffd9,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(64):before{animation:starTwinkle 4.3s ease-in-out infinite;animation-delay:3s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 65px 71px,#ffffffb3,#0000),radial-gradient(1px 1px at 64px 6px,#fff9,#0000),radial-gradient(1px 1px at 31px 79px,#fff9,#0000),radial-gradient(1px 1px at 69px 63px,#ffffffbf,#0000),radial-gradient(1px 1px at 80px 27px,#ffffffbf,#0000),radial-gradient(1.5px 1.5px at 93px 24px,#fff9,#0000),radial-gradient(2px 2px at 4px 20px,#ffffffe6,#0000),radial-gradient(2px 2px at 20px 16px,#fff,#0000),radial-gradient(1.5px 1.5px at 48px 11px,#ffffffe6,#0000),radial-gradient(2px 2px at 86px 52px,#fff9,#0000),radial-gradient(1.5px 1.5px at 45px 40px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 22px 95px,#fff,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:nth-child(64):after{animation:starTwinkle 2.8s ease-in-out infinite;animation-delay:2.6s;animation-direction:normal;background-image:radial-gradient(1.5px 1.5px at 83px 64px,#ffffffb3,#0000),radial-gradient(2px 2px at 92px 73px,#fff,#0000),radial-gradient(2px 2px at 47px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 24px 50px,#ffffffe6,#0000),radial-gradient(1px 1px at 90px 39px,#ffffffb3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}[data-theme=galaxy] .cell:hover{background-color:#a8c3e8!important;background-color:var(--board-hover)!important;box-shadow:inset 0 0 10px #ffffff1a!important}[data-theme=galaxy] .dot.black{border-color:#888!important}[data-theme=neon] .dot.white{background:#ecf0f1;background:var(--white-migo);box-shadow:0 2px 4px #0003}[data-theme=neon] .dot.black{background:#2c3e50;background:var(--black-migo);box-shadow:0 2px 4px #0003}[data-theme=neon] .cell{background-color:#d3eaff;background-color:var(--board-color);background-image:linear-gradient(#00ffff08 1px,#0000 0),linear-gradient(90deg,#00ffff08 1px,#0000 0);background-size:20px 20px;border-color:#0ff3;box-shadow:inset 0 0 5px #00ffff0d}[data-theme=neon] .cell:hover{background-color:#a8c3e8!important;background-color:var(--board-hover)!important;border-color:#0ff6!important;box-shadow:inset 0 0 15px #00ffff26!important}[data-theme=neon] .cell:has(.dot.white) .yugo.quadruple,[data-theme=neon] .cell:has(.dot.white) .yugo.standard{background:#f0f}[data-theme=neon] .cell:has(.dot.black) .yugo.quadruple,[data-theme=neon] .cell:has(.dot.black) .yugo.standard{background:#0ff}[data-theme=neon] .cell:has(.dot.white) .yugo.double{background-color:#f0f}[data-theme=neon] .cell:has(.dot.black) .yugo.double{background-color:#0ff}[data-theme=neon] .cell:has(.dot.white) .yugo.triple:after{background-color:#f0f}[data-theme=neon] .cell:has(.dot.black) .yugo.triple:after{background-color:#0ff}[data-theme=marble] .cell{background-color:#d3eaff;background-color:var(--board-color);background-image:linear-gradient(45deg,#0000 30%,#c8c8c84d 0,#c8c8c84d 70%,#0000 0),linear-gradient(-45deg,#0000 30%,#b4b4b433 0,#b4b4b433 70%,#0000 0),linear-gradient(135deg,#0000 40%,#dcdcdc26 0,#dcdcdc26 60%,#0000 0);background-size:60px 60px,80px 80px,100px 100px;border-color:#9696964d}[data-theme=marble] .cell:hover{background-color:#a8c3e8!important;background-color:var(--board-hover)!important;box-shadow:inset 0 0 8px #96969633!important}@media (hover:hover){.cell:hover{background-color:#a8c3e8!important;background-color:var(--board-hover)!important}}.igo-cell{animation:igo-pulse 1.5s ease-in-out infinite;background-color:#d4af3726;border:3px solid #0000}@keyframes igo-pulse{0%{border-color:#d4af37cc}50%{border-color:#ffff96}to{border-color:#d4af37cc}}.dot,.yugo{position:relative;z-index:2}.cell.last-move,.current-state .cell.last-move{background-color:#2ecc7133;box-shadow:inset 0 0 10px 2px #2ecc7199}.review-mode .cell.last-move{background-color:#d1e6f9;box-shadow:none}.cell.incorrect-move{background-color:#f4433666!important;border:3px solid #f44336!important;box-shadow:inset 0 0 10px 2px #f44336cc,0 0 15px 3px #f4433699!important}@keyframes incorrect-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.cell.illegal-move{animation:illegalMoveFlash .5s ease-in-out;background-color:#e74c3c4d!important;box-shadow:inset 0 0 15px 3px #e74c3ccc!important}[data-theme=galaxy] .cell.illegal-move{border-color:#e74c3c99!important}[data-theme=galaxy] .cell.illegal-move,[data-theme=neon] .cell.illegal-move{background-color:#e74c3c66!important;box-shadow:inset 0 0 15px 3px #e74c3ce6!important}[data-theme=neon] .cell.illegal-move{border-color:#e74c3ccc!important}[data-theme=marble] .cell.illegal-move{background-color:#e74c3c59!important;border-color:#e74c3cb3!important;box-shadow:inset 0 0 15px 3px #e74c3cd9!important}@keyframes illegalMoveFlash{0%{background-color:#e74c3c80!important;box-shadow:inset 0 0 20px 4px #e74c3c!important}50%{background-color:#e74c3c66!important;box-shadow:inset 0 0 15px 3px #e74c3ce6!important}to{background-color:#e74c3c4d!important;box-shadow:inset 0 0 15px 3px #e74c3ccc!important}}.dot{border-radius:50%;height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,box-shadow .3s ease;width:70%}.dot.white{background:radial-gradient(circle at 30% 30%,#fffc,#ecf0f1 60%,#0000001a);background:radial-gradient(circle at 30% 30%,#fffc,var(--white-migo) 60%,#0000001a);border:2px solid #95a5a699;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a,inset 0 -2px 4px #0000001a,inset 0 1px 2px #ffffff80}.dot.black{background:radial-gradient(circle at 30% 30%,#64646466,#2c3e50 50%,#000c);background:radial-gradient(circle at 30% 30%,#64646466,var(--black-migo) 50%,#000c);border:2px solid #1a252fcc;box-shadow:0 4px 8px #0000004d,0 2px 4px #0003,inset 0 -2px 4px #0006,inset 0 1px 2px #ffffff1a}.dot.shrink{opacity:0;transform:translate(-50%,-50%) scale(.1);transition:all 1s ease}.dot.fade-out{animation:fadeOutDot .2s ease forwards}@keyframes fadeOutDot{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.2)}}.review-mode .dot.shrink{transition:all .2s ease}.yugo{background:#e74c3c;background:var(--yugo-color);border-radius:50%;position:absolute;z-index:2}.yugo.standard{height:18.75%;width:18.75%}.yugo.double,.yugo.standard{left:50%;top:50%;transform:translate(-50%,-50%)}.yugo.double{background-color:#e74c3c;border-radius:50%;height:15%;position:absolute;width:30%}.yugo.triple{background-color:initial;border:none;height:21px;left:50%;overflow:visible;position:absolute;top:50%;transform:translate(-50%,calc(-50% - 2px));width:24px}.yugo.triple:after{content:"";height:100%;left:0;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMSI+PHBhdGggZD0iTTAgMjEgMTIgMGwxMiAyMXoiLz48L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMSI+PHBhdGggZD0iTTAgMjEgMTIgMGwxMiAyMXoiLz48L3N2Zz4=);-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:0;width:100%}.yugo.quadruple,.yugo.triple:after{background-color:#e74c3c;background-color:var(--yugo-color)}.yugo.quadruple{border-radius:0;height:25%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:25%}.controls{background:#fff;border:2px solid #2c3e50;border:2px solid var(--primary-color);border-radius:5px;box-shadow:0 2px 5px #0000001a;height:640px;height:var(--board-size);margin:0;max-height:640px;max-height:var(--board-size);min-height:640px;min-height:var(--board-size);padding:15px 15px 30px}.controls h2{color:#2c3e50;color:var(--primary-color);font-size:1.3rem;margin-bottom:8px}.btn{-webkit-touch-callout:none;background:#2c3e50;background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:5px;padding:6px 12px;touch-action:manipulation;transition:background .2s}.btn:hover{background:#3498db;background:var(--accent-color)}.btn-group{display:flex;flex-wrap:wrap;gap:5px}#ingame-controls,#pregame-controls{box-sizing:border-box;height:136px;padding:8px;width:100%}.timer-settings{margin:13px 0}.timer-row{display:flex;gap:10px;justify-content:space-between}.option-cell{display:flex;flex:1 1;flex-direction:column}.option-cell label{color:#2c3e50;color:var(--primary-color);font-size:.9rem;margin-bottom:5px}#game-log-container{display:flex;flex:1 1;flex-direction:column;margin:0 0 5px;min-height:0;overflow:visible;padding:0 10px;position:relative;width:100%}.game-log{background:#fff;border:1px solid #ddd;flex:0 0 auto;font-family:monospace;height:400px;margin:0 auto;max-height:400px;max-width:236px;min-height:400px;overflow-y:auto;padding:10px;position:relative;scrollbar-width:thin;-webkit-user-select:text;user-select:text;width:100%}.game-log.with-review-controls{padding-bottom:64px}.log-entry{display:flex;margin-bottom:5px;-webkit-user-select:text;user-select:text}.log-entry.highlighted{background-color:#f5f5f5;font-weight:700}.move-number{font-weight:700;min-width:40px;padding-right:8px;text-align:right}.black-move,.move-number,.white-move{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:text;user-select:text}.black-move,.white-move{display:flex;padding-left:5px;width:40%}.black-move.highlighted,.white-move.highlighted{background-color:#f5f5f5;font-weight:700}.yugo-indicator{color:#e74c3c;color:var(--yugo-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;margin-left:3px;-webkit-user-select:text;user-select:text}.review-controls{box-sizing:border-box;flex:0 0 auto;margin:0 auto;padding:2px}.review-controls,.review-controls .btn{align-items:center;display:flex;justify-content:center}.review-controls .btn{background:#f8f9fa;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 2px #0000001a;color:#000;flex-shrink:0;font-size:11px!important;height:24px!important;line-height:1;margin:0 2px!important;max-width:24px!important;min-width:24px!important;padding:0!important;transition:all .2s ease;width:24px!important}.review-controls .btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.review-controls .btn:active:not(:disabled){background:#dee2e6;transform:translateY(1px)}.review-controls .btn:disabled{background:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.6}.review-controls #first-move-btn,.review-controls #last-move-btn,.review-controls #next-move-btn,.review-controls #prev-move-btn{border-radius:1px;box-shadow:0 1px 2px #0000001a;font-size:12px!important;font-weight:700;height:24px!important;max-width:24px!important;min-width:24px!important;padding:0!important;width:24px!important}.review-controls #copy-move-history-btn{font-size:9px!important;height:24px!important;margin-left:8px!important;max-width:none!important;min-width:36px!important;padding:0 4px!important;white-space:nowrap;width:auto!important}.arrow-icon{display:inline-block;font-size:inherit;line-height:1}.move-counter{align-items:center;background:#f8f9fa;border:1px solid #ccc;border-radius:1px;box-shadow:0 1px 2px #0000001a;color:#495057;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:28px;justify-content:center;margin:0;min-width:110px;padding:0 2px;text-align:center;white-space:nowrap;width:110px}.review-controls #next-move-btn:hover:not(:disabled),.review-controls #prev-move-btn:hover:not(:disabled){background:#007bff;border-color:#007bff;color:#fff}.review-controls #next-move-btn:active:not(:disabled),.review-controls #prev-move-btn:active:not(:disabled){background:#0056b3;border-color:#0056b3;transform:translateY(1px)}.review-controls #first-move-btn:hover:not(:disabled),.review-controls #last-move-btn:hover:not(:disabled){background:#28a745;border-color:#28a745;color:#fff}.review-controls #next-move-btn:active,.review-controls #prev-move-btn:active{-webkit-user-select:none;user-select:none}.review-controls .btn:disabled .arrow-icon{opacity:.5}#review-section h3{font-size:1.2rem;margin-bottom:3px;margin-top:5px}.notification{background:#fff;border-radius:5px;box-shadow:0 5px 15px #0000004d;display:none;left:50%;max-width:640px;max-width:var(--board-size);padding:20px;pointer-events:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:640px;width:var(--board-size);z-index:10001}@media (min-width:1025px){.notification,.notification.settings-dialog{left:50vw;left:var(--board-center-x,50vw);max-width:640px;max-width:var(--board-size);min-width:0;transform:translate(-50%,-50%)}}.notification h3{color:#2c3e50;color:var(--primary-color);margin-bottom:10px}.notification p{margin-bottom:15px}.notification-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.notification-buttons .btn{cursor:pointer;pointer-events:auto;position:relative;z-index:10001}.overlay{background:#0000;display:block;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:10000}.toast{background:#000000b3;border-radius:5px;bottom:20px;color:#fff;display:none;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:5000}@media (max-width:600px){body,html{height:100vh!important;height:calc(var(--vh, 1vh)*100)!important;margin:0!important;overflow:hidden!important;padding:0!important;position:relative;width:100%!important}body.landing-page{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;position:static!important}body,body.landing-page{min-height:100vh!important}body{background:#ecf0f1;min-height:calc(var(--vh, 1vh)*100)!important;padding-bottom:31px!important}.main-content{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;margin-left:0!important;width:100%!important}header{align-items:normal!important;justify-content:normal!important;left:0!important;margin:0 auto!important;padding:calc(env(safe-area-inset-top) + .1em + 40px) 0 0!important;position:relative!important;right:0!important;text-align:center!important;width:100%!important}header,header img{display:block!important;max-width:100%!important}header img{height:45px!important;margin:3px auto 0!important;width:auto!important}header h1{display:none;font-size:2em;margin:0 auto;margin-left:0!important;overflow-wrap:break-word;text-align:center;white-space:normal;width:100%;word-break:break-word}:root{--cell-size:12.5vw!important}.game-container{gap:0!important;left:0!important;margin:0!important;max-width:100vw!important;padding:0!important;right:0!important;width:100vw!important;z-index:1!important}.game-board-area{gap:0!important;margin:-40px 0 0!important;padding:60px 0 0!important;z-index:10!important}.board-with-labels,.game-board-area{border:none!important;border-radius:0!important;left:0!important;max-width:100vw!important;right:0!important;width:100vw!important}.board-with-labels{filter:none!important;margin:0!important;padding:0!important}.board{aspect-ratio:1/1!important;border:none!important;box-shadow:none!important;height:100vw!important;left:0!important;max-height:100vw!important;padding:0!important;right:0!important}.board,.player-info,.player-info.bottom{border-radius:0!important;margin:0!important;max-width:100vw!important;width:100vw!important}.player-info,.player-info.bottom{box-sizing:border-box!important;padding:0 10px!important}.player-info.bottom{margin-bottom:0!important;margin-top:-10px!important}.player-timer{font-size:1rem!important;margin-left:auto!important;position:static!important;top:auto!important}.toast{bottom:80px;max-width:400px;padding:12px 24px;text-align:center;width:90%}.notification,.tutorial-popup{margin:0 auto!important;max-width:96vw!important;width:96vw!important}#mobile-utility-bar{background:#fff!important;border-top:2px solid #3498db!important;bottom:auto!important;box-shadow:0 -2px 8px #00000017!important;display:flex!important;justify-content:space-around!important;left:0!important;margin:0!important;padding:6px 0 5px!important;position:relative!important;right:0!important;width:100%!important;z-index:3001!important}#mobile-utility-bar .btn{background:#3498db;border:none;border-radius:6px;color:#fff;flex:1 1 30%;font-size:1.1em;margin:0 6px;padding:.56em 0}#mobile-action-bar{background:#f8f8f8!important;border-bottom:1px solid #ccc!important;border-top:1px solid #ccc!important;bottom:auto!important;box-shadow:0 -2px 8px #00000012!important;display:flex!important;justify-content:space-around!important;left:0!important;margin:4px 0 0!important;padding:6px 0 5px!important;position:relative!important;right:0!important;width:100%!important;z-index:3000!important}#mobile-action-bar .btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;flex:1 1 30%;font-size:1.1em;margin:0 6px;padding:.56em 0}#mobile-review-bar{align-items:center;background:#fff;border-bottom:1px solid #ccc;border-top:2px solid #3498db;box-shadow:0 2px 8px #0000000a;display:flex!important;flex-direction:row;justify-content:center;padding:10px 0 4px;position:relative;width:100%;z-index:2500}#mobile-review-bar .review-controls{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:center!important;width:100%}#mobile-review-bar .btn{align-items:center;border-radius:2px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1em;height:32px;justify-content:center;line-height:1;margin:0;max-width:32px;min-width:32px;padding:0}#mobile-review-bar #copy-move-history-btn{font-size:.7em!important;max-width:60px!important;min-width:50px!important;padding:0 4px!important;white-space:nowrap;width:auto!important}#mobile-review-bar .move-counter{color:#2c3e50;flex-shrink:0;font-size:.9em;font-weight:700;margin:0 8px;text-align:center;white-space:nowrap}.cell:hover,.tutorial-demo-cell:hover{background-color:#d3eaff!important;background-color:var(--board-color)!important}#update-banner div{flex-direction:column!important;text-align:center!important}#update-banner span{margin-bottom:10px!important}#pregame-modal.notification{align-items:center;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:400px;padding:24px 12px 18px;position:fixed;top:50%;transform:translate(-50%,-50%);width:95vw;z-index:2000}#pregame-modal h2{font-size:1.5em;margin-bottom:18px;text-align:center}#pregame-controls-mobile>*{margin-bottom:12px;width:100%}#pregame-start-btn{font-size:1.2em;margin-top:10px;padding:10px 0;width:100%}#mobile-tutorial-close-x{background:none;border:none;color:#333;cursor:pointer;display:block!important;font-size:2em;position:absolute;right:12px;top:8px;z-index:1002}#tutorial-popup{box-sizing:border-box;height:auto!important;left:50%!important;max-height:90vh!important;max-width:96vw!important;min-width:0!important;min-width:auto!important;overflow:hidden!important;top:50%!important;transform:translate(-50%,-50%)!important;width:96vw!important}#tutorial-popup #tutorial-content{flex:1 1;max-height:calc(90vh - 100px);overflow-y:auto;padding:12px 16px 100px}#tutorial-demo{height:250px!important;margin:8px 0!important}#tutorial-title{font-size:1.3rem!important;margin-bottom:8px!important}#tutorial-message{font-size:.95rem!important;line-height:1.4!important;margin-bottom:8px!important}#rules-popup{align-items:stretch;background:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:600px!important;justify-content:flex-start;left:50%!important;max-height:98vh!important;max-width:98vw!important;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;overflow-y:auto!important;padding:30px 18px 18px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:500px!important;z-index:10001!important}.tutorial-navigation{background:#fff;border-radius:0 0 10px 10px;border-top:1px solid #eee;bottom:0;display:flex;flex-wrap:nowrap!important;gap:4px!important;justify-content:center;left:0;overflow-x:auto;padding:12px 8px;position:absolute;right:0}.tutorial-navigation .btn{flex-shrink:0;font-size:.8em!important;margin:0 1px!important;max-width:80px!important;min-width:50px!important;padding:.3em .5em!important;white-space:nowrap}body.review-mode-mobile #game-log{display:none!important}.review-button{font-size:.6rem;margin-left:4px;max-width:-webkit-fit-content;max-width:fit-content;min-width:auto;padding:1px 4px;white-space:nowrap}.review-button-container{align-items:center!important;box-sizing:border-box;display:flex!important;gap:4px;justify-content:space-between!important;margin:10px auto 0!important;padding:0 10px}.review-button-container h2{flex-shrink:0;font-size:.95rem!important;margin:0!important}header>div[style*="position: absolute"][style*="top: 20px"]{top:26px!important}.game-page header>div[style*="position: fixed"][style*="left: 210px"]{display:block!important;left:10px!important;position:fixed!important;top:calc(env(safe-area-inset-top) + .3em)!important;z-index:1001!important}.game-page header>div[style*="position: fixed"][style*="left: 210px"] button{border-radius:4px!important;font-size:11px!important;opacity:.7!important;padding:4px 8px!important}.landing-page header>div[style*="position: fixed"][style*="left: 210px"]{display:none!important}header>div[style*="position: fixed"][style*="right: 20px"]{align-items:center!important;display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:center!important;margin:10px 0!important;position:relative!important;right:auto!important;text-align:center!important;top:auto!important;width:100%!important}header>div[style*="position: fixed"][style*="right: 20px"] span{margin:0!important;text-align:center!important}#mobile-review-bar .btn[title*=First],#mobile-review-bar .btn[title*=Last],#mobile-review-bar .btn[title*=Move],#mobile-review-bar .btn[title="Exit Review"]{border-radius:2px;box-shadow:0 2px 4px #0000001a;font-size:1.3em;height:32px;max-width:32px;min-width:32px;padding:0}.mobile-only{display:block!important}.game-controls-area,.mobile-controls-button,.player-buttons,.utility-buttons-container{display:none!important}#mobile-action-bar,#mobile-utility-bar{display:flex!important}.mobile-controls-modal{left:50%!important;max-height:90vh!important;overflow-y:auto!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:15000!important}.mobile-controls-modal .option-row{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.mobile-controls-modal .timer-row{display:flex;gap:15px}.mobile-controls-modal .control-select{-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0IDUiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0yIDAgMCAyaDR6bTAgNUwwIDNoNHoiLz48L3N2Zz4=);background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:40px!important}#review-section{margin:10px auto;max-width:calc(100% - 8px);padding:6px 4px;width:calc(100% - 8px)}.review-controls{flex-wrap:nowrap;gap:2px;padding:2px;width:100%}.review-controls .btn{align-items:center;border-radius:2px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:14px;height:32px;justify-content:center;max-width:32px;min-width:32px;padding:0}.review-controls #first-move-btn,.review-controls #last-move-btn,.review-controls #next-move-btn,.review-controls #prev-move-btn{border-radius:2px;box-shadow:0 2px 4px #0000001a;font-size:16px;height:32px;max-width:32px;min-width:32px;padding:0}.review-controls #copy-move-history-btn{align-items:center!important;border-radius:2px;box-shadow:0 2px 4px #0000001a;display:flex!important;font-size:10px!important;height:32px!important;justify-content:center!important;margin-left:6px!important;max-width:60px!important;min-width:50px!important;padding:0 4px!important;width:auto!important}.move-counter{flex-shrink:1;font-size:.85rem;min-width:60px;padding:0 4px}#review-section>div:last-child{margin-top:6px;text-align:center}#review-section .btn{font-size:13px!important;padding:6px 14px!important;white-space:nowrap}}.rules-popup{background:#fff;border-radius:5px;box-shadow:0 5px 15px #0000004d;left:50%;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;position:fixed;text-align:left;top:50%;transform:translate(-50%,-50%);width:96vw;z-index:10001}.rules-popup h2{margin-bottom:20px;text-align:center}.rules-popup h3{color:#2c3e50;color:var(--primary-color);margin:15px 0 10px;text-align:left}.rules-popup p{text-align:left}.rules-popup ul{margin-left:20px;padding-left:20px;text-align:left}.rules-popup li{margin-bottom:10px;text-align:left}#rules-close-btn{display:block;float:none;margin-left:auto;margin-right:auto;margin-top:20px}.game-mode-selector{margin-bottom:15px}.toggle-container{align-items:center;display:flex;gap:8px;justify-content:space-between}.toggle-label{color:#2c3e50;color:var(--primary-color);font-size:.9rem;font-weight:500;opacity:.7}.toggle-label.active{color:#3498db;color:var(--accent-color);font-weight:700;opacity:1}.toggle{display:inline-block;height:24px;margin:0 10px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border:2px solid #999;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#3498db;background-color:var(--accent-color);border-color:#3498db;border-color:var(--accent-color)}input:focus+.slider{box-shadow:0 0 1px #3498db;box-shadow:0 0 1px var(--accent-color)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.toggle.small{height:20px;width:40px}.toggle.small .slider{border-width:1.5px}.toggle.small .slider:before{bottom:1.5px;height:14px;left:2px;width:14px}.toggle.small input:checked+.slider:before{transform:translateX(20px)}#timer-toggle+.slider{background-color:#f44}#timer-toggle:checked+.slider{background-color:#4f4}#timer-toggle+.slider:before{background-color:#fff}#sound-toggle+.slider{background-color:#e74c3c;border-color:#c0392b}#sound-toggle:checked+.slider{background-color:#2ecc71;border-color:#27ae60}#sound-toggle+.slider:before{box-shadow:0 2px 4px #0000004d}.yugo-highlight{background-color:#27ae604d;box-shadow:inset 0 0 10px 5px #27ae60b3;transition:box-shadow 1s ease,background-color 1s ease}.yugo-highlight.fade-out{background-color:#d1e6f9;box-shadow:inset 0 0 0 0 #27ae6000}.dot.new-dot{animation:bounce-in .2s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both}@keyframes bounce-in{0%{transform:translate(-50%,-50%) scale(0)}80%{transform:translate(-50%,-50%) scale(1.02)}90%{transform:translate(-50%,-50%) scale(.98)}to{transform:translate(-50%,-50%) scale(1)}}@media (max-width:1024px){:root{--cell-size:65px}.game-container{gap:15px}.game-controls-area{max-width:256px;min-width:256px;width:256px}.review-button{font-size:.75rem;margin-left:12px;padding:3px 7px}#review-section{margin:10px auto;max-width:100%;width:calc(100% - 20px)}.review-controls{gap:3px;width:100%}.review-controls .btn{align-items:center;border-radius:2px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:14px;height:32px;justify-content:center;max-width:32px;min-width:32px;padding:0}.move-counter{font-size:.8rem;min-width:70px}.game-log{max-width:100%!important;width:100%!important}}@media (min-width:601px){#mobile-action-bar,#mobile-tutorial-close-x,#mobile-utility-bar{display:none!important}}@media (min-width:1025px){header{display:block!important;margin:0 auto!important;max-width:min(1200px,90vw)!important;padding:0!important;position:relative!important}header img[src="/migoyugo-logo.png"]{display:block!important;height:90px!important;margin:10px auto 2px!important;max-width:450px!important}}.main-buttons{display:flex;justify-content:space-between;margin:0 0 13px;padding:0 5px}.action-btn{flex:1 1;margin:0 5px;padding:8px 0;text-align:center}.action-btn:first-child{margin-left:0}.action-btn:last-child{margin-right:-20px}.option-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.option-row label{color:#2c3e50;color:var(--primary-color);flex:1 1;font-size:.9rem}.control-select{border:1px solid #ddd;border-radius:3px;flex:1.04 1;font-size:.9rem;min-width:100px;padding:5px;width:auto}.game-status{background-color:#f5f5f5;border-radius:5px;margin-top:8px;padding:8px}.status-row{display:flex;justify-content:space-between;margin-bottom:8px}.status-row:last-child{margin-bottom:0}#current-turn-indicator{border-radius:3px;font-weight:700;padding:2px 8px}.review-mode .dot{transition:none}.review-mode .dot.new-dot{animation:none}.review-mode .dot.shrink{opacity:1;transform:none;transition:none}.review-mode .yugo-highlight{background-color:#d1e6f9;box-shadow:none;transition:none}.utility-buttons-container{align-items:center;display:flex;height:40px;justify-content:center;margin-bottom:0;margin-top:-10px;max-height:40px;min-height:40px;transform:translateY(-14px);width:100%}.utility-buttons{box-sizing:border-box;display:flex;justify-content:space-between;max-width:100%;transform:none;width:100%}.utility-buttons .btn{background:#34495e;background:var(--secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;flex:0 1 auto;font-size:.85rem;margin:0 5px;min-width:78px;padding:8px 10px;text-align:center;transition:background .2s}.utility-buttons .btn:hover{background:#3498db;background:var(--accent-color)}.tutorial-popup{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;height:600px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:17000}#tutorial-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px 16px 80px}#tutorial-title{color:#2c3e50;color:var(--primary-color);font-size:1.3rem;line-height:1.2;margin-bottom:8px}#tutorial-message{font-size:.95rem;line-height:1.3;margin-bottom:10px;text-align:center}#tutorial-demo{align-items:center;display:flex;flex-direction:column;height:280px;justify-content:center;margin:10px 0}.tutorial-demo-board{grid-gap:1px;background:#bdc3c7;border:2px solid #2c3e50;border-radius:5px;display:grid;gap:1px;margin:0 auto;padding:5px}.tutorial-demo-cell{background:#d1e6f9;border-radius:2px;height:100%;position:relative;transition:background-color .2s;width:100%}@media (hover:hover){.tutorial-demo-cell:hover{background-color:#b3d4fc}}.tutorial-demo-dot{border-radius:50%;height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:70%}.tutorial-demo-dot.white{background:#ecf0f1;border:2px solid #2c3e50;box-shadow:0 2px 5px #0000001a}.tutorial-demo-dot.black{background:#2c3e50;border:2px solid #1a252f;box-shadow:0 2px 5px #0003}.tutorial-demo-dot.shrink{opacity:0;transform:scale(0);transition:all .5s ease}.tutorial-demo-dot.yugo:after{background-color:#e74c3c;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;z-index:2}.tutorial-navigation{background:#fff;border-radius:0 0 10px 10px;border-top:1px solid #eee;bottom:0;display:flex;gap:10px;justify-content:center;left:0;padding:20px;position:absolute;right:0}.tutorial-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:16999}#settings-btn{display:block}.black-move.highlighted-move span,.white-move.highlighted-move span{background-color:#3498db33;border-radius:2px;display:inline-block;padding:1px 2px}.black-move span,.white-move span{display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-controls-area h2{display:inline-block;margin-right:10px}.review-button-container{margin-top:0;position:relative}.review-button-container h2{margin-top:0}.review-button{background-color:#3498db;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:.8rem;margin-left:23px;padding:3px 8px;position:relative;top:-3px}#game-log-container .review-button{display:inline-block!important;margin-left:0!important;margin-right:0;position:static!important;top:0!important}.review-button:hover{background-color:#2980b9}.core-avatar{display:none;height:80px;margin:0 auto;position:relative;width:80px}.core-orb{animation:orbPulse 3.5s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#3246644d 0,#1e325080 50%,#142846b3 100%);border-radius:50%;box-shadow:0 0 20px #1e325066,inset 0 0 30px #6478964d}.core-dots,.core-orb{height:100%;position:absolute;width:100%}.core-dots{align-items:center;display:flex;gap:6px;justify-content:center;left:50%;margin-top:4px;top:50%;transform:translate(-50%,-50%)}.core-dot{background:#1a4b8c;border-radius:50%;box-shadow:0 0 10px #1a4b8c80;height:12px;position:relative;width:12px}.core-dot:first-child{animation:waveFloat 4s ease-in-out infinite}.core-dot:nth-child(2){animation:waveFloat 4s ease-in-out .5s infinite}.core-dot:nth-child(3){animation:waveFloat 4s ease-in-out 1s infinite}@keyframes waveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.core-avatar.waiting .core-dot{animation:waveFloat 4s ease-in-out infinite}.core-avatar.waiting .core-dot:first-child{animation-delay:0s}.core-avatar.waiting .core-dot:nth-child(2){animation-delay:.5s}.core-avatar.waiting .core-dot:nth-child(3){animation-delay:1s}@keyframes orbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.core-avatar.behind .core-orb{animation:orbPulseFast 2s ease-in-out infinite}.core-avatar.ahead .core-orb{animation:orbPulseSlow 5s ease-in-out infinite}@keyframes orbPulseFast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}@keyframes orbPulseSlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(.97)}}.core-avatar.thinking .core-orb{background:radial-gradient(circle at 30% 30%,#283c5a66 0,#14284699 50%,#0a1e3ccc 100%);box-shadow:0 0 25px #14284680,inset 0 0 35px #50648266}.core-avatar.reacting .core-orb{background:radial-gradient(circle at 30% 30%,#3c506e80 0,#283c5ab3 50%,#142846e6 100%);box-shadow:0 0 30px #283c5a99,inset 0 0 40px #64789680}.core-avatar.reacting .core-dot:first-child{animation:waveFloat 4s ease-in-out infinite;bottom:auto;left:auto;right:auto;top:auto}.core-avatar.reacting .core-dot:nth-child(2){animation:waveFloat 4s ease-in-out .5s infinite;bottom:auto;left:auto;right:auto;top:auto}.core-avatar.reacting .core-dot:nth-child(3){animation:waveFloat 4s ease-in-out 1s infinite;bottom:auto;left:auto;right:auto;top:auto}.core-avatar.waiting .core-dot{top:34px;transition:all .3s ease}.core-avatar.waiting .core-dot:first-child{left:20px}.core-avatar.waiting .core-dot:nth-child(2){left:34px}.core-avatar.waiting .core-dot:nth-child(3){left:48px}@keyframes blinkDots{0%,to{opacity:1}50%{opacity:0}}.core-avatar.waiting .core-dot{animation:blinkDots .5s ease-in-out}.core-level{background:#ffffffe6;border-radius:4px;bottom:-35px;box-shadow:0 2px 4px #0000001a;color:#2c3e50;color:var(--primary-color);font-size:14px;font-weight:700;left:50%;padding:2px 8px;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}.cell-row-label{left:6px;top:4px}.cell-col-label,.cell-row-label{color:#888;font-family:monospace;font-size:.85rem;opacity:.85;pointer-events:none;position:absolute;z-index:3}.cell-col-label{bottom:4px;right:6px}.top-button-row{align-items:center;box-sizing:border-box;display:flex;gap:10px;height:40px;justify-content:flex-end;margin-bottom:5px;max-height:40px;max-width:100%;min-height:40px;width:100%}.top-button-row .btn,.utility-buttons-container .btn{height:40px;line-height:40px;max-height:40px;min-height:40px;padding-bottom:0;padding-top:0}body,html{-webkit-touch-callout:none;box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;touch-action:none;-webkit-user-select:none;user-select:none}.board,.btn,.game-board-area,.review-controls,.review-controls .btn{cursor:pointer}#pregame-controls{box-sizing:border-box;height:136px;max-height:136px;min-height:136px;padding:8px;width:100%}#pregame-controls:has(.color-choice-btn){height:180px;max-height:180px;min-height:180px}.pregame-controls-hidden{opacity:0;pointer-events:none;visibility:hidden}.mobile-controls-button,.mobile-only{display:none}#review-section{background:#fff;border-top:1px solid #ccc;box-shadow:0 -2px 6px #0000000f;box-sizing:border-box;flex-shrink:0;margin:10px auto 0;max-width:236px;padding:4px;position:relative;width:100%;z-index:10}#review-section .btn{background:#f8f9fa;border:1px solid #ccc;border-radius:1px;box-shadow:0 1px 2px #0000001a;color:#495057;font-weight:700;transition:all .2s ease}#review-section .btn:hover{background:#e9ecef;border-color:#adb5bd}@media (max-width:480px){:root{--cell-size:12.5vw!important}.game-board-area{margin:-40px 0 0!important;max-width:100vw!important;padding:60px 0 0!important;width:100vw!important;z-index:10!important}body{padding-bottom:calc(270px + env(safe-area-inset-bottom))!important}#mobile-utility-bar{padding:5px 0 3px!important}#mobile-utility-bar .btn{font-size:1em!important;padding:.48em 0!important}#mobile-action-bar{padding:5px 0 3px!important}#mobile-action-bar .btn{font-size:1em!important;padding:.48em 0!important}.player-timer{font-size:.95rem!important;margin-left:auto!important;position:static!important;top:auto!important}header h1{font-size:1.8em!important}}@media (max-height:600px) and (max-width:600px),(max-width:400px){:root{--cell-size:12.5vw!important}.game-board-area{margin:-40px 0 0!important;max-width:100vw!important;padding:60px 0 0!important;width:100vw!important;z-index:10!important}body{padding-bottom:calc(265px + env(safe-area-inset-bottom))!important}.player-info,.player-info.bottom{font-size:.9em;height:35px!important;max-height:35px!important;min-height:35px!important}.player-color{height:20px!important;width:20px!important}.player-timer{font-size:.9rem!important;margin-left:auto!important;position:static!important;top:auto!important}#mobile-utility-bar{padding:4px 0 2px!important}#mobile-utility-bar .btn{font-size:.95em!important;margin:0 6px!important;padding:.4em 0!important}#mobile-action-bar{padding:4px 0 2px!important}#mobile-action-bar .btn{font-size:.95em!important;margin:0 6px!important;padding:.4em 0!important}}@media (max-height:500px) and (max-width:600px){body{padding-bottom:calc(270px + env(safe-area-inset-bottom))!important}.player-info,.player-info.bottom{font-size:.8em;height:30px!important;max-height:30px!important;min-height:30px!important;padding:0 8px!important}.player-color{height:18px!important;width:18px!important}.player-timer{font-size:.85rem!important;margin-left:auto!important;position:static!important;top:auto!important}#mobile-utility-bar{padding:3px 0 2px!important}#mobile-utility-bar .btn{font-size:.9em!important;padding:.32em 0!important}#mobile-action-bar{padding:3px 0 2px!important}#mobile-action-bar .btn{font-size:.9em!important;padding:.32em 0!important}:root{--cell-size:12.5vw!important}.game-board-area{max-width:100vw!important;width:100vw!important}}@media (max-width:390px) and (max-height:844px){.player-info,.player-info.bottom{border-radius:0!important;box-sizing:border-box!important;margin:0!important;max-width:100vw!important;padding:0 6px!important;width:100vw!important}.player-info.bottom{border-radius:0!important;margin-top:0!important}.player-timer{font-size:.9rem!important;margin-left:auto!important;position:static!important;top:auto!important}}@media (max-width:600px){.player-info,.player-info.bottom{border-radius:0!important;margin:0!important;max-width:100vw!important;width:100vw!important}.player-info.bottom{margin-top:0!important}.game-board-area{border:none!important;border-radius:0!important;gap:0!important;margin:0!important;max-width:100vw!important;padding:0!important;width:100vw!important}.board,.board-with-labels{border:none!important}.board-with-labels{border-radius:0!important;max-width:100vw!important;width:100vw!important}}@media (max-width:480px){.game-board-area{margin:-40px 0 0!important;max-width:100vw!important;padding:60px 0 0!important;width:100vw!important;z-index:10!important}}@media (max-height:600px) and (max-width:600px),(max-width:400px){.game-board-area{margin:-40px 0 0!important;max-width:100vw!important;padding:60px 0 0!important;width:100vw!important;z-index:10!important}}@media (max-height:500px) and (max-width:600px){.game-board-area{margin:-40px 0 0!important;max-width:100vw!important;padding:60px 0 0!important;width:100vw!important;z-index:10!important}}@media (max-width:600px){#mobile-button-container{display:block;margin-top:0!important;position:relative!important;width:100vw}}@media (max-width:600px) and (orientation:landscape){body,html{height:100vh!important;overflow:hidden!important;position:fixed!important;width:100vw!important}body:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;color:#fff;content:"📱 Please rotate your device to portrait mode to play MigoYugo";display:flex;font-size:1.5rem;font-weight:600;height:100vh;justify-content:center;left:0;line-height:1.6;padding:40px;position:fixed;text-align:center;top:0;width:100vw;z-index:99999}*{display:none!important}body:before{display:flex!important}}@media (max-width:600px){@supports (aspect-ratio:1){@media (min-aspect-ratio:1/1){body,html{overflow:hidden!important}body,body:before,html{height:100vh!important;position:fixed!important;width:100vw!important}body:before{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;box-sizing:border-box!important;color:#fff!important;content:"📱 Please rotate your device to portrait mode to play MigoYugo";display:flex!important;font-size:1.5rem!important;font-weight:600!important;justify-content:center!important;left:0!important;line-height:1.6!important;padding:40px!important;text-align:center!important;top:0!important;z-index:99999!important}:not(body:before){display:none!important;visibility:hidden!important}}}}@media (max-width:600px){.cell:hover,.tutorial-demo-cell:hover{background-color:#d3eaff!important;background-color:var(--board-color)!important}#mobile-review-bar{flex-direction:column!important;padding:8px 0 6px!important}#mobile-review-bar .review-buttons{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:center!important;margin-bottom:4px}#mobile-review-bar .move-counter{flex-shrink:1!important;margin:0!important}#review-section{margin:10px auto;max-width:calc(100% - 8px);padding:6px 4px;width:calc(100% - 8px)}.review-controls{flex-wrap:nowrap;gap:2px;padding:2px;width:100%}.review-controls .btn{align-items:center;border-radius:2px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:14px;height:32px;justify-content:center;max-width:32px;min-width:32px;padding:0}.review-controls #first-move-btn,.review-controls #last-move-btn,.review-controls #next-move-btn,.review-controls #prev-move-btn{border-radius:2px;box-shadow:0 2px 4px #0000001a;font-size:16px;height:32px;max-width:32px;min-width:32px;padding:0}.move-counter{flex-shrink:1;font-size:.85rem;min-width:60px;padding:0 4px}#review-section>div:last-child{margin-top:6px;text-align:center}#review-section .btn{font-size:13px!important;padding:6px 14px!important;white-space:nowrap}}@media (max-width:400px){#review-section{margin:8px auto;padding:4px 2px;width:calc(100% - 4px)}.review-controls{gap:1px}.review-controls .btn{align-items:center;border-radius:2px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:12px;height:28px;justify-content:center;max-width:28px;min-width:28px;padding:0}.review-controls #first-move-btn,.review-controls #last-move-btn,.review-controls #next-move-btn,.review-controls #prev-move-btn{border-radius:2px;box-shadow:0 2px 4px #0000001a;font-size:14px;height:28px;max-width:28px;min-width:28px;padding:0}.move-counter{font-size:.75rem;min-width:50px;padding:0 2px}#review-section .btn{font-size:12px!important;padding:5px 10px!important}}@media (min-width:601px) and (max-width:1024px){#review-section{margin:10px auto;max-width:100%;width:calc(100% - 20px)}.review-controls{gap:3px;width:100%}.review-controls .btn{align-items:center;border-radius:2px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:11px!important;height:24px!important;justify-content:center;max-width:24px!important;min-width:24px!important;padding:0}.review-controls #first-move-btn,.review-controls #last-move-btn,.review-controls #next-move-btn,.review-controls #prev-move-btn{font-size:12px!important;height:24px!important;max-width:24px!important;min-width:24px!important}.move-counter{font-size:.8rem;min-width:70px}}@media (min-width:601px) and (max-width:768px){.game-log{max-width:100%!important;width:100%!important}#review-section{margin:10px auto;width:calc(100% - 12px)}}@media (min-width:769px) and (max-width:820px){#review-section{margin:10px auto;width:calc(100% - 16px)}}@media (min-width:769px) and (max-width:820px) and (orientation:portrait),(width:820px) and (height:1180px){.mobile-menu-toggle{display:flex!important}.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:280px}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#00000080;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:3999}.sidebar-overlay.active{display:block}.main-content{margin-left:0!important}#review-section{margin:10px auto;width:calc(100% - 16px)}.game-container{margin-left:0!important}.game-page header>div[style*="position: fixed"][style*="left: 210px"]{display:block!important;left:10px!important;position:fixed!important;top:calc(env(safe-area-inset-top) + .3em)!important;z-index:1001!important}.game-page header>div[style*="position: fixed"][style*="left: 210px"] button{border-radius:4px!important;font-size:11px!important;opacity:.7!important;padding:4px 8px!important}.landing-page header>div[style*="position: fixed"][style*="left: 210px"]{display:none!important}.game-container{align-items:flex-start!important;justify-content:center;padding-top:0!important}.game-board-area,.game-container{display:flex;margin-top:0!important}.game-board-area{align-items:center;flex-direction:column;justify-content:flex-start!important}.game-controls-area{margin-top:0!important}header{padding:calc(env(safe-area-inset-top) + .2em) 0 .2em!important}h1,header{margin-bottom:2px!important}body:not(.landing-page){padding-top:calc(env(safe-area-inset-top) + 5px)!important}}@media (min-width:768px) and (max-width:768px) and (orientation:portrait),(width:768px) and (height:1024px){:root{--cell-size:58px}body:not(.landing-page){height:100vh;overflow:hidden;padding:6px}header{padding:calc(env(safe-area-inset-top) + .25em) 0 .25em}h1,header{margin-bottom:4px}h1{font-size:1.8rem}.game-page header>div[style*="position: fixed"][style*="left: 210px"]{display:block!important;left:10px!important;position:fixed!important;top:calc(env(safe-area-inset-top) + .3em)!important;z-index:1001!important}.game-page header>div[style*="position: fixed"][style*="left: 210px"] button{border-radius:4px!important;font-size:11px!important;opacity:.7!important;padding:4px 8px!important}.landing-page header>div[style*="position: fixed"][style*="left: 210px"]{display:none!important}.game-container{align-items:flex-start;display:flex;flex-direction:row;gap:10px;height:calc(100vh - 70px);justify-content:center;margin-top:0;max-width:100%}.game-board-area{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:0}.board{height:640px;height:var(--board-size);width:640px;width:var(--board-size)}.player-info,.player-info.bottom{height:34px;max-height:34px;min-height:34px;width:640px;width:var(--board-size)}.game-controls-area{display:flex;flex-direction:column;height:644px;height:calc(var(--board-size) + 4px);margin-top:-2px;max-height:644px;max-height:calc(var(--board-size) + 4px);max-width:200px;min-height:644px;min-height:calc(var(--board-size) + 4px);min-width:200px;overflow:hidden;width:200px}#ingame-controls,#pregame-controls{flex-shrink:0;height:auto;max-height:120px;min-height:100px;padding:8px}.player-buttons{gap:1px}.player-buttons .btn{font-size:.75rem;max-width:30%;padding:2px 4px}.player-buttons .btn:last-child{transform:translateX(-95px)}.player-buttons .btn:first-child{transform:translateX(15px)}#game-log-container{display:flex;flex:1 1;flex-direction:column;margin:15px 0 0;min-height:0;overflow:hidden;padding:0 8px;position:relative}.game-log{font-size:.9rem;height:368px;margin:0;max-height:368px;max-width:100%;min-height:368px;overflow-y:auto;width:100%}#review-section{flex-shrink:0;margin:8px auto 0;max-width:100%;padding:4px;width:100%}.review-controls{flex-wrap:nowrap;gap:2px;padding:2px}.review-controls .btn{font-size:12px;height:26px;min-width:26px;width:26px}.move-counter{font-size:.7rem;height:26px;min-width:55px;padding:0 4px}.utility-buttons-container{max-height:50px;min-height:50px;padding:4px 6px 4px 1px}.utility-buttons{flex-shrink:0;justify-content:space-between;margin:0;max-width:100%;width:100%}.utility-buttons .btn{align-items:center;display:flex;flex:1 1;font-size:.58rem;height:26px;justify-content:center;line-height:1.1;margin:0;max-height:26px;max-width:65px;min-height:26px;min-width:45px;padding:2px 3px;transform:scaleX(.85);white-space:nowrap}.utility-buttons .btn:last-child{transform:scaleX(.85) translateX(-70%)}.utility-buttons .btn:nth-child(2){transform:scaleX(.85) translateX(-35%)}.timer-settings{margin:8px 0}.timer-row{gap:6px}.option-cell label{font-size:.8rem}.control-select{font-size:.85rem;padding:4px}.notification,.tutorial-popup{max-height:85vh;max-width:90vw}#tutorial-popup #tutorial-content{max-height:calc(85vh - 100px);overflow-y:auto}#mobile-action-bar,#mobile-utility-bar{display:none!important}.btn{min-height:32px}.btn,.cell{touch-action:manipulation}}@media (min-width:821px) and (max-width:1024px){#review-section{margin:10px auto;width:calc(100% - 16px)}}@media (min-width:1024px) and (max-width:1024px) and (orientation:portrait),(width:1024px) and (height:1366px){.mobile-menu-toggle{display:flex!important}.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:280px}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#00000080;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:3999}.sidebar-overlay.active{display:block}.main-content{margin-left:0!important}.game-page header>div[style*="position: fixed"][style*="left: 210px"]{display:block!important;left:10px!important;position:fixed!important;top:calc(env(safe-area-inset-top) + .3em)!important;z-index:1001!important}.game-page header>div[style*="position: fixed"][style*="left: 210px"] button{border-radius:4px!important;font-size:11px!important;opacity:.7!important;padding:4px 8px!important}.landing-page header>div[style*="position: fixed"][style*="left: 210px"]{display:none!important}.game-container{margin-left:0!important;max-width:100%!important;transform:translateX(10%)!important}#review-section{margin:10px auto;width:calc(100% - 16px)}}.game-log::-webkit-scrollbar{width:8px}.game-log::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:4px}@media (min-width:1000px) and (max-width:1280px){:root{--cell-size:max(50px,min(7vh,calc(12.5vw - 50px)))}body:not(.landing-page){height:100vh;overflow:hidden;padding:6px}header{padding:calc(env(safe-area-inset-top) + .2em) 0 .2em}h1,header{margin-bottom:3px}h1{font-size:clamp(1.6rem,2.5vw,1.9rem)}.game-container{align-items:stretch;gap:12px;height:calc(100vh - 80px);justify-content:center;margin-top:0;max-width:100%}.game-controls-area{display:flex;flex-direction:column;height:670px!important;height:calc(var(--board-size) + 30px)!important;margin-top:-2px!important;max-height:670px!important;max-height:calc(var(--board-size) + 30px)!important;max-width:240px;min-height:670px!important;min-height:calc(var(--board-size) + 30px)!important;min-width:240px;overflow:hidden;width:240px}#ingame-controls,#pregame-controls{flex-shrink:0;height:auto;max-height:120px;min-height:100px;padding:8px}#game-log-container{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:0 8px;position:relative}.game-log{height:220px;margin:0;max-height:220px;min-height:220px;overflow-y:auto;width:100%}.player-info,.player-info.bottom{height:32px;max-height:32px;min-height:32px}.review-controls{flex-wrap:nowrap;gap:2px;padding:2px}.review-controls .btn{font-size:12px;height:26px;min-width:26px;width:26px}.move-counter{font-size:.7rem;height:26px;min-width:55px;padding:0 3px}#review-section{flex-shrink:0;margin:0 auto;max-width:220px;padding:4px;width:100%}.utility-buttons-container{max-height:65px;min-height:55px;padding:10px}.utility-buttons{flex-shrink:0;justify-content:space-between;margin:0;max-width:100%;width:100%}.utility-buttons .btn{flex:1 1;font-size:.75rem;margin:0;min-width:78px;padding:8px 12px;transform:translateY(5px);white-space:nowrap}#tutorial-content{padding:6px 16px 30px!important}#tutorial-title{margin-bottom:2px!important}#tutorial-message{margin-bottom:4px!important}#tutorial-demo{height:260px!important;margin:2px 0!important}.tutorial-navigation{padding:8px!important}}@media (min-width:1281px) and (max-width:1439px){:root{--cell-size:max(58px,min(8vh,calc(12.5vw - 50px)))}body:not(.landing-page){height:100vh;overflow:hidden;padding:8px}header{padding:calc(env(safe-area-inset-top) + .25em) 0 .25em}h1,header{margin-bottom:4px}h1{font-size:clamp(1.8rem,2.8vw,2rem)}.game-container{align-items:stretch;gap:14px;height:calc(100vh - 90px);justify-content:center;margin-top:0;max-width:100%}.game-controls-area{display:flex;flex-direction:column;height:678px!important;height:calc(var(--board-size) + 38px)!important;margin-top:-4px!important;max-height:678px!important;max-height:calc(var(--board-size) + 38px)!important;max-width:260px;min-height:678px!important;min-height:calc(var(--board-size) + 38px)!important;min-width:260px;overflow:hidden;width:260px}.player-buttons .btn.action-btn{transform:scaleX(.85) translateX(-10px)!important}#ingame-controls,#pregame-controls{flex-shrink:0;height:auto;max-height:130px;min-height:110px;padding:10px}#game-log-container{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:0 10px;position:relative}.game-log{flex:1 1;margin:0;max-height:100%;min-height:200px;overflow-y:auto;width:100%}#game-log-container{margin-top:15px!important}.player-info,.player-info.bottom{height:36px;max-height:36px;min-height:36px}.review-controls{flex-wrap:nowrap;padding:3px}.review-controls .btn{font-size:13px;height:28px;margin:0 -8px;min-width:28px;width:28px}.move-counter{font-size:.75rem;height:28px;min-width:60px;padding:0 4px}#review-section{flex-shrink:0;margin:0 auto;max-width:240px;padding:5px;width:100%}.utility-buttons-container{height:70px;max-height:70px;min-height:60px;padding:14px 14px 14px 1px}.utility-buttons{flex-shrink:0;justify-content:space-between;margin:0;max-width:100%;width:100%}.utility-buttons .btn{flex:1 1;font-size:.78rem;margin:0;min-width:79px;padding:8px 12px;transform:scaleY(.95)!important;white-space:nowrap}.tutorial-popup{height:auto!important;max-height:75vh!important}#tutorial-popup #tutorial-content{max-height:calc(90vh - 100px)!important;overflow-y:auto!important;padding:6px 16px 30px!important}#tutorial-title{margin-bottom:2px!important}#tutorial-message{margin-bottom:4px!important}#tutorial-demo{height:350px!important;margin:2px 0!important}.tutorial-navigation{padding:8px!important}#tutorial-popup[data-tutorial-step="2"] #tutorial-demo{height:320px!important;margin-top:-10px!important}}@media (width:430px) and (height:932px){.game-page header>div[style*="position: fixed"][style*="left: 210px"]{top:2.5em!important}}@media (width:428px) and (height:926px){.game-page header>div[style*="position: fixed"][style*="left: 210px"]{top:2.5em!important}}@media (width:390px) and (height:844px){.game-page header>div[style*="position: fixed"][style*="left: 210px"]{top:2.5em!important}}@media (width:414px) and (height:896px){.game-page header>div[style*="position: fixed"][style*="left: 210px"]{top:2.5em!important}}@media (width:375px) and (height:812px){.game-page header>div[style*="position: fixed"][style*="left: 210px"]{top:2.5em!important}}@media (width:414px) and (height:736px){.game-page header>div[style*="position: fixed"][style*="left: 210px"]{top:2.5em!important}}@media (width:375px) and (height:667px){.game-page header>div[style*="position: fixed"][style*="left: 210px"]{top:3.5em!important}}@media (min-width:1440px) and (max-width:1919px){:root{--cell-size:max(65px,min(9vh,calc(12.5vw - 56.25px)))}body:not(.landing-page){height:100vh;overflow:hidden;padding:10px}header{padding:calc(env(safe-area-inset-top) + .3em) 0 .3em}h1,header{margin-bottom:6px}h1{font-size:clamp(2rem,3.2vw,2.2rem)}.game-container{align-items:stretch;gap:16px;height:calc(100vh - 100px);justify-content:center;margin-top:0;max-width:100%}.game-controls-area{display:flex;flex-direction:column;height:682px!important;height:calc(var(--board-size) + 42px)!important;margin-top:-2px!important;max-height:682px!important;max-height:calc(var(--board-size) + 42px)!important;max-width:280px;min-height:682px!important;min-height:calc(var(--board-size) + 42px)!important;min-width:280px;overflow:hidden;width:280px}#ingame-controls,#pregame-controls{flex-shrink:0;height:auto;max-height:140px;min-height:120px;padding:12px}#game-log-container{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:0 12px;position:relative}.game-log{flex:1 1;height:340px!important;margin:0;max-height:340px!important;min-height:220px;min-height:340px!important;overflow-y:auto;width:100%}.player-info,.player-info.bottom{height:38px;max-height:38px;min-height:38px}.review-controls{flex-wrap:nowrap;padding:4px}.review-controls .btn{font-size:14px;height:26px;margin:0 -8px;min-width:26px;width:26px}.move-counter{font-size:.8rem;height:30px;min-width:65px;padding:0 5px}#review-section{flex-shrink:0;margin:0 auto;max-width:260px;padding:6px;width:100%}.utility-buttons-container{max-height:75px;min-height:65px;padding:14px 14px 14px 1px}.utility-buttons{flex-shrink:0;justify-content:space-between;margin:0;max-width:100%;width:100%}.utility-buttons .btn{flex:0 1;font-size:.85rem;margin:0;min-width:86px;padding:10px 20px}.player-buttons .btn.action-btn:last-child{transform:translateX(2px)!important}.tutorial-popup{height:auto!important;max-height:80vh!important}#tutorial-popup #tutorial-content{max-height:calc(80vh - 100px)!important;overflow-y:auto!important}}@media (min-width:1920px){:root{--cell-size:max(70px,min(10vh,calc(12.5vw - 62.5px)))}body:not(.landing-page){height:100vh;overflow:hidden;padding:12px}header{padding:calc(env(safe-area-inset-top) + .35em) 0 .35em}h1,header{margin-bottom:8px}h1{font-size:clamp(2.1rem,3.5vw,2.35rem)}.game-container{align-items:stretch;gap:20px;height:calc(100vh - 110px);justify-content:center;margin-left:auto;margin-right:auto;margin-top:0;max-width:1600px}.game-controls-area{display:flex;flex-direction:column;height:686px!important;height:calc(var(--board-size) + 46px)!important;margin-top:-2px!important;max-height:686px!important;max-height:calc(var(--board-size) + 46px)!important;max-width:300px;min-height:686px!important;min-height:calc(var(--board-size) + 46px)!important;min-width:300px;overflow:hidden;width:300px}@media (min-width:1920px){.player-buttons .btn.action-btn:last-child{transform:translateX(21px)!important}.player-buttons{gap:0!important}.player-buttons .btn.action-btn:last-child{margin-left:-10px!important}}#ingame-controls,#pregame-controls{flex-shrink:0;height:auto;max-height:150px;min-height:130px;padding:14px}#game-log-container{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:0 14px;position:relative}.game-log{flex:1 1;margin:0;max-height:100%;min-height:240px;overflow-y:auto;width:100%}.player-info,.player-info.bottom{height:40px;max-height:40px;min-height:40px}.review-controls{flex-wrap:nowrap;padding:5px}.review-controls .btn{font-size:14px;height:32px;margin:0 -8px;min-width:32px;width:32px}.move-counter{font-size:.82rem;height:32px;min-width:70px;padding:0 6px}#review-section{flex-shrink:0;margin:0 auto;max-width:280px;padding:7px;width:100%}.utility-buttons-container{max-height:80px;min-height:70px;padding:16px 16px 16px 1px}.utility-buttons{flex-shrink:0;gap:12px;justify-content:space-between;margin:0;max-width:100%;width:100%}.utility-buttons .btn{flex:1 1;font-size:.88rem;margin:0;min-width:85px;padding:11px 18px;white-space:nowrap}}@media (min-width:1000px){#mobile-action-bar,#mobile-review-bar,#mobile-utility-bar,.mobile-controls-button,.mobile-only{display:none!important}.game-controls-area{display:flex!important;display:flex;flex-direction:column}#game-log-container{overflow:hidden}#game-log-container,.controls{display:flex;flex-direction:column}.controls{height:100%}}@media (min-width:1520px) and (max-width:1536px) and (min-height:720px) and (max-height:750px){#tutorial-popup #tutorial-content{max-height:calc(75vh - 100px)!important;overflow-y:hidden!important}#tutorial-title{font-size:1.2rem!important;line-height:1.1!important;margin-bottom:2px!important}#tutorial-message{font-size:.8rem!important;line-height:1.2!important;margin-bottom:2px!important}#tutorial-demo{height:385px!important;margin-bottom:0!important;margin-top:-20px!important}.tutorial-navigation{padding:6px!important}#tutorial-popup[data-tutorial-step="2"] #tutorial-demo{height:580px!important;margin-top:-30px!important}}@media (min-width:1025px){.players-modal{height:700px!important;max-height:700px!important}.players-modal-content{height:calc(100% - 20px)!important;max-height:700px!important}}
/*# sourceMappingURL=main.d2376b4e.css.map*/