.auth-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:#deb858;border:4px solid #8b6914;width:90%;max-width:320px;padding:24px;position:relative;box-shadow:4px 4px #543810,inset -2px -2px #f8e8a8}.auth-close{cursor:pointer;color:#8b6914;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:"Press Start 2P",monospace;font-size:12px;display:flex;position:absolute;top:8px;right:8px}.auth-close:hover{color:#d85020}.auth-title{color:#fff;text-align:center;text-shadow:2px 2px #543810,-1px -1px #543810,1px -1px #543810,-1px 1px #543810;margin-bottom:20px;font-family:"Press Start 2P",monospace;font-size:14px}.auth-divider{align-items:center;gap:12px;margin:16px 0;display:flex}.auth-divider-line{background:#8b6914;flex:1;height:2px}.auth-divider-text{color:#543810;font-family:"Press Start 2P",monospace;font-size:8px}.auth-btn{color:#543810;cursor:pointer;background:#f8f0d8;border:3px solid #8b6914;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:10px;transition:transform .1s;display:flex}.auth-btn:hover:not(:disabled){background:#fff8e8}.auth-btn:active:not(:disabled){transform:translateY(2px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-google{background:#fff}.auth-btn-guest{background:0 0;border-style:dashed}.auth-btn-guest:hover:not(:disabled){background:#f8f0d84d}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{flex-direction:column;gap:4px;display:flex}.auth-label{color:#543810;font-family:"Press Start 2P",monospace;font-size:8px}.auth-input{color:#543810;background:#f8f0d8;border:3px solid #8b6914;outline:none;padding:10px 12px;font-family:"Press Start 2P",monospace;font-size:10px}.auth-input:focus{border-color:#f87820;box-shadow:0 0 0 2px #f878204d}.auth-input-error{border-color:#e85858}.auth-error{color:#e85858;margin-top:2px;font-family:"Press Start 2P",monospace;font-size:7px}.auth-form-error{color:#e85858;text-align:center;background:#e858581a;border:2px solid #e85858;padding:8px;font-family:"Press Start 2P",monospace;font-size:8px}.auth-toggle{text-align:center;margin-top:12px}.auth-toggle-text{color:#543810;font-family:"Press Start 2P",monospace;font-size:7px}.auth-toggle-link{color:#f87820;cursor:pointer;background:0 0;border:none;padding:0;font-family:"Press Start 2P",monospace;font-size:7px;text-decoration:underline}.auth-toggle-link:hover{color:#d85020}.auth-username-status{align-items:center;gap:4px;margin-top:2px;font-family:"Press Start 2P",monospace;font-size:7px;display:flex}.auth-username-available{color:#58a028}.auth-username-taken{color:#e85858}.auth-username-checking{color:#8b6914}.auth-success{text-align:center;padding:20px}.auth-success-text{color:#fff;text-shadow:2px 2px #543810,-1px -1px #543810;font-family:"Press Start 2P",monospace;font-size:12px}.auth-google-icon{width:18px;height:18px}.auth-spinner{border:2px solid #8b6914;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite auth-spin;display:inline-block}@keyframes auth-spin{to{transform:rotate(360deg)}}
.leaderboard-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.leaderboard-modal{background:#deb858;border:4px solid #8b6914;flex-direction:column;width:90%;max-width:360px;max-height:80vh;padding:24px;display:flex;position:relative;box-shadow:4px 4px #543810,inset -2px -2px #f8e8a8}.leaderboard-close{cursor:pointer;color:#8b6914;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:"Press Start 2P",monospace;font-size:12px;display:flex;position:absolute;top:8px;right:8px}.leaderboard-close:hover{color:#d85020}.leaderboard-title{color:#fff;text-align:center;text-shadow:2px 2px #543810,-1px -1px #543810,1px -1px #543810,-1px 1px #543810;margin-bottom:16px;font-family:"Press Start 2P",monospace;font-size:14px}.leaderboard-search{margin-bottom:12px}.leaderboard-search-input{color:#543810;box-sizing:border-box;background:#f8f0d8;border:3px solid #8b6914;outline:none;width:100%;padding:10px 12px;font-family:"Press Start 2P",monospace;font-size:8px}.leaderboard-search-input:focus{border-color:#f87820;box-shadow:0 0 0 2px #f878204d}.leaderboard-search-input::placeholder{color:#8b6914}.leaderboard-your-rank{background:#f8f0d880;border:2px solid #8b6914;margin-bottom:12px;padding:8px 12px}.leaderboard-your-rank-label{color:#8b6914;margin-bottom:4px;font-family:"Press Start 2P",monospace;font-size:7px}.leaderboard-your-rank-row{justify-content:space-between;align-items:center;display:flex}.leaderboard-rank{color:#543810;min-width:45px;font-family:"Press Start 2P",monospace;font-size:9px}.leaderboard-name{color:#543810;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:8px;font-family:"Press Start 2P",monospace;font-size:9px;overflow:hidden}.leaderboard-score{color:#543810;text-align:right;min-width:50px;font-family:"Press Start 2P",monospace;font-size:9px}.leaderboard-list{flex:1;min-height:150px;max-height:250px;margin-bottom:12px;overflow-y:auto}.leaderboard-entry{border-bottom:1px solid #8b69144d;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry-highlight{background:#5438104d}.leaderboard-empty,.leaderboard-loading{color:#8b6914;text-align:center;padding:20px;font-family:"Press Start 2P",monospace;font-size:8px}.leaderboard-load-more{color:#543810;cursor:pointer;background:#f8f0d8;border:3px solid #8b6914;width:100%;padding:10px 16px;font-family:"Press Start 2P",monospace;font-size:8px;transition:transform .1s}.leaderboard-load-more:hover:not(:disabled){background:#fff8e8}.leaderboard-load-more:active:not(:disabled){transform:translateY(2px)}.leaderboard-load-more:disabled{opacity:.6;cursor:not-allowed}
.account-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.account-modal{background:#deb858;border:4px solid #8b6914;width:90%;max-width:320px;padding:24px;position:relative;box-shadow:4px 4px #543810,inset -2px -2px #f8e8a8}.account-close{cursor:pointer;color:#8b6914;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:"Press Start 2P",monospace;font-size:12px;display:flex;position:absolute;top:8px;right:8px}.account-close:hover{color:#d85020}.account-title{color:#fff;text-align:center;text-shadow:2px 2px #543810,-1px -1px #543810,1px -1px #543810,-1px 1px #543810;margin-bottom:20px;font-family:"Press Start 2P",monospace;font-size:14px}.account-username{color:#fff;text-align:center;text-shadow:2px 2px #543810,-1px -1px #543810;margin-bottom:24px;font-family:"Press Start 2P",monospace;font-size:16px}.account-stats{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.account-stat-row{background:#f8f0d880;border:2px solid #8b6914;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.account-stat-label{color:#543810;font-family:"Press Start 2P",monospace;font-size:8px}.account-stat-value{color:#543810;font-family:"Press Start 2P",monospace;font-size:10px}.account-signout-btn{color:#543810;cursor:pointer;background:#f8f0d8;border:3px solid #8b6914;width:100%;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:10px;transition:transform .1s}.account-signout-btn:hover{background:#fff8e8}.account-signout-btn:active{transform:translateY(2px)}.account-loading{color:#543810;text-align:center;padding:40px;font-family:"Press Start 2P",monospace;font-size:10px}
.settings-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:#deb858;border:4px solid #8b6914;width:90%;max-width:340px;padding:24px;position:relative;box-shadow:4px 4px #543810,inset -2px -2px #f8e8a8}.settings-close{cursor:pointer;color:#8b6914;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:"Press Start 2P",monospace;font-size:12px;display:flex;position:absolute;top:8px;right:8px}.settings-close:hover{color:#d85020}.settings-title{color:#fff;text-align:center;text-shadow:2px 2px #543810,-1px -1px #543810,1px -1px #543810,-1px 1px #543810;margin-bottom:20px;font-family:"Press Start 2P",monospace;font-size:14px}.settings-section{margin-bottom:16px}.settings-section-title{color:#543810;margin-bottom:12px;font-family:"Press Start 2P",monospace;font-size:10px}.settings-row{background:#f8f0d880;border:2px solid #8b6914;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px 8px 12px;display:flex}.settings-label{color:#543810;flex-shrink:0;width:54px;font-family:"Press Start 2P",monospace;font-size:8px}.settings-mute-btn{cursor:pointer;background:#f8f0d8;border:2px solid #8b6914;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.settings-mute-btn:hover{background:#fff8e8}.settings-mute-btn.muted{background:#e0d0b0}.settings-mute-btn svg{fill:#f87820;width:16px;height:16px}.settings-mute-btn.muted svg{fill:#8b6914}.settings-slider{appearance:none;cursor:pointer;background:#f8f0d8;border:2px solid #8b6914;flex:1;height:20px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f87820;border:2px solid #8b6914;width:16px;height:24px}.settings-slider::-moz-range-thumb{cursor:pointer;background:#f87820;border:2px solid #8b6914;width:16px;height:24px}.settings-slider:disabled{opacity:.5;cursor:not-allowed}.settings-volume-value{color:#543810;text-align:center;flex-shrink:0;width:36px;padding-right:8px;font-family:"Press Start 2P",monospace;font-size:8px}.settings-placeholder{color:#8b6914;margin-top:-8px;margin-bottom:12px;margin-left:68px;font-family:"Press Start 2P",monospace;font-size:6px;font-style:italic}
.shop-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shop-modal{background:#deb858;border:4px solid #8b6914;flex-direction:column;width:280px;max-height:80vh;display:flex;position:relative;box-shadow:4px 4px #543810,inset 2px 2px #f8e8a8}.shop-close{cursor:pointer;color:#8b6914;z-index:10;background:0 0;border:none;width:24px;height:24px;font-family:"Press Start 2P",monospace;font-size:12px;position:absolute;top:8px;right:8px}.shop-close:hover{color:#d85020}.shop-header{text-align:center;padding:16px 16px 8px}.shop-title{color:#fff;text-shadow:2px 2px #543810;margin:0;font-family:"Press Start 2P",monospace;font-size:14px}.shop-balance{color:gold;text-shadow:1px 1px #543810;margin-top:8px;font-family:"Press Start 2P",monospace;font-size:10px}.shop-tabs{border-bottom:2px solid #8b6914;display:flex}.shop-tab{color:#8b6914;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 8px;font-family:"Press Start 2P",monospace;font-size:9px;transition:background .1s}.shop-tab:hover{background:#fff3}.shop-tab.active{color:#543810;background:#f8e8a8}.shop-content{flex:1;padding:12px;overflow-y:auto}.shop-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.shop-item{cursor:pointer;background:#f8f0d8;border:2px solid #8b6914;flex-direction:column;align-items:center;padding:8px;transition:transform .1s,box-shadow .1s;display:flex}.shop-item:hover{transform:translateY(-2px);box-shadow:2px 2px #543810}.shop-item.selected{border-color:#f87820;box-shadow:0 0 0 2px #f87820}.shop-item.equipped{background:#e8f5e9;border-color:#4caf50}.shop-item-preview{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.shop-item-preview canvas{image-rendering:pixelated}.shop-item-name{color:#543810;text-align:center;margin-top:6px;font-family:"Press Start 2P",monospace;font-size:7px}.shop-item-price{color:#8b6914;margin-top:4px;font-family:"Press Start 2P",monospace;font-size:8px}.shop-item-price.owned{color:#4caf50}.shop-item-price.equipped{color:#4caf50;font-weight:700}.shop-buy-prompt{color:#f87820;margin-top:4px;font-family:"Press Start 2P",monospace;font-size:6px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.shop-error{color:#d85020;text-align:center;padding:8px;font-family:"Press Start 2P",monospace;font-size:8px;animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shop-loading{color:#8b6914;text-align:center;padding:20px;font-family:"Press Start 2P",monospace;font-size:10px}