body{margin:0;padding:0;overflow:hidden;background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#app{width:100%;height:100vh;position:relative}#gameBG{position:relative;margin:0 auto;overflow:hidden;background:#fff;max-width:500px}.game-layer{position:absolute;bottom:0;left:0;transition-property:transform;transition-timing-function:linear}.cell{position:absolute;border-top:1px solid #b8dfe6;background-repeat:no-repeat;background-position:center;box-sizing:border-box}.bl{border-left:1px solid #b8dfe6}.t1,.t2,.t3,.t4,.t5{background-color:#fff;background-size:auto 100%;background-image:url(../ClickBefore.svg)}.tt1,.tt2,.tt3,.tt4,.tt5{background-size:auto 86%;background-image:url(../ClickAfter.png)}.bad{background-color:#d35b5b;animation:flash .2s 3}@keyframes flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}.flash{animation:flash .2s 3}#timeDisplay{position:absolute;top:1em;left:0;width:100%;text-align:center;color:#e98a83;font-size:3em;font-weight:700;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;pointer-events:none;z-index:10}#welcome{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.welcome-inner{text-align:center;color:#fff}.welcome-title{font-size:2.6em;color:#fef002;font-weight:700;margin-bottom:20px}.welcome-desc{font-size:1.4em;line-height:1.6;margin-bottom:30px}.welcome-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}.wbtn{padding:12px 40px;font-size:1.1em;font-weight:700;border:none;border-radius:8px;cursor:pointer;min-width:160px}.wbtn-primary{background:#0d6efd;color:#fff}.wbtn-primary:hover{background:#0b5ed7}.wbtn-secondary{background:#6c757d;color:#fff}.wbtn-secondary:hover{background:#5c636a}.wbtn-small{padding:6px 20px;font-size:.9em;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}.mode-select{position:relative}.mode-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;overflow:hidden;z-index:10;min-width:160px}.mode-dropdown.open{display:block}.mode-dropdown div{padding:10px 20px;color:#333;cursor:pointer;text-align:center}.mode-dropdown div:hover{background:#e9ecef}.settings-panel{margin-top:20px;text-align:left;max-width:280px;margin-left:auto;margin-right:auto}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.setting-row label{font-size:1em;margin-right:12px}.setting-row input{padding:6px 10px;border-radius:6px;border:1px solid #555;font-size:1em;width:120px;background:#333;color:#fff}#scoreScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#7db5d8f2;display:flex;align-items:center;justify-content:center;z-index:100}.score-inner{text-align:center;color:#251c1c;font-weight:700;font-size:1.4em}.score-text{font-size:1.6em;margin-bottom:20px}.score-row{display:flex;justify-content:space-between;gap:40px;margin-bottom:10px;font-size:1.2em}.score-buttons{margin-top:30px;display:flex;gap:12px;justify-content:center}.drawer{position:fixed;top:0;left:-300px;width:300px;height:100vh;background-color:#fff;box-shadow:2px 0 10px #0000001a;transition:left .3s ease;z-index:1000}.drawer.open{left:0}.drawer-content{padding:20px;overflow-y:auto;height:100%;box-sizing:border-box}.drawer-content h2{margin-top:0;color:#333;text-align:center;border-bottom:1px solid #ddd;padding-bottom:10px}.drawer-toggle{position:absolute;top:50%;right:-30px;width:30px;height:60px;background-color:#fff;border:none;border-radius:0 4px 4px 0;box-shadow:2px 0 5px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;transform:translateY(-50%)}.toggle-icon{font-size:20px;transition:transform .3s ease}.drawer.open .toggle-icon{transform:rotate(180deg)}#leaderboard-list{margin-top:20px}.leaderboard-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.leaderboard-item:nth-child(2n){background-color:#f9f9f9}.leaderboard-rank{font-weight:700;width:30px}.leaderboard-name{flex-grow:1;text-align:left;padding:0 10px}.leaderboard-score{font-weight:700;color:#28d}.loading-text{text-align:center;color:#666}@media (max-width: 480px){.notifier-container{bottom:10px!important;right:10px!important}.notifier-item{font-size:12px!important;padding:6px 12px!important;min-width:120px!important;margin-top:4px!important}}