body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#2f1b14!important;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,#3D2318 60px,#3D2318 65px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(47,27,20,.9) 3px,rgba(47,27,20,.9) 6px),repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(61,35,24,.5) 6px,rgba(61,35,24,.5) 12px),repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 65px)!important;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;-webkit-tap-highlight-color:transparent;position:relative}html{background-color:#2f1b14!important;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,#3D2318 60px,#3D2318 65px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(47,27,20,.9) 3px,rgba(47,27,20,.9) 6px),repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(61,35,24,.5) 6px,rgba(61,35,24,.5) 12px),repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 65px)!important;background-position:0 0!important;background-size:100% 100%!important;min-height:100vh}#mainMenu,.main-menu{position:relative;overflow:hidden;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:80px;background-color:#2f1b14!important;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,#3D2318 60px,#3D2318 65px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(47,27,20,.9) 3px,rgba(47,27,20,.9) 6px),repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(61,35,24,.5) 6px,rgba(61,35,24,.5) 12px),repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 65px)!important;background-position:0 0!important;background-size:100% 100%!important;box-shadow:inset 0 0 50px #0000004d,inset 0 0 100px #ffffff05}.game-title{color:wheat;font-size:48px;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700;font-family:Arial,sans-serif}.subtitle{color:wheat;font-size:20px;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.menu-buttons{display:flex;flex-direction:column;gap:20px;align-items:center}.menu-button{padding:20px 40px;background:linear-gradient(145deg,#deb887,tan);color:#8b4513;border:2px solid #A0522D;border-radius:15px;cursor:pointer;font-size:24px;font-weight:700;transition:all .3s ease;box-shadow:0 8px 16px #0000004d,inset 0 1px #ffffff4d;text-shadow:1px 1px 2px rgba(255,255,255,.5);min-width:250px}.menu-button:hover{background:linear-gradient(145deg,tan,#deb887);transform:translateY(-3px);box-shadow:0 12px 24px #0006,inset 0 1px #ffffff4d}.menu-button:active{transform:translateY(-1px);box-shadow:0 6px 12px #0000004d,inset 0 1px #ffffff4d}.back-to-menu{background:linear-gradient(145deg,peru,#d2691e)!important;color:wheat!important;border-color:#8b4513!important}.game-container{position:relative;overflow:hidden;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:80px;background-color:#2f1b14!important;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,#3D2318 60px,#3D2318 65px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(47,27,20,.9) 3px,rgba(47,27,20,.9) 6px),repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(61,35,24,.5) 6px,rgba(61,35,24,.5) 12px),repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 65px)!important;box-shadow:inset 0 0 50px #0000004d,inset 0 0 100px #ffffff05}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(245,222,179,.3);width:100%;max-width:600px}.game-header h1{margin:0;color:wheat;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-size:2.5em;font-weight:700}.game-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.game-stats{flex:1}.game-info{margin-bottom:15px;background:transparent;padding:10px;border-radius:8px;border:none}.game-info p{margin:6px 0;color:wheat;font-size:18px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.game-info strong{color:gold;font-weight:700}canvas{border:3px solid #654321;background-color:transparent;background-image:inherit;touch-action:none;margin:10px 0;border-radius:8px;box-shadow:inset 0 2px 4px #0000004d,0 4px 8px #0003;max-width:100%;height:auto}#board-container,#tetris-board-container{display:flex;justify-content:center;align-items:center;overflow:hidden}#board-container canvas,#tetris-board-container canvas{max-width:100%;max-height:100%;width:auto;height:auto}h1{color:wheat;font-size:36px;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700}.button{padding:16px 32px;background:linear-gradient(145deg,#deb887,tan);color:#8b4513;border:2px solid #A0522D;border-radius:8px;cursor:pointer;font-size:20px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 8px #0003,inset 0 1px #ffffff4d;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.button:hover{background:linear-gradient(145deg,tan,#deb887);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d,inset 0 1px #ffffff4d}.button:active{transform:translateY(0);box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d}.game-mode-selector{display:flex;justify-content:center;gap:20px;margin:20px 0;padding:15px;background:linear-gradient(135deg,#8b4513cc,#a0522dcc);border:2px solid #654321;border-radius:15px;box-shadow:inset 0 2px 4px #0000004d,0 4px 8px #0000004d}.auth-section{margin-top:20px;padding:15px;text-align:center}.login-button{background:linear-gradient(135deg,#deb887,tan);color:#8b4513;border:2px solid #A0522D;border-radius:25px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 8px #0003,inset 0 1px #ffffff4d;min-width:140px;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.login-button:hover{background:linear-gradient(135deg,tan,#deb887);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d,inset 0 1px #ffffff4d}.login-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d}.user-profile{display:none;align-items:center;gap:15px;justify-content:center}.username{color:wheat;font-weight:700;font-size:18px}.logout-button{background:linear-gradient(135deg,#deb887,tan);color:#8b4513;border:2px solid #A0522D;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003,inset 0 1px #ffffff4d;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.logout-button:hover{background:linear-gradient(135deg,tan,#deb887);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d,inset 0 1px #ffffff4d}.logout-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d}.leaderboard-btn{background:linear-gradient(135deg,gold,orange);color:#654321;border:2px solid #8B4513;border-radius:25px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d;white-space:nowrap;min-width:140px}.leaderboard-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.leaderboard-btn:active{transform:translateY(0)}.mode-btn{background:linear-gradient(135deg,#654321,#8b4513);color:wheat;border:2px solid #654321;border-radius:25px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d;min-width:140px}.mode-btn:hover{background:linear-gradient(135deg,#8b4513,sienna);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.mode-btn.active{background:linear-gradient(135deg,gold,orange);color:#654321;border-color:gold;box-shadow:0 4px 8px #0000004d,0 0 20px #ffd70066}.mode-btn.active:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 25px #ffd70080}@media (max-width: 768px){.game-mode-selector{flex-direction:column;align-items:center;gap:15px;margin:15px 0;padding:12px}.mode-btn{width:100%;max-width:300px}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal{background:linear-gradient(135deg,#2f1b14,#3d2318,#2f1b14);border:3px solid #654321;border-radius:15px;padding:30px;width:90%;max-width:400px;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;position:relative}.auth-modal-header h2{color:wheat;font-size:28px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.auth-close-btn{position:absolute;top:-15px;right:-15px;background:#654321;border:2px solid #8B4513;color:wheat;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.form-group label{display:block;color:wheat;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.form-group input{width:100%;padding:12px;border:2px solid #654321;border-radius:8px;background:wheat;color:#654321;font-size:16px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}.auth-error{background:#dc3545e6;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700;border:2px solid #DC3545;display:none}.auth-submit-btn{width:100%;background:linear-gradient(135deg,gold,orange);color:#654321;border:2px solid #8B4513;border-radius:25px;padding:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.auth-submit-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px)}.auth-footer{text-align:center;color:wheat}.auth-switch-btn{background:none;border:none;color:gold;text-decoration:underline;cursor:pointer;font-weight:700}.auth-switch-btn:hover{color:orange}.leaderboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.leaderboard-modal{background:linear-gradient(135deg,#2f1b14,#3d2318,#2f1b14);border:3px solid #654321;border-radius:15px;padding:30px;width:95%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;position:relative}.leaderboard-header h2{color:wheat;font-size:32px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.leaderboard-close-btn{position:absolute;top:-15px;right:-15px;background:#654321;border:2px solid #8B4513;color:wheat;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.leaderboard-loading{text-align:center;color:wheat;font-size:18px;padding:40px}.leaderboard-error{background:#dc3545e6;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700;border:2px solid #DC3545}.leaderboard-table{color:wheat}.leaderboard-table p{text-align:center;font-size:18px;margin:20px 0}.leaderboard-table-content{margin-top:20px}.table-header{display:grid;grid-template-columns:80px 1fr 120px 120px 120px;gap:15px;padding:15px;background:#8b45134d;border-radius:10px;margin-bottom:15px;font-weight:700;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.table-body{max-height:400px;overflow-y:auto}.table-row{display:grid;grid-template-columns:80px 1fr 120px 120px 120px;gap:15px;padding:12px 15px;border-bottom:1px solid rgba(139,69,19,.3);transition:background-color .2s ease}.table-row:hover{background:#8b451333}.table-row.top-three{background:#ffd7001a;border-left:4px solid #FFD700}.rank-col,.player-col,.words-col,.moves-col,.games-col{display:flex;align-items:center;justify-content:center;text-align:center}.rank-col{font-weight:700}.rank-icon{font-size:20px}.player-col{justify-content:flex-start;font-weight:700;color:wheat}.words-col,.moves-col,.games-col{font-family:Courier New,monospace;font-weight:700;color:gold}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-modal{background:linear-gradient(135deg,#2f1b14,#3d2318,#2f1b14);border:3px solid #654321;border-radius:15px;padding:40px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;position:relative}.success-icon{font-size:60px;margin-bottom:20px;animation:bounce .6s ease-in-out}.success-modal h2{color:wheat;font-size:28px;font-weight:700;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.success-modal p{color:wheat;font-size:18px;margin:0 0 30px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.success-close-btn{background:linear-gradient(135deg,gold,orange);color:#654321;border:2px solid #8B4513;border-radius:25px;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003,inset 0 1px #ffffff4d}.success-close-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d,inset 0 1px #ffffff4d}.success-close-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width: 480px){.mode-btn{min-width:100px;padding:8px 16px;font-size:13px}}@media (max-width: 600px){.game-container{padding:10px;margin:5px;border-radius:12px}h1{font-size:28px;margin-bottom:8px}.game-info{padding:8px;margin-bottom:10px}.game-info p{font-size:16px;margin:4px 0}.button{font-size:18px;padding:14px 28px;margin-top:5px}canvas{margin:8px 0;border-width:2px}}@media (hover: none) and (pointer: coarse){.button{min-height:44px;padding:12px 24px}canvas{touch-action:manipulation}}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mini-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(12px,2.5vw,16px);border-radius:4px;transition:all .3s ease;font-family:Georgia,serif}.background-tile{background:linear-gradient(135deg,tan,#c4a484);color:#8b4513;opacity:.7;box-shadow:2px 2px 4px #0003,inset 1px 1px #ffffff4d,inset -1px -1px #8b451333;border:1px solid #A0522D}.play-tile{background:linear-gradient(135deg,wheat,#deb887);color:#654321;font-weight:900;box-shadow:3px 3px 6px #0000004d,inset 2px 2px #fff6,inset -1px -1px #8b45134d;border:2px solid #8B4513;border-top:2px solid #F8F0E3;border-left:2px solid #F8F0E3;transform:scale(1.05);z-index:2}.completed-tile{background:linear-gradient(135deg,#90ee90,#32cd32)!important;color:#006400!important;font-weight:900!important;text-shadow:0 2px 4px rgba(255,255,255,.9),0 -1px 2px rgba(0,0,0,.3),1px 1px 2px rgba(0,0,0,.1)!important;box-shadow:0 8px 16px #228b2266,0 4px 8px #0003,inset 0 3px 6px #fff9,inset 0 -3px 6px #00640033,inset 3px 0 6px #ffffff4d,inset -3px 0 6px #00640026,inset 0 0 0 1px #fff3!important;border:1px solid #228B22!important;border-top:3px solid #98FB98!important;border-left:3px solid #98FB98!important;border-right:3px solid #228B22!important;border-bottom:3px solid #228B22!important;cursor:not-allowed!important;pointer-events:none!important}.empty-cell{background:transparent!important;border:2px dashed #F5DEB3!important;opacity:.6!important}@keyframes miniTileSlideHint{0%,70%,to{transform:translate(0)}15%,55%{transform:translate(-8px)}}@keyframes arrowSlideHint{0%,70%,to{opacity:.8;transform:translateY(-50%) translate(0)}15%,55%{opacity:1;transform:translateY(-50%) translate(-25px)}}@keyframes hintBlink{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}@keyframes completionGlow{0%{box-shadow:3px 3px 6px #0000004d,inset 2px 2px #fff6,inset -1px -1px #0064004d}50%{box-shadow:0 0 20px #32cd32cc,3px 3px 6px #0000004d,inset 2px 2px #fff6,inset -1px -1px #0064004d}to{box-shadow:3px 3px 6px #0000004d,inset 2px 2px #fff6,inset -1px -1px #0064004d}}@keyframes fireworksPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.game-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;padding:20px}.game-container,canvas,.button{transition:all .3s ease}.button{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:all .2s ease}.button:hover{background:linear-gradient(135deg,sienna,peru);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.back-to-menu{background:linear-gradient(135deg,#654321,#8b4513)}.back-to-menu:hover{background:linear-gradient(135deg,#8b4513,sienna)}.game-info{background:#8b45131a;border:2px solid #8B4513;border-radius:10px;padding:15px;margin:20px auto;max-width:600px;text-align:center;color:#fff}.game-info p{margin:8px 0;font-size:18px}.game-info span{color:gold;font-weight:700}.game-info strong{color:#90ee90}.game-header{text-align:center;margin-bottom:20px}.game-header h1{color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:10px}@media (max-width: 768px){body{padding:0;margin:0;min-height:100vh;overflow-x:hidden}.game-container{width:100vw;max-width:100vw;padding:10px;margin:0;border-radius:0}.main-menu{width:100vw;max-width:100vw;padding:20px 10px;margin:0}.menu-buttons{flex-direction:column;gap:15px;align-items:center}.menu-button{width:90vw;max-width:300px;min-height:60px;font-size:18px;padding:16px 20px}}@media (max-width: 480px){.game-container{padding:5px}.main-menu{padding:15px 5px}.menu-button{width:95vw;min-height:50px;font-size:16px;padding:14px 16px}h1{font-size:24px;margin:10px 0}.subtitle{font-size:16px;margin:15px 0}canvas{margin:5px 0}}@media (max-height: 500px) and (orientation: landscape){.main-menu{padding:10px}.menu-buttons{flex-direction:row;gap:10px;margin:15px 0}.menu-button{width:auto;min-width:150px;min-height:50px;padding:12px 20px}h1{font-size:24px;margin:10px 0}.subtitle{font-size:14px;margin:10px 0}canvas{margin:5px 0}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.button,.menu-button{border-width:.5px}.game-container{border-width:1px}}@media screen and (-webkit-min-device-pixel-ratio: 0){input,select,textarea{font-size:16px}}@supports (padding: max(0px)){.game-container{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.main-menu{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}}@keyframes tileEntrance{0%{opacity:0;transform:perspective(100px) rotateX(10deg) scale(.8);box-shadow:0 2px 4px #8b45134d}50%{opacity:.8;transform:perspective(100px) rotateX(5deg) scale(1.05);box-shadow:0 4px 8px #8b451380}to{opacity:1;transform:perspective(100px) rotateX(2deg) scale(1);box-shadow:0 6px 12px #8b451399,inset 0 2px #fff6,inset 0 -2px #0000004d,0 2px 4px #0003}}@keyframes completedWordPulse{0%{transform:perspective(100px) rotateX(3deg) scale(1);box-shadow:0 6px 12px #228b2299,inset 0 2px #ffffff80,inset 0 -2px #0000004d,0 2px 4px #0003}50%{transform:perspective(100px) rotateX(4deg) scale(1.05);box-shadow:0 8px 16px #228b22cc,inset 0 3px #fff9,inset 0 -3px #0006,0 4px 8px #0000004d}to{transform:perspective(100px) rotateX(3deg) scale(1);box-shadow:0 6px 12px #228b2299,inset 0 2px #ffffff80,inset 0 -2px #0000004d,0 2px 4px #0003}}@keyframes blockHover{0%{transform:perspective(100px) rotateX(2deg) scale(1)}to{transform:perspective(100px) rotateX(4deg) scale(1.05)}}@keyframes buttonHover{0%{transform:translateY(0) scale(1);box-shadow:0 8px 16px #8b451366,inset 0 2px #ffffff4d,inset 0 -2px #0003}to{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px #8b451399,inset 0 2px #fff6,inset 0 -2px #0000004d}}@keyframes firework{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.8;transform:scale(1.5) translateY(-20px)}to{opacity:0;transform:scale(2) translateY(-40px)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}:root{--tile-size: 40px;--gap-size: 1px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}@media (max-width: 768px){.touch-target{min-width:44px;min-height:44px}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.game-board{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);max-width:100vw;max-height:100vh;overflow:hidden}[data-tile]{width:var(--tile-size);height:var(--tile-size);font-size:calc(var(--tile-size) * .4);min-width:44px;min-height:44px}.game-info{padding:8px;font-size:14px}button{min-height:44px;min-width:44px;padding:8px 16px;font-size:16px}.modal{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);max-height:100vh;overflow-y:auto}}@media (orientation: landscape) and (max-height: 500px){.game-board{flex-direction:row;gap:16px}.game-info{flex-shrink:0;width:200px}.word-indicators{flex-direction:column;max-height:100vh;overflow-y:auto}}@media (min-width: 768px){[data-tile]{min-width:35px!important;min-height:35px!important;max-width:60px!important;max-height:60px!important}#board-container{max-width:400px!important;max-height:400px!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){[data-tile]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (hover: none) and (pointer: coarse){[data-tile]:hover{transform:none;box-shadow:none;filter:none}[data-tile]:active{transform:scale(.95);transition:transform .1s ease}*{-webkit-overflow-scrolling:touch}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.modal{background-color:#000000e6}}[data-tile]{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}@supports (-webkit-touch-callout: none){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,select,textarea{-webkit-appearance:none;border-radius:0}}@media (display-mode: standalone){body{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}.install-button{display:none}}.leaderboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.leaderboard-modal{background:linear-gradient(135deg,#8b4513,sienna,#8b4513);border:3px solid #654321;border-radius:15px;padding:12px;width:95%;max-width:380px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0d;position:relative}.leaderboard-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.leaderboard-header{text-align:center;margin-bottom:25px;position:relative}.leaderboard-header h2{color:wheat;font-size:32px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:Georgia,serif}.leaderboard-close-btn{position:absolute;top:-10px;right:-10px;background:#654321;border:2px solid #8B4513;color:wheat;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.leaderboard-close-btn:hover{background:#8b4513;transform:scale(1.1)}.leaderboard-content{position:relative;z-index:1}.leaderboard-error{background:#dc3545e6;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700;border:2px solid #DC3545;display:flex;flex-direction:column;gap:10px;align-items:center}.retry-button{background:#8b4513;border:2px solid #654321;color:wheat;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s ease}.retry-button:hover:not(:disabled){background:sienna;transform:translateY(-1px)}.retry-button:disabled{opacity:.6;cursor:not-allowed}.leaderboard-loading{text-align:center;color:wheat;font-size:18px;padding:40px;font-style:italic}.personal-stats{background:linear-gradient(135deg,#8b4513cc,#a0522dcc);border:2px solid #654321;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:inset 0 2px 4px #0000004d}.personal-stats h3{color:gold;font-size:24px;margin:0 0 15px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f5deb3e6;border-radius:8px;border:1px solid #DEB887}.stat-label{color:#654321;font-weight:700;font-size:14px}.stat-value{color:#8b4513;font-weight:700;font-size:18px}.leaderboard-table h3{color:gold;font-size:24px;margin:0 0 20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.table-header{display:grid;grid-template-columns:22px 100px 35px 35px;gap:2px;padding:3px;background:linear-gradient(135deg,#654321,#8b4513);border-radius:8px 8px 0 0;font-weight:700;color:wheat;text-align:center;border:2px solid #654321;border-bottom:none;font-size:11px}.rank-col,.player-col,.words-col,.moves-col{display:block}.table-body{border:2px solid #654321;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.table-row{display:grid;grid-template-columns:22px 100px 35px 35px;gap:2px;padding:3px;background:linear-gradient(135deg,#3d2318,#2f1b14);border-bottom:1px solid #654321;transition:all .3s ease;text-align:center;align-items:center;font-size:10px;min-height:28px}.table-row:last-child{border-bottom:none}.table-row:hover{background:linear-gradient(135deg,#4a2c1a,#3d2318);transform:translate(5px)}.table-row.top-three{background:linear-gradient(135deg,#3d2318,#2f1b14);font-weight:700}.table-row.top-three:hover{background:linear-gradient(135deg,#4a2c1a,#3d2318)}.rank-col{display:flex;justify-content:center;align-items:center}.rank-icon{font-size:12px;font-weight:700}.rank-icon.top-rank{color:gold}.player-col{font-weight:700;color:wheat;text-align:left;padding-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px}.words-col,.moves-col,.games-col{color:wheat;font-weight:700;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.no-data{text-align:center;color:wheat;font-size:18px;padding:40px;font-style:italic}.leaderboard-footer{text-align:center;border-top:2px solid #654321;padding-top:20px;margin-top:25px}.leaderboard-footer p{color:wheat;margin:0;font-size:16px;font-style:italic}@media (max-width: 768px){.leaderboard-modal{padding:15px;margin:10px;max-height:95vh;width:95%;max-width:360px}.leaderboard-header h2{font-size:24px}.stats-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:35px 110px 70px 70px;gap:3px;padding:3px;font-size:10px}.table-header .rank-col,.table-header .player-col,.table-header .words-col,.table-header .moves-col{font-size:10px;font-weight:700;color:wheat;text-shadow:1px 1px 2px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.table-row .rank-col,.table-row .player-col,.table-row .words-col,.table-row .moves-col{font-size:10px;font-weight:700;color:wheat}.table-row .player-col{text-align:left;padding-left:4px;justify-content:flex-start}.stat-item{padding:8px 12px}.stat-label{font-size:13px}.stat-value{font-size:16px}.retry-button{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.leaderboard-modal{padding:8px;margin:5px;width:95%;max-width:340px}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr 1fr!important;gap:6px!important;padding:8px!important;font-size:10px!important}.table-header .rank-col,.table-header .player-col,.table-header .words-col,.table-header .moves-col{font-size:10px!important;font-weight:700;color:wheat;text-shadow:1px 1px 2px rgba(0,0,0,.5);display:flex!important;align-items:center;justify-content:center!important;text-align:center!important}.table-row .rank-col{font-size:10px!important;font-weight:700;color:wheat;display:flex!important;align-items:center;justify-content:center!important;text-align:center!important}.table-row .player-col{font-size:10px!important;font-weight:700;color:wheat;display:flex!important;align-items:center;justify-content:center!important;text-align:center!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row .words-col,.table-row .moves-col{font-size:10px!important;font-weight:700;color:wheat;display:flex!important;align-items:center;justify-content:center!important;text-align:center!important}.rank-col,.player-col,.words-col,.moves-col{display:flex!important}.personal-stats h3,.leaderboard-table h3{font-size:20px}.retry-button{padding:4px 8px;font-size:11px}.leaderboard-error{padding:8px;gap:8px}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal{background:linear-gradient(135deg,#8b4513,sienna,#8b4513);border:3px solid #654321;border-radius:15px;padding:30px;width:95%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0d;position:relative}.auth-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.auth-modal-header{text-align:center;margin-bottom:25px;position:relative}.auth-modal-header h2{color:wheat;font-size:32px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:Georgia,serif}.auth-close-btn{position:absolute;top:-10px;right:-10px;background:#654321;border:2px solid #8B4513;color:wheat;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.auth-close-btn:hover{background:#8b4513;transform:scale(1.1)}.auth-form,.form-group{margin-bottom:20px}.form-group label{display:block;color:wheat;font-weight:700;margin-bottom:8px;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.form-group input{width:100%;padding:12px 15px;border:2px solid #654321;border-radius:8px;background:linear-gradient(135deg,wheat,#deb887);color:#654321;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#8b4513;box-shadow:0 0 0 3px #8b45134d;transform:translateY(-2px)}.form-group input::placeholder{color:sienna;opacity:.7}.auth-submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#654321,#8b4513);color:wheat;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #0000004d}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b4513,sienna);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{background:#dc3545e6;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700;border:2px solid #DC3545;box-shadow:0 2px 4px #0003}.auth-footer{text-align:center;border-top:2px solid #654321;padding-top:20px}.auth-footer p{color:wheat;margin:0;font-size:16px}.auth-switch-btn{background:none;border:none;color:gold;text-decoration:underline;cursor:pointer;font-size:16px;font-weight:700;transition:color .3s ease}.auth-switch-btn:hover{color:orange;text-shadow:0 0 8px rgba(255,215,0,.5)}@keyframes successPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes errorShake{0%,to{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(-5px)}75%{transform:translate(-50%,-50%) translate(5px)}}@media (max-width: 480px){.auth-modal{padding:20px;margin:20px}.auth-modal-header h2{font-size:24px}.form-group input{padding:10px 12px;font-size:16px}.auth-submit-btn{padding:12px;font-size:16px}}.user-profile{position:relative;display:flex;align-items:center}.login-button{background:linear-gradient(135deg,#654321,#8b4513)!important;color:wheat!important;border:2px solid #654321!important;border-radius:25px!important;padding:10px 20px!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:8px!important;box-shadow:0 4px 8px #0000004d!important;visibility:visible!important;opacity:1!important;z-index:10000!important;position:relative!important}.login-button:hover{background:linear-gradient(135deg,#8b4513,sienna);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.login-icon{font-size:18px}.user-profile-button{background:linear-gradient(135deg,#8b4513,sienna);color:wheat;border:2px solid #654321;border-radius:25px;padding:8px 16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 8px #0000004d;min-width:140px}.user-profile-button:hover{background:linear-gradient(135deg,sienna,peru);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#654321;font-size:18px;border:2px solid #F5DEB3;box-shadow:0 2px 4px #0000004d}.username{font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.dropdown-arrow{font-size:12px;transition:transform .3s ease}.user-profile-button:hover .dropdown-arrow{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:linear-gradient(135deg,#8b4513,sienna);border:3px solid #654321;border-radius:15px;min-width:280px;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;z-index:1000;overflow:hidden;animation:dropdownSlideIn .3s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.profile-header{padding:20px;border-bottom:2px solid #654321;display:flex;align-items:center;gap:15px;background:#8b45134d}.profile-avatar{width:50px;height:50px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#654321;font-size:24px;border:3px solid #F5DEB3;box-shadow:0 4px 8px #0000004d}.profile-info{flex:1}.profile-username{color:wheat;font-size:18px;font-weight:700;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.profile-email{color:#deb887;font-size:14px;opacity:.9}.profile-actions{padding:15px 20px}.profile-action-btn{width:100%;background:linear-gradient(135deg,#654321,#8b4513);color:wheat;border:2px solid #654321;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 4px #0000004d}.profile-action-btn:hover{background:linear-gradient(135deg,#8b4513,sienna);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.action-icon{font-size:18px}@media (max-width: 768px){.user-profile-button{min-width:120px;padding:6px 12px;font-size:14px}.user-avatar{width:28px;height:28px;font-size:16px}.username{display:none}.profile-dropdown{min-width:250px;right:-20px}.profile-header{padding:15px}.profile-avatar{width:40px;height:40px;font-size:20px}.profile-username{font-size:16px}.profile-email{font-size:13px}}@media (max-width: 480px){.login-button{padding:8px 16px;font-size:14px}.user-profile-button{min-width:100px;padding:6px 10px;font-size:13px}.profile-dropdown{min-width:220px;right:-30px}}