*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif;background-color:#1a1a2e}#app{width:100%;height:100%;position:relative}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#ui-overlay>*{pointer-events:auto}.view{display:none;width:100%;height:100%;position:absolute;top:0;left:0}.view.active{display:flex}.btn{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.btn-primary{background-color:#228b22;color:#fff}.btn-primary:hover{background-color:#2ecc71}.btn-secondary{background-color:#4a4a4a;color:#fff}.btn-secondary:hover{background-color:#666}.btn-danger{background-color:#c41e3a;color:#fff}.btn-danger:hover{background-color:#ff6b6b}.btn:disabled{opacity:.5;cursor:not-allowed}#login-view{background:linear-gradient(135deg,#1a472a,#0d2818);justify-content:center;align-items:center;flex-direction:column}.login-container{background:#00000080;padding:40px;border-radius:12px;border:2px solid #c4a35a;min-width:350px}.login-container h1{color:#c4a35a;text-align:center;margin-bottom:30px;font-size:32px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#aaa;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px;font-size:16px;border:1px solid #444;border-radius:6px;background:#2a2a2a;color:#fff}.form-group input:focus{outline:none;border-color:#c4a35a}.login-buttons{display:flex;gap:10px;margin-top:20px}.login-buttons .btn{flex:1}.login-error{color:#ff6b6b;text-align:center;margin-top:15px;font-size:14px}#lobby-browser-view{background:linear-gradient(135deg,#1a472a,#0d2818);flex-direction:column;padding:10px 30px 30px}.solana-banner{background:linear-gradient(90deg,#9945ff,#14f195,#9945ff);background-size:200% 100%;animation:solana-gradient 3s ease infinite;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px;border-radius:8px;box-shadow:0 4px 20px #9945ff66}.solana-banner.hidden{display:none}@keyframes solana-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.solana-banner-text{color:#000;font-size:16px;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.3)}.solana-banner-text strong{color:#000;font-weight:800}.solana-banner-btn{background:#000c;color:#14f195;border:2px solid #14f195;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.solana-banner-btn:hover{background:#14f195;color:#000}.solana-banner-close{background:transparent;border:none;color:#0009;font-size:20px;cursor:pointer;padding:4px 8px;transition:color .2s}.solana-banner-close:hover{color:#000}.lobby-browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lobby-browser-header h1{color:#c4a35a;font-size:28px}.user-profile-card{display:flex;flex-direction:column;align-items:center;background:#0006;padding:20px 40px;border-radius:12px;border:2px solid #c4a35a;margin:0 auto 20px;width:fit-content}.profile-rank{font-size:32px;font-weight:700;color:#c4a35a}.profile-name{font-size:20px;color:#fff;font-weight:700;margin-top:5px}.profile-stats{color:#888;font-size:14px;margin-top:8px}.header-buttons{display:flex;gap:10px}.lobby-list{flex:1;background:#0000004d;border:2px solid #c4a35a;border-radius:8px;overflow-y:auto}.lobby-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #333;cursor:pointer;transition:background .2s}.lobby-item:hover{background:#c4a35a1a}.lobby-item:last-child{border-bottom:none}.lobby-info{display:flex;flex-direction:column;gap:5px}.lobby-name{color:#fff;font-size:18px;font-weight:700}.lobby-details{color:#888;font-size:14px}.lobby-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.lobby-status.waiting{background:#228b22;color:#fff}.lobby-status.in-game{background:#c41e3a;color:#fff}.lobby-status.full{background:#666;color:#fff}.no-lobbies{color:#888;text-align:center;padding:40px;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:100}.modal-overlay.active{display:flex}.modal{background:#1a472a;padding:30px;border-radius:12px;border:2px solid #c4a35a;min-width:350px}.modal h2{color:#c4a35a;margin-bottom:20px}.modal-buttons{display:flex;gap:10px;margin-top:20px}.leaderboard-modal{min-width:500px}.leaderboard-list{max-height:400px;overflow-y:auto;margin:20px 0}.leaderboard-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #333}.leaderboard-item:last-child{border-bottom:none}.leaderboard-rank{font-size:24px;font-weight:700;width:50px;color:#c4a35a}.leaderboard-rank.gold{color:gold}.leaderboard-rank.silver{color:silver}.leaderboard-rank.bronze{color:#cd7f32}.leaderboard-info{flex:1}.leaderboard-name{font-size:18px;color:#fff;font-weight:700}.leaderboard-stats{font-size:12px;color:#888;margin-top:4px}.leaderboard-presents{font-size:20px;color:#4caf50;font-weight:700}.leaderboard-loading{text-align:center;color:#888;padding:40px}.settings-modal{max-width:500px;text-align:left}.settings-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-section:last-of-type{border-bottom:none;margin-bottom:0}.settings-section h3{margin-bottom:16px;color:#c4a35a;font-size:16px;text-transform:uppercase;letter-spacing:1px}.reward-info{background:linear-gradient(135deg,#9945ff33,#14f19533);border:1px solid rgba(153,69,255,.4);border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:14px;color:#e0e0e0;text-align:center}.reward-info strong{color:#14f195}.solana-section h3{color:#9945ff}.setting-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.setting-row label{width:110px;text-align:right;color:#ccc;font-size:14px}.setting-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:3px;cursor:pointer}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#c4a35a;border-radius:50%;cursor:pointer}.setting-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#c4a35a;border-radius:50%;cursor:pointer;border:none}.setting-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#c4a35a}.setting-row input[type=text],.setting-row input[type=password]{flex:1;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:14px}.setting-row input[type=text]:focus,.setting-row input[type=password]:focus{outline:none;border-color:#c4a35a}.setting-row span{min-width:50px;font-size:14px;color:#888}.btn-small{padding:8px 16px;font-size:12px}.danger-zone{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,0,0,.3);justify-content:flex-end}.settings-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.settings-message{font-size:14px;flex:1}.settings-message.success{color:#4ade80}.settings-message.error{color:#f87171}#lobby-view{background:linear-gradient(135deg,#1a472a,#0d2818);flex-direction:row}.lobby-sidebar{width:280px;background:#0000004d;padding:60px 20px 20px;display:flex;flex-direction:column}.lobby-sidebar h2{color:#c4a35a;font-size:18px;margin-bottom:15px}.player-list{flex:1;overflow-y:auto}.player-item{background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:12px;margin-bottom:10px}.player-item.is-me{border-color:#4caf50}.player-name{color:#fff;font-weight:700;display:flex;align-items:center;gap:8px}.host-badge{background:gold;color:#000;font-size:10px;padding:2px 6px;border-radius:4px}.kick-btn{background:#c41e3a;color:#fff;border:none;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;margin-left:auto;transition:background .2s}.kick-btn:hover{background:#a01830}.player-character{color:#888;font-size:12px;margin-top:5px}.player-ready{color:#4caf50;font-size:11px;font-weight:700;margin-top:3px}.lobby-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px}.lobby-title{color:#fff;font-size:28px;margin-bottom:10px}.leave-btn{position:absolute;top:20px;left:20px;color:#ff6b6b;background:none;border:none;cursor:pointer;font-size:16px}.leave-btn:hover{color:#f99}.character-preview{width:500px;height:450px;position:relative}.character-nav{display:flex;align-items:center;gap:30px;margin-top:20px}.nav-arrow{font-size:48px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.nav-arrow:hover{color:#c4a35a}.nav-dots{display:flex;gap:12px}.nav-dot{width:12px;height:12px;border-radius:50%;background:#666;cursor:pointer}.nav-dot.current{background:#fff;transform:scale(1.3)}.nav-dot.selected{background:#4caf50}.nav-dot.locked{background:#ff6b6b}.character-info{text-align:center;margin-top:20px}.character-name{color:#fff;font-size:24px;font-weight:700}.character-stats{color:#aaa;font-size:14px;margin-top:8px}.character-special{color:#c4a35a;font-style:italic;font-size:13px;margin-top:5px}.character-actions{margin-top:20px}.locked-text{color:#ff6b6b;font-size:14px}.lobby-footer{display:flex;gap:15px;margin-top:auto;padding-top:20px}.status-text{color:#888;font-size:14px;text-align:center;margin-top:10px}.lobby-chat{position:absolute;bottom:20px;right:20px;width:300px;height:250px;display:flex;flex-direction:column;background:#000000b3;border:1px solid #444;border-radius:8px;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:4px}.chat-message{font-size:13px;line-height:1.4;word-wrap:break-word}.chat-message.system{color:#888;font-style:italic}.chat-username{font-weight:700;color:#4a9eff;margin-right:6px}.chat-text{color:#fff}.chat-input-row{display:flex;gap:8px;padding:10px;border-top:1px solid #444;background:#0000004d}.chat-input-row input{flex:1;padding:8px 12px;border:1px solid #444;border-radius:4px;background:#ffffff1a;color:#fff;font-size:13px}.chat-input-row input::placeholder{color:#888}.chat-input-row input:focus{outline:none;border-color:#4a9eff}.chat-input-row button{padding:8px 16px;font-size:13px}#game-view{pointer-events:none}#game-view>*{pointer-events:auto}.game-timer{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#fff;font-size:36px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-timer.warning{color:#ff6b6b}.game-scoreboard{position:absolute;top:20px;left:20px;background:#000000b3;border:2px solid #c4a35a;border-radius:8px;padding:15px;min-width:200px}.scoreboard-title{color:#c4a35a;font-size:14px;margin-bottom:10px;text-transform:uppercase}.scoreboard-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;color:#fff;font-size:14px}.scoreboard-item.is-me{color:#4caf50;font-weight:700}.scoreboard-score{color:#c4a35a}.game-instructions{position:absolute;bottom:20px;left:20px;color:#888;font-size:12px}.game-leave-btn{position:absolute;top:20px;right:20px}.victory-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:flex-end;padding-bottom:80px;pointer-events:none}.victory-overlay.active{display:flex}.victory-card{background:#000000d9;border:3px solid #ffd700;border-radius:16px;padding:30px 50px;text-align:center;animation:victorySlideUp .5s ease-out}.victory-card.loser{border-color:#666}@keyframes victorySlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.victory-title{font-size:42px;font-weight:700;color:gold;margin:0 0 25px;text-shadow:0 0 20px rgba(255,215,0,.5)}.victory-title.loser{color:#888;text-shadow:none}.victory-stats{display:flex;flex-direction:column;gap:20px}.victory-score{display:flex;flex-direction:column;align-items:center}.victory-score-value{font-size:48px;font-weight:700;color:#4caf50}.victory-score-label{font-size:14px;color:#888;margin-top:5px}.victory-rank{display:flex;flex-direction:column;align-items:center}.victory-rank-label{font-size:14px;color:#888}.victory-rank-change{font-size:32px;font-weight:700;color:#c4a35a;margin-top:5px}.victory-rank-change.improved{color:#4caf50}.victory-total{display:flex;flex-direction:column;align-items:center;padding-top:15px;border-top:1px solid #444}.victory-total-value{font-size:28px;font-weight:700;color:#fff}.victory-total-label{font-size:12px;color:#666;margin-top:3px}.not-you-text{display:none;font-size:28px;font-weight:700;color:#f44;margin-top:20px;padding-top:15px;border-top:1px solid #ff4444;animation:notYouPulse .5s ease-in-out infinite alternate}@keyframes notYouPulse{0%{transform:scale(1);text-shadow:0 0 10px rgba(255,68,68,.5)}to{transform:scale(1.05);text-shadow:0 0 20px rgba(255,68,68,.8)}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a472a;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loading-title{color:#c4a35a;font-size:28px;margin-bottom:20px}.loading-bar{width:300px;height:20px;background:#2a2a2a;border-radius:10px;overflow:hidden}.loading-progress{height:100%;background:#c41e3a;transition:width .3s}.loading-text{color:#888;margin-top:10px}#mobile-block{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1a472a;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px;z-index:2000}#mobile-block h1{color:#fff;font-size:24px;margin-bottom:20px}#mobile-block p{color:#aaa;font-size:16px}#tutorial-view{pointer-events:none}#tutorial-view>*{pointer-events:auto}.tutorial-overlay{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000000d9;border:2px solid #c4a35a;border-radius:12px;padding:20px 30px;min-width:320px;max-width:400px;text-align:center}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #444}.tutorial-header h2{color:#c4a35a;font-size:18px;margin:0}.tutorial-skip{padding:6px 12px;font-size:12px}.tutorial-content{margin-bottom:15px}.tutorial-step-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px}.tutorial-step-description{color:#ccc;font-size:16px;margin-bottom:8px}.tutorial-step-hint{color:#888;font-size:13px;font-style:italic}.tutorial-progress{display:flex;justify-content:center;gap:10px}.progress-dot{width:12px;height:12px;border-radius:50%;background:#444;transition:all .3s ease}.progress-dot.current{background:#c4a35a;transform:scale(1.2)}.progress-dot.complete{background:#4caf50}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:#00000080;z-index:1000;pointer-events:none}.countdown-number{font-size:180px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(196,163,90,.8),0 0 40px rgba(196,163,90,.6),0 0 60px rgba(196,163,90,.4);opacity:0;transform:scale(.5)}.countdown-number.pulse{animation:countdownPulse .8s ease-out forwards}@keyframes countdownPulse{0%{opacity:0;transform:scale(2)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.95)}}.game-hud{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px;pointer-events:none;z-index:50}.hud-stats{background:#000000b3;border:1px solid #444;border-radius:8px;padding:12px 16px;min-width:140px}.hud-stats-title{font-size:11px;color:#888;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}.hud-stat-row{display:flex;justify-content:space-between;margin:4px 0}.stat-label{color:#aaa;font-size:13px}.stat-value{color:#fff;font-weight:700;font-size:13px}.hud-cooldowns{background:#000000b3;border:1px solid #444;border-radius:8px;padding:12px 16px}.cooldown-row{display:flex;align-items:center;gap:10px;margin:6px 0}.cooldown-key{font-size:10px;color:#666;width:50px;font-family:monospace}.cooldown-label{font-size:13px;color:#aaa;width:50px}.cooldown-bar{width:120px;height:12px;background:#ffffff26;border-radius:6px;overflow:hidden}.cooldown-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .1s ease;width:100%}.cooldown-fill.on-cooldown{background:linear-gradient(90deg,#ff9800,#ffc107)}.cooldown-fill.active{background:linear-gradient(90deg,#2196f3,#03a9f4)}.cooldown-text{font-size:11px;color:#4caf50;width:50px;text-align:right;font-family:monospace}.cooldown-text.cooldown{color:#ff9800}.hud-status{background:#000000b3;border:1px solid #444;border-radius:8px;padding:12px 16px;min-width:130px}.hud-presents{font-size:22px;margin-bottom:10px;text-align:center}.presents-icon{margin-right:4px}#presents-count{color:gold;font-weight:700}.presents-max{color:#666;font-size:16px}.hud-speed{display:flex;align-items:center;gap:8px}.speed-label{font-size:11px;color:#aaa}.speed-bar{flex:1;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.speed-fill{height:100%;background:linear-gradient(90deg,#e91e63,#f44336);transition:width .2s ease;width:100%}#game-canvas.urgency-vignette{animation:urgencyPulse .5s ease-in-out infinite alternate}@keyframes urgencyPulse{0%{box-shadow:inset 0 0 100px #f003}to{box-shadow:inset 0 0 150px #f006}}.hit-flash{animation:hitFlash .15s ease-out}@keyframes hitFlash{0%{filter:brightness(2) saturate(.5)}to{filter:brightness(1) saturate(1)}}.frozen-tint{filter:hue-rotate(180deg) saturate(.8) brightness(1.1)}.speed-boost-glow{box-shadow:inset 0 0 50px #00ff884d}.shield-active-glow{box-shadow:inset 0 0 50px #00aaff4d}.new-features-btn{position:relative}.new-features-btn.has-new{border:2px solid #ffd700;box-shadow:0 0 10px #ffd70066}.new-badge{display:none;position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,gold,#fa0);color:#000;font-size:9px;font-weight:800;padding:2px 6px;border-radius:8px;animation:badgePulse 2s ease-in-out infinite;text-transform:uppercase;letter-spacing:.5px}.new-features-btn.has-new .new-badge{display:block}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 5px #ffd70080}50%{transform:scale(1.1);box-shadow:0 0 15px #ffd700cc}}.new-features-modal{width:750px;max-width:95vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.new-features-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.new-features-header h2{margin:0;flex:1}.version-selector{background:#0006;color:#c4a35a;border:1px solid #c4a35a;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;margin-right:15px}.version-selector:focus{outline:none;border-color:gold}.version-selector option{background:#1a472a;color:#fff}.modal-close-btn{background:transparent;border:none;color:#888;font-size:28px;cursor:pointer;padding:0 8px;line-height:1;transition:color .2s}.modal-close-btn:hover{color:#fff}.feature-showcase{flex:1;display:flex;flex-direction:column;min-height:0}.feature-content{display:flex;gap:30px;flex:1;min-height:0}.feature-text{flex:1;display:flex;flex-direction:column;justify-content:center}.feature-text h3{color:gold;font-size:28px;margin-bottom:15px}.feature-text p{color:#ccc;font-size:16px;line-height:1.6}.feature-demo-viewport{width:350px;height:350px;min-width:350px;background:#00000080;border:2px solid #444;border-radius:8px;overflow:hidden;position:relative}.feature-demo-viewport canvas{width:100%!important;height:100%!important}.feature-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.feature-nav-btn{padding:8px 16px;font-size:14px}.feature-dots{display:flex;gap:10px}.feature-dot{width:12px;height:12px;border-radius:50%;background:#444;cursor:pointer;transition:all .3s ease}.feature-dot:hover{background:#666}.feature-dot.active{background:gold;transform:scale(1.2)}.version-badge{display:inline-block;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;margin-left:10px;text-transform:uppercase}.demo-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888;font-size:14px}.demo-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #444;border-top-color:#c4a35a;border-radius:50%;margin-left:10px;animation:demoSpin 1s linear infinite;vertical-align:middle}@keyframes demoSpin{to{transform:rotate(360deg)}}#rotate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a472a,#0d2818);display:none;justify-content:center;align-items:center;flex-direction:column;z-index:9999}#rotate-overlay.visible{display:flex}.rotate-content{text-align:center}.rotate-animation{margin-bottom:30px}.phone-outline{width:60px;height:100px;border:4px solid #c4a35a;border-radius:10px;position:relative;margin:0 auto;animation:rotatePhone 2s ease-in-out infinite;transform-origin:center center}.phone-screen{position:absolute;top:8px;left:6px;right:6px;bottom:20px;background:#c4a35a4d;border-radius:4px}.phone-button{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:12px;height:12px;border:2px solid #c4a35a;border-radius:50%}@keyframes rotatePhone{0%,10%{transform:rotate(0)}40%,60%{transform:rotate(90deg)}90%,to{transform:rotate(0)}}.rotate-text{color:#c4a35a;font-size:24px;font-weight:700;margin:0 0 10px}.rotate-subtext{color:#888;font-size:14px;margin:0}#touch-controls{display:none;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}@media (pointer: coarse){#touch-controls{display:block}}.joystick-zone{position:absolute;left:0;bottom:0;width:40%;height:50%;pointer-events:auto}.joystick-base{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff26;border:3px solid rgba(255,255,255,.3);display:none}.joystick-base.active{display:block}.joystick-thumb{position:absolute;width:50px;height:50px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);transform:translate(-50%,-50%);left:50%;top:50%}.action-buttons{position:absolute;right:20px;bottom:100px;display:flex;flex-direction:column;gap:15px;pointer-events:auto}.touch-button{border-radius:50%;border:3px solid rgba(255,255,255,.5);display:flex;justify-content:center;align-items:center;font-size:24px;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .1s,opacity .1s}.touch-button:active{transform:scale(.9);opacity:.8}.touch-button.punch-btn{width:80px;height:80px;background:#c41e3acc}.touch-button.ability-btn{width:65px;height:65px;background:#2196f3cc}.touch-button.powerup-btn{width:55px;height:55px;background:#ffc107cc;display:none}.touch-button.powerup-btn.visible{display:flex}.touch-button.emote-btn{width:45px;height:45px;background:#9c27b0cc;font-size:18px}.camera-zone{position:absolute;right:0;top:0;bottom:0;width:60%;pointer-events:auto}.mobile-emote-wheel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;display:none;z-index:150}.mobile-emote-wheel.visible{display:block}.mobile-emote-option{position:absolute;width:60px;height:60px;border-radius:50%;background:#000c;border:2px solid #c4a35a;display:flex;justify-content:center;align-items:center;font-size:28px;cursor:pointer;transition:transform .2s,background .2s}.mobile-emote-option:active{transform:scale(1.1);background:#c4a35a80}.mobile-emote-option:nth-child(1){top:0;left:50%;transform:translate(-50%)}.mobile-emote-option:nth-child(2){top:50%;right:0;transform:translateY(-50%)}.mobile-emote-option:nth-child(3){bottom:0;left:50%;transform:translate(-50%)}.mobile-emote-option:nth-child(4){top:50%;left:0;transform:translateY(-50%)}@media (max-width: 900px) and (orientation: landscape){.game-hud{padding:0 10px;bottom:10px}.hud-stats,.hud-cooldowns,.hud-status{transform:scale(.75);transform-origin:bottom left;padding:8px 10px}.hud-status{transform-origin:bottom right}.hud-cooldowns{transform-origin:bottom center}.cooldown-bar{width:80px}.game-timer{font-size:24px;top:10px}.game-scoreboard{transform:scale(.8);transform-origin:top left;top:10px;left:10px}.game-leave-btn{transform:scale(.8);transform-origin:top right}.game-instructions{display:none}}@media (max-width: 900px) and (orientation: landscape){.lobby-browser-header{padding:5px 10px;margin-bottom:10px}.lobby-browser-header h1{font-size:20px}.header-buttons{gap:5px}.header-buttons .btn{padding:8px 12px;font-size:11px}.user-profile-card{padding:10px 20px;margin-bottom:10px}.profile-rank{font-size:24px}.profile-name{font-size:16px}#lobby-browser-view{padding:5px 15px 15px}.solana-banner{padding:8px 12px;font-size:12px;margin-bottom:10px}}@media (max-width: 900px) and (orientation: landscape){.lobby-sidebar{width:180px;padding:40px 10px 10px}.lobby-sidebar h2{font-size:14px}.player-item{padding:8px;margin-bottom:6px}.player-name{font-size:12px}.lobby-main{padding:10px}.lobby-title{font-size:20px;margin-bottom:5px}.character-preview{width:280px;height:280px}.character-nav{margin-top:10px;gap:15px}.nav-arrow{font-size:32px}.character-info{margin-top:10px}.character-name{font-size:18px}.character-stats{font-size:12px}.lobby-chat{width:200px;height:150px;bottom:10px;right:10px}.chat-messages{padding:6px}.chat-message{font-size:11px}.chat-input-row{padding:6px}.chat-input-row input{padding:6px 8px;font-size:11px}.chat-input-row button{padding:6px 10px;font-size:11px}.leave-btn{top:10px;left:10px;font-size:14px}.lobby-footer{padding-top:10px}.lobby-footer .btn{padding:10px 20px;font-size:14px}}@media (pointer: coarse){.new-badge,#powerup-hud{display:none!important}}@media (max-width: 900px) and (orientation: landscape){.victory-overlay{padding-bottom:20px}.victory-card{padding:15px 25px;max-width:90vw}.victory-title{font-size:24px;margin-bottom:10px}.victory-stats{gap:10px}.victory-score-value{font-size:28px}.victory-score-label{font-size:10px}.victory-rank-change{font-size:20px}.victory-rank-label{font-size:10px}.victory-total-value{font-size:18px}.victory-total-label{font-size:10px}.not-you-text{font-size:16px;margin-top:8px}}@media (max-width: 700px) and (orientation: landscape){.hud-stats,.hud-cooldowns,.hud-status{transform:scale(.65)}.game-timer{font-size:20px}.game-scoreboard{transform:scale(.7)}.victory-card{padding:10px 15px}.victory-title{font-size:20px}.victory-score-value{font-size:22px}.victory-rank-change{font-size:16px}.victory-total-value{font-size:14px}}