@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;font-family:"Press Start 2P",Courier New,monospace;color:#fff;image-rendering:pixelated}.hidden{display:none!important}::selection{background:#c41230;color:#fff}#game-container{display:none;width:100vw;height:100vh;align-items:flex-start;justify-content:center}#game-container canvas{image-rendering:pixelated;image-rendering:crisp-edges}#clerk-auth-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:url(../lobby-bg.jpg) center center / cover no-repeat;z-index:200}#clerk-auth-screen:before{content:"";position:absolute;inset:0;background:#000000c7}.clerk-auth-bg{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px}.clerk-auth-logo{font-size:24px;line-height:1.4;letter-spacing:2px;color:#c41230;text-shadow:3px 3px 0 #000,-1px -1px 0 #7a0a1a;text-align:center}#clerk-sign-in{min-width:360px}.clerk-card-override{border:3px solid #c41230!important;box-shadow:6px 6px #000!important;border-radius:0!important}.clerk-submit-btn{border-radius:0!important;font-family:"Press Start 2P",monospace!important;letter-spacing:1px}.clerk-input{border-radius:0!important;font-family:"Press Start 2P",monospace!important}#login-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:url(../lobby-bg.jpg) center center / cover no-repeat;z-index:100}#login-screen:before{content:"";position:absolute;inset:0;background:#000000b8}.login-card{position:relative;z-index:1;background:#0d0d0d;border:3px solid #c41230;box-shadow:6px 6px #000,inset 0 0 0 1px #c4123033;padding:48px 52px;display:flex;flex-direction:column;align-items:center;gap:24px;min-width:360px}.login-logo{font-size:26px;line-height:1.4;letter-spacing:2px;color:#c41230;text-shadow:3px 3px 0 #000,-1px -1px 0 #7a0a1a;text-align:center}.login-sub{font-size:9px;color:#888898;letter-spacing:2px}#username-input{width:100%;padding:14px 16px;background:#0a0a0a;border:2px solid #333;color:#fff;font-family:inherit;font-size:12px;letter-spacing:2px;outline:none;text-align:center;text-transform:uppercase;transition:border-color .1s}#username-input:focus{border-color:#c41230}#username-input::placeholder{color:#fff3;text-transform:none}#login-btn{width:100%;padding:16px;background:gold;border:3px solid #c9a800;box-shadow:4px 4px #7a6400;color:#0a0a0a;font-family:inherit;font-size:14px;letter-spacing:3px;cursor:pointer;transition:filter .1s,transform .1s}#login-btn:hover{filter:brightness(1.1)}#login-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #7a6400}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .3s steps(2)}#lobby-screen{position:fixed;inset:0;display:flex;flex-direction:column;background:url(../lobby-pixel-bg.png) center bottom / cover no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;z-index:100}#lobby-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#000000e6,#00000085 40%,#0000001a);pointer-events:none;z-index:0}#lobby-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:0}#lobby-screen.fade-in{animation:lobby-fade-in .5s steps(8) forwards}@keyframes lobby-fade-in{0%{opacity:0}to{opacity:1}}#lobby-screen>*{position:relative;z-index:1}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:#080808f5;border-bottom:3px solid #1a1a1a;flex-shrink:0}.lobby-nav{display:flex;gap:0}.nav-tab{padding:0 20px;height:52px;background:transparent;border:none;border-bottom:3px solid transparent;color:#666676;font-family:inherit;font-size:9px;letter-spacing:1.5px;cursor:pointer;transition:color .1s,border-color .1s;display:flex;align-items:center;gap:8px;text-transform:uppercase}.nav-tab.active{color:#c41230;border-bottom-color:#c41230;background:#c412300f}.nav-tab:not(.active):not(.nav-disabled):hover{color:#999}.nav-tab.nav-disabled{cursor:default;opacity:.35}.user-profile-area{display:flex;align-items:center;gap:10px}.user-avatar-img{width:34px;height:34px;border-radius:50%;border:2px solid #c41230;object-fit:cover;display:none}.user-profile-info{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.user-display-name{font-size:8px;color:#aaa;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-profile-btns{display:flex;gap:6px}.change-user-btn{padding:5px 10px;background:transparent;border:1px solid #444;color:#888;font-family:inherit;font-size:7px;letter-spacing:1px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.change-user-btn:hover{color:#c41230;border-color:#c41230}.sign-out-btn{padding:5px 10px;background:transparent;border:1px solid #444;color:#888;font-family:inherit;font-size:7px;letter-spacing:1px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.sign-out-btn:hover{color:#e63946;border-color:#e63946}.soon-tag{font-size:7px;letter-spacing:1px;background:#1a1a1a;color:#666676;padding:2px 5px}.lobby-body,.lobby-main-view{display:flex;flex:1;overflow:hidden}.lobby-control-panel{width:720px;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding:20px 40px 16px;background:#0a0a0a9e;border-right:3px solid #1a1a1a;overflow-y:auto}.panel-title{font-size:32px;line-height:1.35;letter-spacing:3px;color:#c41230;text-shadow:4px 4px 0 #000,-1px -1px 0 #7a0a1a}.panel-divider{height:3px;background:#c41230;box-shadow:0 2px #7a0a1a}.mode-selector{display:flex;gap:0;border:2px solid #1a1a1a}.mode-btn{flex:1;padding:16px 0;background:#0d0d0d;border:none;color:#666676;font-family:inherit;font-size:14px;letter-spacing:2px;cursor:pointer;transition:background .1s,color .1s;text-transform:uppercase}.mode-btn:first-child{border-right:2px solid #1a1a1a}.mode-btn.active{background:#150505;color:#c41230;box-shadow:inset 0 -3px #c41230}.mode-btn:not(.active):hover{background:#1a1a1a;color:#999}.sub-options{display:flex;flex-direction:column;gap:10px}.host-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%;min-width:0}.host-row .sub-label,.host-row .max-players-label{flex:0 0 auto;min-width:64px;white-space:nowrap}.host-row .game-mode-selector,.host-row .player-count-selector{flex:1 1 0;min-width:0}.host-row .game-mode-btn,.host-row .player-count-btn{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-btn{padding:11px 18px;background:#0d0d0d;border:2px solid #2a2a2a;color:#666676;font-family:inherit;font-size:13px;letter-spacing:1.5px;cursor:pointer;transition:background .1s,color .1s,border-color .1s;text-transform:uppercase}.sub-btn.active{background:#150505;color:#c41230;border-color:#c41230}.sub-btn:not(.active):hover{background:#1a1a1a;color:#999}#room-code-input{padding:9px 10px;background:#0d0d0d;border:2px solid #2a2a2a;color:#fff;font-family:inherit;font-size:9px;letter-spacing:3px;outline:none;text-align:center;text-transform:uppercase;width:130px;transition:border-color .1s}#room-code-input:focus{border-color:#c41230}#room-code-input::placeholder{color:#ffffff2e;letter-spacing:1px}.sub-label{font-size:12px;letter-spacing:2px;color:#666676;white-space:nowrap}.game-mode-selector{display:flex;gap:0;border:2px solid #2a2a2a;width:100%}.game-mode-btn{flex:1;padding:10px 12px;background:#0d0d0d;border:none;border-right:1px solid #2a2a2a;color:#666676;font-family:inherit;font-size:12px;letter-spacing:1.5px;cursor:pointer;transition:background .1s,color .1s;text-transform:uppercase}.game-mode-btn:last-child{border-right:none}.game-mode-btn.active{background:#150505;color:#c41230}.game-mode-btn:hover:not(.active){background:#111;color:#888}.room-browser{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin-top:8px;width:100%}.room-browser.hidden{display:none}.room-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#0d0d0d;border:2px solid #2a2a2a;cursor:pointer;transition:border-color .15s,background .15s;font-size:8px;letter-spacing:1px;color:#aaa}.room-card:hover{border-color:#c41230;background:#150505}.room-card.selected{border-color:#c41230;background:#1a0808}.room-mode{color:#f5c518;min-width:80px;font-weight:700}.room-code{color:#2ecc71;font-size:9px;letter-spacing:2px}.room-players{color:#a8dadc}.room-time{color:#888;font-size:7px}.room-status{font-size:7px;padding:2px 6px;border:1px solid;text-transform:uppercase}.room-status.open{color:#2ecc71;border-color:#2ecc71}.room-status.in-game{color:#e67e22;border-color:#e67e22}.no-rooms{color:#666;font-size:8px;text-align:center;padding:20px;letter-spacing:1px}.max-players-label{font-size:12px;letter-spacing:2px;color:#666676;white-space:nowrap}.player-count-selector{display:flex;gap:0;border:2px solid #2a2a2a}.player-count-btn{padding:10px 14px;background:#0d0d0d;border:none;border-right:1px solid #2a2a2a;color:#666676;font-family:inherit;font-size:12px;letter-spacing:1.5px;cursor:pointer;transition:background .1s,color .1s}.player-count-btn:last-child{border-right:none}.player-count-btn.active{background:#150505;color:#c41230}.player-count-btn:not(.active):hover{background:#1a1a1a;color:#999}.play-btn{width:100%;padding:20px 0;background:gold;border:3px solid #c9a800;box-shadow:5px 5px #7a6400;color:#0a0a0a;font-family:inherit;font-size:20px;letter-spacing:5px;cursor:pointer;text-transform:uppercase;transition:filter .1s,transform .1s,box-shadow .1s;animation:pulse-play 1.8s steps(4) infinite;margin-top:0}.play-btn:hover{filter:brightness(1.1);animation:none}.play-btn:active{transform:translate(3px,3px);box-shadow:2px 2px #7a6400}.play-btn:disabled{opacity:.65;cursor:default;animation:none}@keyframes pulse-play{0%,to{box-shadow:5px 5px #7a6400}50%{box-shadow:5px 5px #c9a800;filter:brightness(1.06)}}.char-showcase-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;overflow:hidden}.char-showcase-right:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:88%;height:80%;background:radial-gradient(ellipse at 50% 80%,rgba(0,0,0,.4) 0%,rgba(0,0,0,.15) 40%,transparent 70%);pointer-events:none;z-index:0}.char-username{position:absolute;top:14%;left:50%;transform:translate(-50%);z-index:10;font-size:16px;letter-spacing:3px;color:gold;text-shadow:3px 3px 0 #000,-2px -2px 0 #7a6400,2px 0px 0 #c9a800;white-space:nowrap;text-transform:uppercase}.lobby-stats{position:absolute;top:calc(14% + 26px);left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px;align-items:flex-start;justify-content:center;white-space:nowrap;min-height:28px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0000008c;border:1px solid rgba(196,18,48,.35);padding:4px 8px}.stat-val{font-size:11px;color:gold;letter-spacing:1px}.stat-lbl{font-size:6px;color:#666676;letter-spacing:2px}.char-label{font-size:8px;letter-spacing:3px;color:#666676;text-align:center;text-transform:uppercase;position:relative;z-index:2;margin-bottom:4px}.char-canvas-wrap{position:relative;z-index:2;height:calc(100vh - 120px);display:flex;align-items:flex-end;justify-content:center}#char-preview{image-rendering:pixelated;image-rendering:crisp-edges;display:block;height:100%;width:auto;max-width:100%;filter:drop-shadow(4px 4px 0px rgba(0,0,0,.9)) drop-shadow(-2px -2px 0px rgba(0,0,0,.7)) drop-shadow(0 0 20px rgba(0,0,0,.5))}.char-platform{display:none}#locker-panel{flex:1;overflow-y:auto;padding:24px 32px;background:#0a0a0ad1}#stats-panel,#leaderboard-panel{flex:1;overflow-y:auto;padding:32px 48px;background:#0a0a0ad1}.stats-panel-inner{max-width:720px;margin:0 auto}#leaderboard-panel .stats-panel-inner{max-width:none;width:100%}.stats-panel-title{font-size:18px;letter-spacing:4px;color:#c41230;text-shadow:3px 3px 0 #000;margin-bottom:28px}.stats-profile-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.stats-avatar{width:56px;height:56px;border-radius:50%;border:3px solid #c41230;object-fit:cover}.stats-profile-name{font-size:22px;color:gold;letter-spacing:3px;text-shadow:3px 3px 0 #000}.stats-divider{height:1px;background:linear-gradient(to right,#c41230,transparent);margin:18px 0 14px}.stats-row-label{font-size:8px;color:#666676;letter-spacing:3px;margin-bottom:12px}.stats-cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.stats-card{flex:1;min-width:120px;background:#0d0d0d;border:2px solid #1e1e1e;padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .15s}.stats-card:hover{border-color:#444}.stats-card-highlight{border-color:#c41230!important;background:#130505}.stats-card-val{font-size:28px;color:#fff;letter-spacing:1px;text-shadow:2px 2px 0 #000}.stats-card-highlight .stats-card-val{color:gold}.stats-card-lbl{font-size:7px;color:#666676;letter-spacing:2px;text-align:center}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-top:80px;text-align:center}.stats-empty-icon{font-size:48px}.stats-empty-msg{font-size:14px;color:#888898;letter-spacing:2px}.stats-empty-sub{font-size:9px;color:#444456;letter-spacing:1px}.stats-grid-loading{font-size:9px;color:#444456;letter-spacing:2px;padding-top:40px}.leaderboard-table{width:100%;border-collapse:collapse;font-size:11px;letter-spacing:1px}.leaderboard-table th{color:#c41230;padding:8px 12px;text-align:left;border-bottom:2px solid #c41230;letter-spacing:2px}.leaderboard-table td{padding:8px 12px;border-bottom:1px solid #222238;color:#ccd}.leaderboard-table .leaderboard-top td{color:#fff}.leaderboard-table tr:hover td{background:#1a1a2e}.leaderboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.leaderboard-col{min-width:0}.leaderboard-col-title{font-size:11px;letter-spacing:3px;color:#c41230;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #c41230;text-shadow:2px 2px 0 #000;text-align:center}.leaderboard-grid .leaderboard-table{font-size:10px;width:100%}.leaderboard-grid .leaderboard-table th,.leaderboard-grid .leaderboard-table td{padding:6px}.leaderboard-empty{color:#666;font-size:9px;letter-spacing:1px;text-align:center;padding:16px 8px}@media(max-width:900px){.leaderboard-grid{grid-template-columns:1fr}}.locker-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;gap:16px}.char-card{background:#0d0d0d;border:2px solid #2a2a2a;padding:20px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .1s}.char-card:hover{border-color:#666676;box-shadow:3px 3px #000}.char-card.selected{border-color:#c41230;box-shadow:3px 3px #7a0a1a;background:#150505}.char-card canvas{image-rendering:pixelated;image-rendering:crisp-edges}.char-card-name{font-size:11px;letter-spacing:2px;color:#ccccd8;text-align:center;font-weight:700;text-transform:uppercase}.char-card-stats{display:flex;flex-direction:column;gap:4px;width:100%;padding:6px 8px 0}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:9px;letter-spacing:1px;color:#888898;text-transform:uppercase;min-width:56px}.stat-dots{display:flex;gap:4px}.stat-dot{width:10px;height:10px;border-radius:50%;background:#222230;border:1px solid #333345}.stat-dot.filled{background:#c41230;border-color:#e8143a;box-shadow:0 0 4px #c4123066}.stat-value{font-size:10px;color:#aaaab8;min-width:28px;text-align:right;font-weight:700}#online-count{font-size:13px;letter-spacing:2px;color:#666676;text-align:center;white-space:nowrap;margin-bottom:6px;text-transform:uppercase}#online-count .count-value{color:#a8dadc;font-weight:700;font-size:16px}#landing-screen{position:fixed;inset:0;background:#000;z-index:300;overflow:hidden;display:block;animation:landing-fade-in .5s steps(8) forwards}@keyframes landing-fade-in{0%{opacity:0}to{opacity:1}}.landing-asphalt{position:absolute;left:0;right:0;top:0;height:50%;background:radial-gradient(ellipse at center bottom,#3232328c,#0000 70%),repeating-linear-gradient(37deg,#ffffff04 0 2px,#0000 2px 5px),repeating-linear-gradient(-53deg,#ffffff03 0 1px,#0000 1px 4px),linear-gradient(to top,#1c1c1c,#232323,#171717);box-shadow:inset 0 -2px #ffffff0d}.landing-asphalt:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(196,18,48,.08) 0%,transparent 60%);pointer-events:none}.landing-asphalt:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(to top,#000000d9,#0000);pointer-events:none}#landing-screen>.landing-scanlines,#landing-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:5}.landing-title{position:absolute;left:0;right:0;top:3%;margin:0;font-family:"Press Start 2P",monospace;font-size:min(15vw,20vh);line-height:.95;letter-spacing:.02em;color:#c41230;text-align:center;text-shadow:8px 8px 0 #000,-3px -3px 0 #7a0a1a,0 0 32px rgba(196,18,48,.4);transform:scaleY(1.4);transform-origin:top center;z-index:4;pointer-events:none;white-space:nowrap}.landing-sprites{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;gap:clamp(180px,22vw,360px);z-index:5;pointer-events:none}.landing-sprite{width:48px;height:64px;overflow:hidden;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.95));transform:scale(6.5);transform-origin:bottom center;image-rendering:pixelated}.landing-sprite img{display:block;width:384px;height:64px;object-fit:none;object-position:0 0;image-rendering:pixelated;animation:sprite-idle-8 .9s steps(8) infinite}@keyframes sprite-idle-8{0%{object-position:0 0}to{object-position:-384px 0}}.landing-get-started{position:absolute;left:50%;bottom:10%;transform:translate(-50%);padding:18px 44px;background:gold;border:3px solid #c9a800;box-shadow:5px 5px #7a6400;color:#0a0a0a;font-family:"Press Start 2P",monospace;font-size:16px;letter-spacing:3px;cursor:pointer;opacity:0;animation:landing-btn-fade .6s ease-out 1.2s forwards;transition:filter .1s,transform .1s,box-shadow .1s;z-index:4}.landing-get-started:hover{filter:brightness(1.1)}.landing-get-started:active{transform:translate(calc(-50% + 3px),3px);box-shadow:2px 2px #7a6400}@keyframes landing-btn-fade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.landing-skip{position:absolute;right:20px;bottom:16px;background:transparent;border:none;color:#555565;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:1.5px;cursor:pointer;opacity:0;animation:landing-btn-fade .6s ease-out 1.6s forwards;transition:color .1s;z-index:4}.landing-skip:hover{color:#c41230}#onboarding-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(196,18,48,.05) 0%,transparent 70%),linear-gradient(to bottom,#050505,#0d0d0d,#050505);z-index:300;padding:24px}#onboarding-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none}.onboarding-card{position:relative;z-index:1;background:#0d0d0d;border:3px solid #c41230;box-shadow:6px 6px #000,inset 0 0 0 1px #c4123033;padding:28px 32px 24px;width:min(720px,95vw);max-height:92vh;display:flex;flex-direction:column;gap:16px;animation:onboarding-card-in .3s steps(6)}@keyframes onboarding-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{display:flex;flex-direction:column;align-items:center;gap:8px}.onboarding-step-badge{font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:2px;color:gold;padding:5px 10px;background:#ffd70014;border:1px solid #c9a800}.onboarding-title{font-family:"Press Start 2P",monospace;font-size:18px;letter-spacing:2px;color:#c41230;text-shadow:3px 3px 0 #000,-1px -1px 0 #7a0a1a;text-align:center;line-height:1.4}.onboarding-image-frame{border:2px solid #c41230;box-shadow:inset 0 0 0 1px #c4123033,4px 4px #000;background:#050505;padding:3px;display:flex;align-items:center;justify-content:center;max-height:56vh;overflow:hidden}.onboarding-image{display:block;max-width:100%;max-height:54vh;width:auto;height:auto;image-rendering:auto}.onboarding-caption{font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.8;letter-spacing:1.5px;color:#aaaab8;text-align:center;padding:0 8px;text-transform:uppercase}.onboarding-dots{display:flex;justify-content:center;gap:10px}.onboarding-dot{width:10px;height:10px;background:#2a2a2a;border:1px solid #333;transition:background .1s,border-color .1s}.onboarding-dot.active{background:#c41230;border-color:#e8143a;box-shadow:0 0 6px #c4123080}.onboarding-nav{display:flex;justify-content:space-between;gap:12px;margin-top:4px}.onboarding-back,.onboarding-next{padding:14px 24px;background:#0d0d0d;border:2px solid #c41230;color:#c41230;font-family:"Press Start 2P",monospace;font-size:11px;letter-spacing:2px;cursor:pointer;transition:background .1s,color .1s,transform .1s;min-width:120px}.onboarding-back:hover,.onboarding-next:hover{background:#150505}.onboarding-back:active,.onboarding-next:active{transform:translate(2px,2px)}.onboarding-back:disabled{opacity:.3;cursor:default;color:#555;border-color:#333}.onboarding-back:disabled:hover{background:#0d0d0d}.onboarding-next.final{background:gold;border-color:#c9a800;color:#0a0a0a;box-shadow:4px 4px #7a6400}.onboarding-next.final:hover{filter:brightness(1.1);background:gold}.onboarding-next.final:active{transform:translate(2px,2px);box-shadow:2px 2px #7a6400}.onboarding-card.controls-mode{width:min(1100px,97vw);max-height:94vh}#onboarding-controls{display:flex;flex-direction:column;gap:14px}#onboarding-controls.hidden{display:none}.ctrl-keys-section{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;background:#060606;border:1px solid #222;padding:12px 16px}.ctrl-key-item{display:flex;align-items:center;gap:8px}.ctrl-keys{font-family:"Press Start 2P",monospace;font-size:8px;background:#1a1a1a;border:2px solid #444;box-shadow:2px 2px #000;color:gold;padding:5px 8px;letter-spacing:1px;white-space:nowrap}.ctrl-arrow{font-family:"Press Start 2P",monospace;font-size:7px;color:#555}.ctrl-desc{font-family:"Press Start 2P",monospace;font-size:7px;color:#ccc;white-space:nowrap}.ctrl-char-row{display:flex;gap:12px;justify-content:center;align-items:flex-end;background:#060606;border:1px solid #1a1a1a;padding:10px}.ctrl-char-slot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.ctrl-char-slot canvas{image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:auto}.ctrl-char-label{font-family:"Press Start 2P",monospace;font-size:6px;color:#666;letter-spacing:1px}.ctrl-pickups-section{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ctrl-pickup-card{background:#060606;border:2px solid #1e1e1e;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 16px}.ctrl-pickup-canvas,.ctrl-pickup-gif{image-rendering:pixelated;image-rendering:crisp-edges;width:100%;max-width:128px;height:auto}.ctrl-pickup-name{font-family:"Press Start 2P",monospace;font-size:8px;color:#fff;text-align:center;letter-spacing:1px}.ctrl-pickup-stat{font-family:"Press Start 2P",monospace;font-size:9px;color:gold;text-align:center}.ctrl-pickup-desc{font-family:"Press Start 2P",monospace;font-size:6px;color:#777;text-align:center;line-height:1.8}#character-select-screen{position:fixed;inset:0;z-index:150;background:#050505;display:flex;align-items:center;justify-content:center;overflow-y:auto}#character-select-screen.hidden{display:none}.char-select-bg{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 32px 40px;width:100%;box-sizing:border-box}.char-select-title{font-family:"Press Start 2P",monospace;font-size:clamp(14px,2vw,22px);color:gold;text-align:center;letter-spacing:2px;text-shadow:3px 3px 0 #7a6400;margin:0}.char-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.char-select-panel{background:#0d0d0d;border:3px solid #2a2a2a;padding:20px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.char-select-panel:hover{border-color:#555;background:#111;transform:translateY(-2px)}.char-select-panel.selected{border-color:#c41230;background:#140508;box-shadow:0 0 16px #c4123040}.char-select-panel canvas{image-rendering:pixelated;image-rendering:crisp-edges;width:100%;max-width:220px;height:auto;aspect-ratio:1}.char-select-name{font-family:"Press Start 2P",monospace;font-size:11px;color:#fff;text-align:center;letter-spacing:1px}.char-select-weapon{font-family:"Press Start 2P",monospace;font-size:8px;color:#888;text-align:center}.char-select-stats{width:100%;display:flex;flex-direction:column;gap:4px;margin-top:6px}.char-select-pros,.char-select-cons{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:3px}.char-select-pros li{font-family:"Press Start 2P",monospace;font-size:6px;color:#2ecc71;padding-left:10px;position:relative}.char-select-pros li:before{content:"+";position:absolute;left:0;color:#2ecc71}.char-select-cons li{font-family:"Press Start 2P",monospace;font-size:6px;color:#e63946;padding-left:10px;position:relative}.char-select-cons li:before{content:"-";position:absolute;left:0;color:#e63946}.char-select-confirm-btn{font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.2vw,14px);background:gold;color:#0a0a0a;border:3px solid #c9a800;box-shadow:4px 4px #7a6400;padding:14px 32px;cursor:pointer;letter-spacing:1px;transition:filter .1s,transform .1s,box-shadow .1s}.char-select-confirm-btn:hover{filter:brightness(1.1)}.char-select-confirm-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #7a6400}#private-code-modal{position:fixed;inset:0;z-index:400;background:#000000bf;display:flex;align-items:center;justify-content:center}#private-code-modal.hidden{display:none}.private-code-card{background:#0d0d0d;border:3px solid #c41230;box-shadow:6px 6px #000;padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:280px}.private-code-title{font-family:"Press Start 2P",monospace;font-size:13px;color:gold;text-align:center;letter-spacing:1px}.private-code-sub{font-family:"Press Start 2P",monospace;font-size:7px;color:#aaa;text-align:center;margin:0}#private-code-input{font-family:"Press Start 2P",monospace;font-size:14px;background:#000;color:#fff;border:2px solid #c41230;padding:10px 16px;text-align:center;text-transform:uppercase;letter-spacing:4px;width:100%;box-sizing:border-box;outline:none}#private-code-input:focus{border-color:#ff4060}.private-code-buttons{display:flex;gap:12px;width:100%}#private-code-confirm,#private-code-cancel{font-family:"Press Start 2P",monospace;font-size:9px;padding:10px 0;flex:1;cursor:pointer;letter-spacing:1px;transition:filter .1s,transform .1s}#private-code-confirm{background:#c41230;color:#fff;border:2px solid #8b0c22;box-shadow:3px 3px #000}#private-code-confirm:hover{filter:brightness(1.15)}#private-code-confirm:active{transform:translate(1px,1px);box-shadow:1px 1px #000}#private-code-cancel{background:#1a1a1a;color:#888;border:2px solid #333;box-shadow:3px 3px #000}#private-code-cancel:hover{filter:brightness(1.3);color:#ccc}#private-code-cancel:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.room-card.private .room-code{color:#aaa;font-size:7px}