body,html{-webkit-overflow-scrolling:touch;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#4b79a1,#283e51);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body{min-height:100vh;overflow-y:auto;position:relative}#root{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{color:#fff;flex-direction:column;min-height:100vh;text-align:center}.App,.game-container{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden;overflow-y:auto}.game-container{align-items:flex-start;flex:1 1;gap:1rem;justify-content:center;margin:0 auto;max-width:1400px;padding:2.5rem 1rem}@media (min-width:1600px){.game-container{gap:2rem;max-width:1600px}.left-panel{margin-right:3rem}.right-panel{margin-left:3rem}}@media (max-width:1200px){.game-container{gap:.75rem;max-width:100%;padding:1.5rem .5rem}.left-panel{margin-right:1rem}.right-panel{margin-left:1rem}}@media (max-width:1024px){.game-container{align-items:center;flex-direction:column;gap:1rem;padding:1rem .5rem}}@media (max-width:768px){.game-container{gap:.75rem;padding:.5rem}}@media (max-width:480px){.game-container{gap:.5rem;padding:.25rem}}.left-panel{margin-right:2rem;min-width:250px}.left-panel,.right-panel{display:flex;flex-direction:column;flex-shrink:0;gap:2rem}.right-panel{align-self:start;margin-left:2rem;min-width:300px}@media (max-width:1024px){.left-panel,.right-panel{flex-shrink:1;margin:0;max-width:min(500px,90vw);min-width:0;min-width:auto;width:100%}}@media (max-width:768px){.left-panel,.right-panel{gap:1rem;max-width:95vw}.controls{padding:1rem}.controls div{font-size:.8rem}}@media (max-width:480px){.left-panel,.right-panel{gap:.75rem;max-width:100%}.controls{padding:.75rem}.controls div{font-size:.75rem}}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:1.625rem}.controls h3{color:#fff;margin-bottom:1rem;margin-top:0}.controls div{color:#e0e0e0;font-size:.9rem;margin:.53rem 0}.game-area{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-rows:auto auto;justify-self:center;margin:0 2rem;max-width:600px;padding-bottom:2rem;width:100%}@media (max-width:1024px){.game-area{margin:0;max-width:min(600px,95vw);padding-bottom:1rem}}@media (max-width:768px){.game-area{gap:.75rem;max-width:100%;padding-bottom:.75rem}}@media (max-width:480px){.game-area{gap:.5rem;padding-bottom:.5rem}}.game-board-container{height:100%;position:relative}.game-board-container,.game-overlay{align-items:center;display:flex;justify-content:center}.game-overlay{background:#000c;border-radius:10px;bottom:0;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:10}.game-overlay h2{color:#fff;font-size:2.5rem;margin-bottom:2rem}.game-overlay button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:transform .2s}.game-overlay button:hover{transform:scale(1.05)}.game-overlay button:active{transform:scale(.95)}.style-toggle{border-top:1px solid #ffffff1a;margin-top:1.57rem;padding-top:1rem}.style-toggle h3{color:#fff;font-size:1rem;margin-bottom:1rem}.style-radio{align-items:center;cursor:pointer;display:flex;margin:.8rem 0;-webkit-user-select:none;user-select:none}.style-radio input[type=radio]{cursor:pointer;height:1.2rem;margin-right:.8rem;position:relative;width:1.2rem}.style-radio input[type=radio]:checked:after{background:gold;border-radius:50%;content:"";height:.6rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.6rem}.radio-label{color:#e0e0e0;font-size:.9rem;transition:color .2s ease}.style-radio:hover .radio-label{color:#fff}.style-radio input[type=radio]:checked+.radio-label{color:gold;text-shadow:0 0 8px #ffd70066}.mobile-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;justify-self:center;max-width:400px;padding:1rem;text-align:center;width:100%}.mobile-buttons h3{color:#fff;font-size:1rem;font-weight:500;margin:0 0 .8rem}.game-board{display:flex;height:100%;justify-content:center;touch-action:none;width:100%}.board-grid{--cell-size:min(35px,calc(10vw - 8px),calc(5vh - 10px));grid-gap:1px;background:#283e51cc;border:3px solid #4b79a180;border-radius:10px;box-shadow:0 0 20px #4b79a14d;box-sizing:border-box;display:grid;gap:1px;grid-template-columns:repeat(10,var(--cell-size));grid-template-rows:repeat(20,var(--cell-size));margin:0 auto;max-height:min(90vh,800px);max-width:100%;padding:10px}@media (max-width:1024px){.board-grid{--cell-size:min(32px,calc(10vw - 6px),calc(5vh - 9px));border-width:2px;padding:8px}}@media (max-width:768px){.board-grid{--cell-size:min(28px,calc(10vw - 4px),calc(5vh - 8px));gap:.5px;padding:6px}}@media (max-width:480px){.board-grid{--cell-size:min(25px,calc(10vw - 2px),calc(5vh - 7px));border-radius:8px;padding:5px}}@media (max-width:360px){.board-grid{--cell-size:min(22px,calc(10vw - 1.6px),calc(5vh - 6px));padding:4px}}.board-cell{align-items:center;display:flex;height:var(--cell-size);justify-content:center;margin:0;position:relative;touch-action:none;transition:all .1s ease;width:var(--cell-size)}@keyframes flash-capture{0%,to{opacity:1}50%{opacity:.2}}.board-cell.to-be-captured{animation:flash-capture .6s ease-in-out infinite}.go-style .board-cell{border-radius:50%}.go-style .empty-cell{background:radial-gradient(circle at center,#4b79a166,#283e5133);border:1px solid #4b79a133;border-radius:50%;height:calc(var(--cell-size) - 2px);margin:0;width:calc(var(--cell-size) - 2px)}.block-style .board-cell{border-radius:3px}.block-style .empty-cell{background:#283e5166;border:1px solid #4b79a14d;height:calc(var(--cell-size) - 4px);margin:1px;width:calc(var(--cell-size) - 4px)}.cell-content{font-size:16px;font-weight:700;text-shadow:1px 1px 2px #00000080}.black-cell .cell-content{color:#fff}.white-cell .cell-content{color:#333}.score-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 8px 32px #1f26875e;box-sizing:border-box;min-width:200px;padding:1.2rem;width:100%}@media (max-width:768px){.score-board{min-width:0;min-width:auto;padding:1rem}}@media (max-width:480px){.score-board{padding:.75rem}}.score-board h2{color:gold;font-family:Arial,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin:0 0 1rem;text-align:center;text-shadow:2px 2px 4px #00000080}.score-section{margin-bottom:1rem}.score-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.4rem}.score-label{color:#e0e0e0;font-weight:600}.score-value{color:#fff;font-size:1.2rem;min-width:120px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.score-value{font-size:1.1rem;min-width:100px}}@media (max-width:480px){.score-value{font-size:1rem;min-width:80px}}.max-level{animation:glow 2s ease-in-out infinite alternate;color:gold;font-size:.8rem;margin-left:.5rem;text-shadow:0 0 8px gold}@keyframes glow{0%{text-shadow:0 0 5px gold,0 0 10px gold}to{text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold}}.status-section{margin-bottom:1rem;text-align:center}.status{border-radius:6px;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.5rem}.playing{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.paused{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.game-over{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.rules-section{border-top:1px solid #fff3;padding-top:.8rem}.rules-section h4{color:#fff;margin:0 0 .5rem;text-align:center}.rule-item{align-items:center;color:#e0e0e0;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.8rem}.rule-symbol{font-size:1.2rem;font-weight:700}.black-symbol{color:#333;text-shadow:0 0 3px #fff}.white-symbol{color:#fff;text-shadow:0 0 3px #000}.rule-text{color:#ccc;font-size:.8rem;margin-bottom:.3rem;margin-left:1.8rem;position:relative;text-align:left}.rule-text:before{color:gold;content:"•";left:-1rem;position:absolute}.leaderboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #4b79a180;border-radius:10px;box-shadow:0 8px 32px #1f26875e;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100% - 5px);min-width:300px;overflow-y:auto;padding:1.5rem;width:100%}@media (max-width:1024px){.leaderboard{height:auto;max-height:400px;min-width:0;min-width:auto}}@media (max-width:768px){.leaderboard{border-width:2px;max-height:350px;padding:1rem}}@media (max-width:480px){.leaderboard{max-height:300px;padding:.75rem}}.leaderboard h3{color:#fff;font-size:1.2rem;margin:0 0 1rem;text-align:center}.leaderboard-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto}.leaderboard-entry{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;padding:.6rem;transition:all .2s ease}.leaderboard-entry:hover{background:#ffffff1a;transform:translateX(2px)}.leaderboard-entry.current-score{background:linear-gradient(135deg,gold,orange);box-shadow:0 0 15px #ffd70080;color:#000;font-weight:700}.rank{color:gold;font-size:.9rem;font-weight:700;min-width:2rem}.current-score .rank{color:#8b4513}.player-info{flex:1 1;margin-left:.75rem;min-width:0;overflow:hidden}.player-name{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-score .player-name{color:#000}.player-details{color:#ccc;font-size:.75rem}.current-score .player-details{color:#333}.player-score{color:#fff;font-size:.9rem;font-weight:700;margin-left:.5rem;min-width:100px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.player-score{font-size:.85rem;min-width:80px}}@media (max-width:480px){.player-score{font-size:.8rem;min-width:70px}}.current-score .player-score{color:#000}.leaderboard::-webkit-scrollbar{width:4px}.leaderboard::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.leaderboard::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.leaderboard::-webkit-scrollbar-thumb:hover{background:#ffffff80}.high-score-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.high-score-modal{animation:scaleIn .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffff26,#ffffff1a);border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #00000080;box-sizing:border-box;max-height:90vh;max-width:90vw;min-width:400px;overflow-y:auto;padding:2rem;text-align:center}@media (max-width:768px){.high-score-modal{border-radius:15px;min-width:0;min-width:auto;padding:1.5rem;width:90vw}}@media (max-width:480px){.high-score-modal{border-radius:12px;padding:1rem;width:95vw}}.celebration{animation:bounce 1s infinite;font-size:3rem;margin-bottom:1rem}.high-score-modal h2{color:gold;font-size:2rem;margin:0 0 1.5rem;text-shadow:0 0 10px #ffd70080}@media (max-width:768px){.high-score-modal h2{font-size:1.75rem;margin-bottom:1.25rem}}@media (max-width:480px){.high-score-modal h2{font-size:1.5rem;margin-bottom:1rem}}.score-details{background:#0000004d;border-radius:10px;margin-bottom:2rem;padding:1rem}.score-line{align-items:center;color:#fff;display:flex;font-size:1.1rem;justify-content:space-between;margin:.5rem 0}.score-value{color:#4caf50;font-size:1.3rem;font-weight:700}.level-value{color:#2196f3;font-weight:700}.rank-value{color:gold;font-weight:700;text-shadow:0 0 5px #ffd70080}.name-form{display:flex;flex-direction:column;gap:1rem}.name-form label{color:#fff;font-size:1.1rem;font-weight:600}.name-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;font-size:1.1rem;outline:none;padding:1rem;text-align:center;transition:all .3s ease}.name-input:focus{border-color:gold;box-shadow:0 0 10px #ffd7004d}.name-input::placeholder{color:#fff9}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:480px){.button-group{flex-direction:column;gap:.75rem}}.submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.skip-btn{background:linear-gradient(135deg,#666,#555);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:all .3s ease}.skip-btn:hover{box-shadow:0 5px 15px #6666;transform:translateY(-2px)}.skip-btn:active{transform:translateY(0)}.hint{color:#ffffffb3;font-size:.85rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.share-container{margin-top:1rem;text-align:center}.share-container p{color:#fff;font-size:.9rem;margin-bottom:.5rem}.share-buttons{gap:.5rem}.share-button,.share-buttons{display:flex;justify-content:center}.share-button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:36px;transition:all .2s ease;width:36px}.share-button.twitter{background:#000;font-size:1.2rem}.share-button.facebook{background:#1877f2;font-family:Helvetica,sans-serif;font-size:1.4rem}.share-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.share-button:active{box-shadow:0 2px 6px #0000004d;transform:translateY(0)}.store-buttons{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.store-button{display:block;transition:transform .2s ease}.store-button:hover{transform:translateY(-2px)}.store-button img{height:40px;width:auto}.play-store img{height:58px}.mobile-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:none;flex-direction:column;gap:1rem;margin:1rem auto;max-width:300px;padding:1rem;width:100%}.mobile-controls-row{display:flex;gap:1rem;justify-content:center}.control-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;transition:all .2s ease;width:60px}.control-button:active{background:#ffffff4d;transform:scale(.95)}.rotate-button{font-size:32px;height:80px;width:80px}@media (max-width:1024px) and (hover:none) and (pointer:coarse){.mobile-controls{display:flex}}@media (max-width:768px){.mobile-controls{display:flex}}@media (max-width:480px){.mobile-controls{max-width:280px;padding:.75rem}.control-button{font-size:20px;height:50px;width:50px}.rotate-button{font-size:28px;height:70px;width:70px}}.floating-points-container{bottom:10%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.floating-points{animation:floatUp 2s ease-out forwards;color:#4caf50;font-size:24px;font-weight:700;position:absolute;text-shadow:2px 2px 4px #000c;white-space:nowrap}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}20%{transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-80px) scale(.8)}}.floating-points[data-points^="1"]{color:#4caf50}.floating-points[data-points^="2"],.floating-points[data-points^="3"]{color:#ff9800}.floating-points[data-points^="4"],.floating-points[data-points^="5"],.floating-points[data-points^="6"],.floating-points[data-points^="7"],.floating-points[data-points^="8"],.floating-points[data-points^="9"]{color:#f44336}.floating-points[data-points*="000"]{color:#9c27b0;font-size:28px}@media (max-width:768px){.floating-points{font-size:20px}.floating-points[data-points*="000"]{font-size:24px}}@media (max-width:480px){.floating-points{font-size:18px}.floating-points[data-points*="000"]{font-size:22px}}.next-piece-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;margin-bottom:20px;min-width:120px;padding:15px}.next-piece-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 10px;text-align:center;text-shadow:1px 1px 2px #000c}.next-piece-grid{align-items:center;flex-direction:column}.next-piece-grid,.next-piece-row{display:flex;gap:2px}.preview-cell{align-items:center;display:flex;height:20px;justify-content:center;margin:0;position:relative;transition:all .1s ease;width:20px}.invisible-cell{background:#0000!important;border:none!important;box-shadow:none!important}.go-style .preview-cell{border-radius:50%}.go-style .black-cell{background:radial-gradient(circle at 30% 30%,#444,#000);border:2px solid #555;box-shadow:inset 0 0 10px #fff3,0 2px 4px #0000004d}.go-style .white-cell{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);border:2px solid #ddd;box-shadow:inset 0 0 10px #fffc,0 2px 4px #0003}.block-style .preview-cell{border-radius:3px}.block-style .black-cell{background:linear-gradient(145deg,#2c2c2c,#0a0a0a);border:1px solid #555;box-shadow:inset 0 0 5px #ffffff1a}.block-style .white-cell{background:linear-gradient(145deg,#fff,#e0e0e0);border:1px solid #ccc;box-shadow:inset 0 0 5px #0000001a}@media (max-width:1024px){.next-piece-container{min-width:100px;padding:12px}.preview-cell{height:18px;width:18px}.next-piece-title{font-size:14px}}@media (max-width:768px){.next-piece-container{min-width:90px;padding:10px}.preview-cell{height:16px;width:16px}.next-piece-title{font-size:13px}}@media (max-width:480px){.next-piece-container{margin-bottom:15px;min-width:80px;padding:8px}.preview-cell{height:14px;width:14px}.next-piece-title{font-size:12px}}.support-button-container{margin:20px 0;width:100%}.support-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b354d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;min-height:48px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s ease}.support-button:hover{background:linear-gradient(135deg,#ff7849,#ffa02e);box-shadow:0 6px 20px #ff6b3566,inset 0 1px 0 #fff3;transform:translateY(-2px)}.support-button:active{box-shadow:0 2px 10px #ff6b354d,inset 0 1px 0 #fff3;transform:translateY(0)}.coffee-emoji{animation:bounce 2s infinite;font-size:20px}.heart-emoji{animation:pulse 1.5s infinite;font-size:16px}.support-text{align-items:center;display:flex;flex-direction:column;line-height:1.2}.main-text{font-size:13px;font-weight:700}.main-text,.sub-text{text-shadow:1px 1px 2px #0003}.sub-text{font-size:12px;font-weight:400;opacity:.95}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:1024px){.support-button{font-size:13px;min-height:44px;padding:10px 14px}.coffee-emoji{font-size:18px}.heart-emoji{font-size:14px}.main-text{font-size:12px}.sub-text{font-size:11px}}@media (max-width:768px){.support-button-container{margin:15px 0}.support-button{font-size:12px;gap:8px;min-height:40px;padding:8px 12px}.coffee-emoji{font-size:16px}.heart-emoji{font-size:13px}.main-text{font-size:11px}.sub-text{font-size:10px}}@media (max-width:480px){.support-button{font-size:11px;gap:6px;min-height:36px;padding:6px 10px}.coffee-emoji{font-size:14px}.heart-emoji{font-size:12px}.main-text{font-size:10px}.sub-text{font-size:9px}}
/*# sourceMappingURL=main.6cc449f5.css.map*/