body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#81c784,#e8f5e8);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;text-align:center;width:100%}.main-content{flex:1 1;padding:20px}.score-header{align-items:center;display:flex;justify-content:space-between;margin:15px 0;padding:0 20px}.score-left,.score-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#222;font-size:18px;font-weight:500;padding:8px 16px}.game-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.game-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;padding:20px}.game-info div{font-size:18px;font-weight:700;margin:10px 0}.game-over{animation:gentleAppear .5s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #fffc;border-radius:20px;box-shadow:0 20px 60px #00000026;color:#333;display:flex;flex-direction:column;gap:2px;left:50%;min-width:240px;padding:20px 25px 15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:auto;z-index:950}.game-over.fade-out{animation:gentleDisappear .3s ease-in forwards}@keyframes gentleAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes gentleDisappear{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.game-over div{color:#555;font-size:20px;font-weight:300;margin-bottom:4px}.game-over-title{color:#d32f2f!important;font-size:20px!important;font-weight:700!important;margin-bottom:2px!important;text-shadow:1px 1px 2px #0000001a}.game-over-score{color:#666!important;font-size:16px!important;font-weight:400!important}.game-over button{background:#2e7d32;border:none;border-radius:25px;box-shadow:0 4px 15px #2e7d324d;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;letter-spacing:.5px;padding:14px 28px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.game-over button:hover{background:#1b5e20;box-shadow:0 6px 20px #2e7d3266;transform:translateY(-2px)}.game-over button:disabled{cursor:not-allowed;opacity:.6}.game-over button[title]:hover:after{background-color:#2d3748;border-radius:4px;color:#fff;content:attr(title);font-size:12px;margin-bottom:5px;padding:5px 10px;white-space:nowrap}.game-over button[title]:hover:after,.game-over button[title]:hover:before{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.game-over button[title]:hover:before{border:5px solid #0000;border-top-color:#2d3748;content:""}.game-board-container{display:inline-block;margin:0;padding:0;position:relative}.game-board{border:3px solid #fff;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;flex-direction:column;margin:0;overflow:hidden;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}.board-cell,.board-row,.game-board{display:flex}.board-cell{align-items:center;background-color:#333;border:1px solid #ffffff1a;box-sizing:border-box;height:50px;justify-content:center;position:relative;width:50px}.tile-image{display:block;height:100%;object-fit:cover;width:100%}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;padding:20px;text-align:left}.controls div{font-size:14px;margin:5px 0}@keyframes simpleFade{0%{opacity:1}to{opacity:0}}.tile-blinking,.tile-image.blinking{animation:simpleFade 1.5s ease-out forwards}@media (max-width:768px){.game-container{align-items:center;box-sizing:border-box;flex-direction:column;padding:0 10px}.board-cell{height:40px;width:40px}}.mobile-controls{display:none;text-align:center}@media (max-width:768px){.mobile-controls{box-sizing:border-box;display:block;max-width:100%;overflow:hidden}.controls{display:none}}.control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 16px 0 #1f26875e;color:#666;cursor:pointer;font-size:18px;font-weight:700;margin:5px;padding:10px 20px;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none}.control-button:active{background:#fff6;box-shadow:0 2px 8px 0 #1f268780;transform:scale(.95)}.control-row{align-items:center;display:flex;justify-content:center;margin:10px 0;max-width:100%;overflow:hidden}.control-button.rotate{background:#ffffff4d;font-size:16px;min-width:80px}.header-controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.header-controls button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.header-controls button:hover{background:#ffffff4d;transform:translateY(-2px)}.header-controls button:disabled{cursor:not-allowed;opacity:.6}.game-over-buttons{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-top:5px;width:100%}.game-over-buttons a,.game-over-buttons button{border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;text-align:center;text-decoration:none;transition:all .3s ease;width:160px}.game-over-buttons button:first-child{background:#2e7d32!important;color:#fff}.game-over-buttons button:first-child:hover{background:#1b5e20!important}.game-over-buttons button:nth-child(2):not(.hide-modal-button){background:#2196f3;color:#fff}.game-over-buttons button:nth-child(2):not(.hide-modal-button):hover{background:#1976d2}.hide-modal-button{background:#757575!important;color:#fff!important;font-size:14px!important;padding:8px 16px!important}.hide-modal-button:hover{background:#616161!important}.twitter-share-button{background:#1da1f2!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:inline-block!important;font-size:14px!important;padding:8px 16px!important;transition:all .3s ease!important}.twitter-share-button,.twitter-share-button:hover{color:#fff!important;text-decoration:none!important}.twitter-share-button:hover{background:#1991da!important;box-shadow:0 4px 12px #1da1f24d;transform:translateY(-2px)}.black-button{background:#333!important;color:#fff!important}.black-button:hover{background:#222!important;box-shadow:0 4px 12px #3333334d;color:#fff!important;transform:translateY(-2px)}.game-over-buttons button:disabled{background:#ccc;cursor:not-allowed}.start-button-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.start-button{background:#2e7d32;border:none;border-radius:25px;box-shadow:0 4px 15px #2e7d324d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:12px 24px;transition:all .3s ease}.start-button:hover{background:#1b5e20;box-shadow:0 6px 20px #2e7d3266;transform:translateY(-2px)}.pause-button-container{bottom:-50px;position:absolute;right:0;z-index:100}.pause-button{align-items:center;background:#ffffffe6;border:2px solid #0000001a;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pause-button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.game-paused{animation:gentleAppear .5s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #fffc;border-radius:20px;box-shadow:0 20px 60px #00000026;color:#333;display:flex;flex-direction:column;gap:6px;left:50%;min-width:240px;padding:20px 25px 15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:auto;z-index:950}.game-paused.fade-out{animation:gentleDisappear .3s ease-in forwards}.game-paused-title{color:#2e7d32;font-size:20px;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 2px #0000001a}.game-paused-buttons{display:flex;justify-content:center;margin-top:10px}.game-paused-buttons button{background:#2e7d32;border:none;border-radius:25px;box-shadow:0 4px 15px #2e7d324d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.game-paused-buttons button:hover{background:#1b5e20;box-shadow:0 6px 20px #2e7d3266;transform:translateY(-2px)}.username-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #fffc;border-radius:20px;box-shadow:0 20px 60px #00000026;color:#333;left:50%;padding:20px 25px 15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:950}.username-input h3{color:#333;margin-bottom:20px}.username-input input{border:2px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:20px;padding:10px;width:200px}.username-input div{display:flex;gap:10px;justify-content:center}.username-input button{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.rankings{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #fffc;border-radius:15px;box-shadow:0 12px 40px #00000026;margin-top:30px;max-width:500px;padding:25px;width:100%}.rankings h3{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:20px;text-shadow:none}.rankings-list{max-height:500px;overflow-y:auto}.mobile-rankings .rankings-list{max-height:400px}.ranking-entry{grid-gap:5px;align-items:center;background:#f8fafccc;border:1px solid #e2e8f099;border-radius:10px;color:#2d3748;display:grid;gap:5px;grid-template-columns:50px 1fr 100px;margin-bottom:8px;padding:12px 10px}.ranking-entry .rank{color:#d69e2e;font-size:16px;font-weight:700}.ranking-entry .username{color:#2d3748;font-weight:500;text-align:left}.ranking-entry .score{color:#38a169;font-size:16px;font-weight:700;text-align:right}.no-scores{color:#718096;font-style:italic;padding:20px;text-align:center}.loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:200px}.user-info{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;font-size:14px;padding:5px 10px}body,html{max-width:100%;overflow-x:hidden}*,:after,:before,body,html{box-sizing:border-box}.desktop-rankings{display:block;margin-left:30px;margin-top:0}.mobile-rankings{display:none;margin-left:auto;margin-right:auto;margin-top:30px}@media (min-width:769px){.game-container{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:30px;justify-content:center}.desktop-rankings{display:block;flex-shrink:0;margin-top:0}.mobile-rankings{display:none}}@media (max-width:768px){.game-container{align-items:center;box-sizing:border-box;flex-direction:column;padding:0 10px}.desktop-rankings{display:none}.mobile-rankings{display:block}}.user-id-display{background:#0000001a;border-radius:8px;color:#ffffffb3;font-family:monospace;font-size:12px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:300px;padding:10px;text-align:center}@media (max-width:768px){.user-id-display{font-size:11px;margin-top:20px;max-width:250px}}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;position:relative;z-index:1000}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-brand{cursor:pointer;transition:opacity .3s ease}.nav-brand:hover{opacity:.8}.nav-brand h2{color:#2e7d32;font-size:1.5rem;font-weight:700;margin:0;text-shadow:1px 1px 2px #0000001a}.nav-menu{align-items:center;display:flex;gap:10px}.nav-item{background:#0000;border:none;border-radius:25px;color:#2e7d32;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-item:hover{background:#2e7d321a;transform:translateY(-2px)}.nav-item.active{background:#2e7d32;border:none;color:#fff}.nav-item.active:hover{background:#1b5e20}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-between;padding:5px;width:30px;z-index:1001}.hamburger span{background:#2e7d32;border-radius:2px;display:block;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;box-shadow:-5px 0 20px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 70px);position:fixed;right:-100%;top:70px;transition:right .3s ease;width:250px;z-index:999}.mobile-menu.active{right:0}.mobile-nav-item{background:#0000;border:none;border-left:4px solid #0000;color:#2e7d32;cursor:pointer;font-size:16px;font-weight:500;padding:15px 25px;text-align:left;transition:all .3s ease}.mobile-nav-item:hover{background:#2e7d321a;border-left-color:#2e7d32}.mobile-nav-item.active{background:#2e7d3226;border-left-color:#2e7d32;color:#1b5e20;font-weight:600}.mobile-menu-overlay{background:#0000004d;height:calc(100vh - 70px);left:0;position:fixed;top:70px;width:100%;z-index:998}@media (max-width:768px){.nav-container{padding:0 15px}.nav-brand h2{font-size:1.3rem}.nav-menu{display:none}.hamburger{display:flex}}@media (max-width:480px){.nav-container{height:60px}.nav-brand h2{font-size:1.2rem}.mobile-menu{right:-100%;width:100%}.mobile-menu,.mobile-menu-overlay{height:calc(100vh - 60px);top:60px}}@media (prefers-reduced-motion:reduce){.hamburger span,.mobile-menu,.mobile-nav-item,.nav-item{transition:none}}.page-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;color:#333;line-height:1.6;margin:0 auto;max-width:800px;padding:20px}.page-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;text-align:center}.last-updated{color:#666;font-style:italic;margin:0}.policy-content,.rules-content,.terms-content{text-align:left}.policy-content section,.rules-content section,.terms-content section{margin-bottom:30px}.policy-content h2,.rules-content h2,.terms-content h2{border-bottom:none;color:#333;font-size:1.3rem;font-weight:500;margin-bottom:15px;padding-bottom:0}.policy-content h3,.rules-content h3,.terms-content h3{color:#2e7d32;font-size:1.2rem;font-weight:500;margin-bottom:10px;margin-top:15px}.policy-content p,.rules-content p,.terms-content p{margin-bottom:12px;text-align:justify}.policy-content ul,.rules-content ul,.terms-content ul{margin-bottom:15px;padding-left:25px}.policy-content li,.rules-content li,.terms-content li{margin-bottom:8px}.policy-item,.rule-item,.terms-item{background:#4caf500d;border-radius:8px;margin-bottom:15px;padding:15px}.policy-item h3,.rule-item h3,.terms-item h3{color:#1b5e20;margin-top:0}strong{color:#1b5e20;font-weight:600}@media (max-width:768px){.page-content{border-radius:10px;margin:10px;padding:15px}.page-header h1{font-size:2rem}.policy-content h2,.rules-content h2,.terms-content h2{font-size:1.3rem}.policy-content h3,.rules-content h3,.terms-content h3{font-size:1.1rem}.policy-item,.rule-item,.terms-item{padding:12px}.policy-content ul,.rules-content ul,.terms-content ul{padding-left:20px}}@media print{.page-content{background:#fff;box-shadow:none;color:#000}.page-header h1,.policy-content h2,.policy-content h3,.rules-content h2,.rules-content h3,.terms-content h2,.terms-content h3{color:#000}.policy-item,.rule-item,.terms-item{background:#f5f5f5;border-left:2px solid #666}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #fff3;box-shadow:0 -2px 20px #0000001a;margin-top:auto;padding:40px 0}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.footer-text{color:#666;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.footer{padding:30px 0}.footer-container{padding:0 15px}.footer-text{font-size:13px}}
/*# sourceMappingURL=main.879ae6be.css.map*/