:root{--bg-dark: #07080d;--bg-card: rgba(18, 20, 36, .65);--border-glow: rgba(255, 255, 255, .08);--cyan: #00f0ff;--cyan-glow: rgba(0, 240, 255, .35);--purple: #9d4edd;--purple-glow: rgba(157, 78, 221, .35);--red: #ff3366;--red-glow: rgba(255, 51, 102, .35);--green: #2ecc71;--text-primary: #f8f9fa;--text-secondary: #a0aec0;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-primary)}#game-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:block;background:radial-gradient(circle at 50% 50%,#0d0e19cc,#07080d);overflow-y:auto;padding:40px 20px}.lobby-container{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.lobby-header{text-align:center}.logo-text{font-size:3.5rem;font-weight:800;letter-spacing:4px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2),0 0 20px var(--cyan-glow)}.logo-text span{color:var(--purple);text-shadow:0 0 20px var(--purple-glow)}.subtitle-text{font-size:1.1rem;color:var(--text-secondary);letter-spacing:2px;margin-top:5px}.lobby-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}@media (max-width: 768px){.lobby-grid{grid-template-columns:1fr;gap:15px}}.glassmorphism{background:var(--bg-card);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border-glow);border-radius:16px;box-shadow:0 8px 32px #0006}.lobby-card{padding:20px;display:flex;flex-direction:column;gap:15px;min-height:380px}.card-title{font-size:1.5rem;font-weight:600;letter-spacing:1px}.card-header-row{display:flex;justify-content:space-between;align-items:center}.text-cyan{color:var(--cyan)}.text-purple{color:var(--purple)}.section-desc{font-size:.9rem;color:var(--text-secondary);margin-top:-10px}.divider{height:1px;background:#ffffff14;width:100%}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:600}.input-group input[type=text],.input-group input[type=password],.input-group input[type=email],.input-group select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.input-group input[type=text]:focus,.input-group input[type=password]:focus,.input-group input[type=email]:focus,.input-group select:focus{border-color:var(--cyan);background:#ffffff12;box-shadow:0 0 10px #00f0ff26}.input-group-row{display:flex;align-items:center;gap:10px}.input-group-row label{font-size:.9rem;color:var(--text-secondary);cursor:pointer}.scroll-list{display:flex;flex-direction:column;gap:10px;height:200px;overflow-y:auto;padding-right:5px}.scroll-list::-webkit-scrollbar{width:6px}.scroll-list::-webkit-scrollbar-track{background:#0000002e;border-radius:4px}.scroll-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.scroll-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.list-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-style:italic;font-size:.9rem;text-align:center}.map-item,.room-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s ease;cursor:pointer}.map-item:hover,.room-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.map-item.selected,.room-item.selected{background:#9d4edd26;border-color:var(--purple)}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:600;font-size:1rem}.item-meta{font-size:.75rem;color:var(--text-secondary)}.item-badge{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-public{background:#2ecc7126;color:var(--green)}.badge-private{background:#f39c1226;color:#f39c12}.btn{border:none;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;display:inline-block;outline:none}.btn-secondary{background:#ffffff14;color:var(--text-primary)}.btn-secondary:hover{background:#ffffff26}.btn-cyan{background:var(--cyan);color:#000}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--cyan-glow)}.btn-purple{background:var(--purple);color:#fff}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--purple-glow)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--red-glow)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:#ffffff0f;color:var(--cyan)}.action-buttons{margin-top:auto;display:flex;gap:12px}.action-buttons .btn{flex:1}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#050508b3;z-index:100;display:flex;align-items:flex-start;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;padding:40px 10px}.modal-content{width:100%;max-width:480px;padding:30px;display:flex;flex-direction:column;gap:20px}.modal-title{font-size:1.6rem;font-weight:700;letter-spacing:1px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.hint-text{font-size:.75rem;color:var(--text-secondary)}.hidden{display:none!important}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#ffffff1a;border-radius:3px}input[type=range]::-webkit-slider-thumb{height:16px;width:16px;border-radius:50%;background:var(--cyan);cursor:pointer;-webkit-appearance:none;margin-top:-5px;box-shadow:0 0 8px var(--cyan-glow)}.editor-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.editor-sidebar{position:absolute;top:20px;left:20px;width:280px;padding:24px;display:flex;flex-direction:column;gap:20px;pointer-events:auto;max-height:calc(100% - 40px);overflow-y:auto}.sidebar-title{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.tile-palette{display:flex;flex-direction:column;gap:12px}.palette-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.palette-item:hover{background:#ffffff0f}.palette-item.active{background:#00f0ff1a;border-color:var(--cyan)}.color-preview{width:20px;height:20px;border-radius:4px}.tile-solid{background:#00d2ff;box-shadow:0 0 6px #00d2ff80}.tile-platform{background:#9d4edd;box-shadow:0 0 6px #9d4edd80}.tile-hazard{background:#f36;box-shadow:0 0 6px #ff336680}.tile-spawn{background:#2ecc71;box-shadow:0 0 6px #2ecc7180}.tile-water{background:#1e90ff;box-shadow:0 0 6px #1e90ff99}.tile-booster{background:gold;box-shadow:0 0 6px #ffd70099}.tile-ice{background:#afeeee;box-shadow:0 0 6px #afeeee99}.tile-bouncy{background:#ff8c00;box-shadow:0 0 6px #ff8c0099}.tile-empty{background:transparent;border:2px dashed rgba(255,255,255,.2)}.tile-hand{background:transparent;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.editor-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.editor-actions .btn{width:100%}.game-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.hud-top-bar{position:absolute;top:20px;left:20px;right:20px;height:60px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.hud-room-info{display:flex;gap:16px}.hud-tag{font-size:.85rem;background:#ffffff0d;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.hud-tag strong{color:var(--cyan)}.hud-timer{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,.2)}.hud-scoreboard-card{position:absolute;top:95px;right:20px;width:250px;padding:16px;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.scoreboard-title{font-size:1.1rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.hud-players-scroll{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.hud-player-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:6px;font-size:.9rem;background:#ffffff05}.hud-player-name-col{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-tagger-badge{font-size:.7rem;font-weight:800;color:var(--red);border:1px solid var(--red);padding:1px 4px;border-radius:4px;text-transform:uppercase;box-shadow:0 0 6px var(--red-glow)}.hud-runner-badge{font-size:.7rem;font-weight:800;color:var(--cyan);border:1px solid var(--cyan);padding:1px 4px;border-radius:4px;text-transform:uppercase}.hud-player-score{font-weight:700}.emote-bar{border-top:1px solid rgba(255,255,255,.08);padding-top:10px;display:flex;flex-direction:column;gap:8px}.emote-hint{font-size:.75rem;color:var(--text-secondary)}.emote-list{display:flex;justify-content:space-between}.hud-emote{font-size:1.4rem;cursor:pointer;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.hud-emote:hover{transform:scale(1.3)}.game-alerts{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:8px;align-items:center;z-index:100}.alert-message{background:#121424d9;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 15px #0006;animation:slide-up-alert .3s cubic-bezier(.16,1,.3,1),fade-out .5s ease 2.5s forwards}@keyframes slide-up-alert{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{to{opacity:0;transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{opacity:0;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--font-family: "VT323", monospace !important;--font-header: "Press Start 2P", monospace !important;--bg-dark: #080810 !important;--bg-card: #151528 !important;--border-glow: #000000 !important}*{font-family:var(--font-family);image-rendering:pixelated}h1,h2,h3,h4,h5,h6,.logo-text,.btn,.modal-title,.card-title,.scoreboard-title,.hud-timer,.hud-tag,.badge,.item-badge,.hud-tagger-badge,.hud-runner-badge,.hud-player-score{font-family:var(--font-header)!important;font-weight:400!important}.logo-text{font-size:2rem!important;letter-spacing:0px!important;text-shadow:4px 4px 0px #000,0 0 10px var(--cyan-glow)!important}.logo-text span{font-size:2rem!important}.subtitle-text{font-size:1.1rem!important;margin-top:15px!important;letter-spacing:1px!important;font-family:var(--font-family)!important}.card-title{font-size:.95rem!important}.modal-title{font-size:1.1rem!important}.scoreboard-title{font-size:.8rem!important}.btn{font-size:.75rem!important;letter-spacing:0px!important}.hud-timer{font-size:1rem!important}#hud-timer-val{font-size:1.5rem!important;font-family:var(--font-header)!important}#hud-waiting-status,.hud-tag{font-size:.85rem!important;font-family:var(--font-family)!important}.hud-tag strong{font-family:var(--font-family)!important}.alert-message{font-family:var(--font-family)!important;font-size:1.25rem!important;border-radius:0!important;border:4px solid #000!important;box-shadow:4px 4px #000!important}.emote-hint{font-family:var(--font-family)!important;font-size:.95rem!important}.glassmorphism{background:var(--bg-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:4px solid #000!important;border-radius:0!important;box-shadow:6px 6px #000000e6!important}.modal-content{border-radius:0!important}.map-item,.room-item,.palette-item,.hud-player-row{border-radius:0!important;border:3px solid #000!important;box-shadow:3px 3px #000!important;background:#00000059!important;transition:none!important}.map-item:hover,.room-item:hover,.palette-item:hover{transform:translate(-1px,-1px)!important;box-shadow:4px 4px #000!important;background:#ffffff0d!important}.map-item.selected,.room-item.selected,.palette-item.active{border-color:var(--purple)!important;box-shadow:3px 3px 0 0 var(--purple)!important;background:#9d4edd2e!important}.input-group input[type=text],.input-group input[type=password],.input-group input[type=email],.input-group select{border-radius:0!important;border:4px solid #000!important;box-shadow:inset 2px 2px #000!important;background:#0000004d!important;font-family:var(--font-family)!important;font-size:1.25rem!important;padding:8px 12px!important}.input-group input[type=text]:focus,.input-group input[type=password]:focus,.input-group input[type=email]:focus,.input-group select:focus{border-color:var(--cyan)!important;box-shadow:inset 2px 2px #000,3px 3px 0 0 var(--cyan)!important;background:#0006!important}input[type=range]::-webkit-slider-runnable-track{background:#000!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:0!important}input[type=range]::-webkit-slider-thumb{border-radius:0!important;border:2px solid #000!important;background:var(--cyan)!important;box-shadow:none!important}.btn{border:4px solid #000!important;border-radius:0!important;box-shadow:4px 4px #000!important;transition:none!important;position:relative;font-size:.75rem!important;padding:10px 18px!important}.btn:hover{transform:translate(-1px,-1px)!important;box-shadow:5px 5px #000!important}.btn:active{transform:translate(2px,2px)!important;box-shadow:1px 1px #000!important}.btn-cyan:hover,.btn-purple:hover,.btn-danger:hover{box-shadow:5px 5px #000!important}.btn-cyan:active,.btn-purple:active,.btn-danger:active{box-shadow:1px 1px #000!important}.divider{border-top:4px dashed #000!important;background:transparent!important;height:0px!important;margin:15px 0!important}.hud-tagger-badge,.hud-runner-badge,.item-badge,.badge-public,.badge-private{border-radius:0!important;border:2px solid currentColor!important;text-transform:uppercase;font-size:.65rem!important;padding:2px 6px!important;display:inline-block;background:transparent!important;box-shadow:none!important}::-webkit-scrollbar{width:8px!important;height:8px!important}::-webkit-scrollbar-track{background:#000!important;border-radius:0!important}::-webkit-scrollbar-thumb{background:var(--text-secondary)!important;border:2px solid #000!important;border-radius:0!important}::-webkit-scrollbar-thumb:hover{background:var(--cyan)!important}.vkey{width:38px;height:38px;border:3px solid rgba(255,255,255,.15)!important;border-radius:0!important;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary);font-size:.85rem;background:#ffffff05!important;font-family:"Press Start 2P",monospace;transition:all .1s ease;box-shadow:2px 2px #000!important}.vkey.active{border-color:var(--cyan)!important;color:var(--cyan)!important;background:#00f0ff33!important;box-shadow:0 0 12px var(--cyan-glow),2px 2px #000!important;transform:translate(1px,1px)}.encyclopedia-container{display:flex;gap:15px;height:320px;margin-top:5px}@media (max-width: 768px){.encyclopedia-container{flex-direction:column;height:auto;max-height:400px;overflow-y:auto}.modal-content{padding:20px;max-width:95%}.modal-overlay{padding:20px 10px}}@media (max-width: 480px){.screen-overlay{padding:20px 10px}.lobby-card{padding:16px;min-height:auto!important;gap:15px}.logo-text{font-size:2.2rem}.subtitle-text{font-size:.9rem}.lobby-grid{gap:15px}.btn{padding:10px 16px;font-size:.9rem}}#mobile-touch-controls{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99}.touch-group{position:absolute;bottom:25px;display:flex;gap:15px;pointer-events:auto}.touch-left-group{left:25px}.touch-right-group{right:25px}.btn-touch{width:60px;height:60px;border-radius:0!important;border:4px solid #000!important;background:#15152880!important;color:var(--cyan)!important;font-family:var(--font-header)!important;font-size:1.4rem!important;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:4px 4px #000!important;transition:transform .05s ease,background .05s ease}.btn-touch:active,.btn-touch.pressed{transform:translate(2px,2px)!important;box-shadow:1px 1px #000!important;background:#00f0ff40!important;color:#fff!important;border-color:var(--cyan)!important}#btn-touch-jump{color:var(--purple)!important}#btn-touch-jump:active,#btn-touch-jump.pressed{background:#9d4edd4d!important;color:#fff!important;border-color:var(--purple)!important}.mobile-only-btn{display:none!important}@media (max-width: 950px){.mobile-only-btn{display:inline-block!important}.hud-top-bar{top:2px!important;left:2px!important;right:2px!important;height:30px!important;padding:0 4px!important;gap:6px!important}.hud-room-info{gap:4px!important}.hud-tag{font-size:.55rem!important;padding:2px 4px!important}#btn-copy-room-link{display:none!important}.hud-timer{font-size:.85rem!important}#hud-timer-val{font-size:.9rem!important}#hud-waiting-status{display:none!important}.hud-actions{gap:4px!important}.hud-actions .btn-sm{padding:2px 6px!important;font-size:.65rem!important;height:22px!important;line-height:18px!important}.hud-scoreboard-card{top:36px!important;right:2px!important;width:140px!important;padding:4px!important;gap:2px!important;background:#07080d33!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:none!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}.hud-scoreboard-card .scoreboard-title,.hud-scoreboard-card #hud-player-list{display:none!important}.hud-scoreboard-card.show-scores .scoreboard-title{display:block!important;font-size:.65rem!important;padding-bottom:2px!important;margin-bottom:2px!important}.hud-scoreboard-card.show-scores #hud-player-list{display:flex!important;max-height:110px!important;gap:3px!important}.hud-player-row{padding:2px 4px!important;font-size:.65rem!important}.hud-tagger-badge,.hud-runner-badge{font-size:.55rem!important;padding:0 2px!important}.emote-bar{border-top:none!important;padding-top:0!important;margin-top:0!important;gap:0!important}.emote-hint{display:none!important}.emote-list{display:flex!important;justify-content:space-around!important;width:100%!important}.hud-emote{font-size:.95rem!important;padding:2px!important;width:22px!important;height:22px!important;text-align:center;line-height:18px}#tutorial-keyboard-overlay{display:none!important}#tutorial-hud-overlay .hud-top-bar{top:2px!important;left:2px!important;right:2px!important;height:auto!important;padding:4px!important;gap:2px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}#tutorial-hud-overlay .hud-top-bar>div:first-child{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important}#tutorial-hud-overlay .hud-top-bar .hud-tag{font-size:.55rem!important;padding:1px 3px!important}#tutorial-step-title{font-size:.6rem!important}#tutorial-instruction-text{font-size:.6rem!important;line-height:1.1!important;max-width:50%!important;text-align:center!important;word-wrap:break-word!important}#tutorial-hud-overlay .hud-top-bar>div:last-child{display:flex!important;gap:2px!important}#tutorial-hud-overlay .hud-top-bar .btn-sm{padding:2px 4px!important;font-size:.6rem!important;height:22px!important;line-height:18px!important}}@media (max-width: 480px){.touch-group{bottom:15px;gap:8px}.touch-left-group{left:15px}.touch-right-group{right:15px}.btn-touch{width:50px;height:50px;font-size:1.1rem!important}}@media (max-width: 950px) and (max-height: 500px){.screen-overlay{padding:8px!important}.lobby-container{max-width:100%!important;margin:0!important}.lobby-header{margin-bottom:6px!important}.logo-text{font-size:1.4rem!important;margin-bottom:0!important}.subtitle-text{display:none!important}.lobby-grid{grid-template-columns:1fr 1.2fr!important;gap:8px!important}.lobby-card{min-height:0!important;padding:8px!important;gap:6px!important;border-radius:8px!important}.card-title{font-weight:500!important;font-size:.95rem!important}.lobby-card>div[style*="height: 130px"]{height:60px!important;margin-bottom:2px!important;padding:4px!important}#lobby-character-preview{width:60px!important;height:60px!important}.input-group{gap:2px!important;margin-bottom:2px!important}.input-group label{font-size:.75rem!important}.input-group input{padding:4px 8px!important;font-size:.75rem!important;height:26px!important}.lobby-card .btn{padding:4px 8px!important;font-size:.75rem!important;margin-top:2px!important;height:26px!important;line-height:18px!important}.room-list-container{margin-bottom:2px!important}.scroll-list{max-height:110px!important}.list-item{padding:6px 8px!important;margin-bottom:4px!important}.item-name{font-size:.8rem!important}.item-meta{font-size:.65rem!important}.btn-sm{padding:2px 6px!important;font-size:.7rem!important}.action-buttons{margin-top:0!important}.modal-content{max-height:95vh!important;padding:10px!important;gap:10px!important}.modal-title{font-size:1.1rem!important}.section-desc{font-size:.75rem!important;margin-top:-6px!important}.map-list-container{max-height:100px!important}}