@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--md-sys-color-background: #000000;--md-sys-color-surface: #000000;--md-sys-color-primary: #55FFFF;--md-sys-color-on-primary: #000000;--md-sys-color-secondary: #FF55FF;--md-sys-color-error: #FF5555;--md-sys-color-on-surface: #FFFFFF;--md-elevation: 8px 8px 0px #5555FF}body{margin:0;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);font-family:"Press Start 2P",cursive;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;background:#000;image-rendering:pixelated}#app{width:100%;max-width:800px;text-align:center;z-index:5;padding:20px}h1{font-weight:700;letter-spacing:2px;margin-bottom:2rem;color:var(--md-sys-color-primary);text-shadow:4px 4px 0px var(--md-sys-color-secondary);font-size:1.7rem;line-height:1.5}h2,h3{color:var(--md-sys-color-primary);text-transform:uppercase}.panel{background:var(--md-sys-color-surface);border:4px solid var(--md-sys-color-primary);border-radius:0;padding:32px;box-shadow:var(--md-elevation);display:none;position:relative;z-index:200}.panel.active{display:block;animation:glitch-appear .2s steps(2,end)}#screen-gameover.active{display:block}@keyframes glitch-appear{0%{transform:translate(-10px);opacity:0}50%{transform:translate(10px);opacity:1}to{transform:translate(0);opacity:1}}input{background:#000;border:2px solid var(--md-sys-color-primary);border-radius:0;color:var(--md-sys-color-primary);padding:16px;font-family:"Press Start 2P",cursive;font-size:.7rem;width:100%;box-sizing:border-box;margin-bottom:16px;box-shadow:4px 4px #00ff004d}input:focus{outline:none;background:#111;box-shadow:4px 4px 0 var(--md-sys-color-secondary)}button{background:#000;color:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-primary);border-radius:0;padding:16px 32px;font-family:"Press Start 2P",cursive;font-size:.7rem;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--md-sys-color-secondary);transition:transform .1s;width:100%}button:hover{background:var(--md-sys-color-primary);color:#000}button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--md-sys-color-secondary)}.join-btn,#btn-reset,#btn-fullscreen{background:#000;color:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-primary);border-radius:0;padding:8px 16px;width:auto;margin:0;box-shadow:2px 2px 0 var(--md-sys-color-secondary)}#room-list div,#lobby-players li{background:#000;border:2px solid #333;border-radius:0;margin:8px 0;padding:16px;display:flex;justify-content:space-between;align-items:center;font-size:.7rem}#game-canvas{width:100%;height:auto;max-height:100vh;object-fit:contain;display:none;border:4px solid var(--md-sys-color-primary);border-radius:0;box-shadow:0 0 20px #0f03;image-rendering:pixelated}#game-ui-overlay{display:none;z-index:100}body.game-running h1,body.game-running #user-display{display:none!important}body.game-running #app{max-width:100%;padding:0;justify-content:center}body.game-running #game-canvas{display:block!important;border:none}body.game-running #game-ui-overlay{display:block!important}.retro-notification{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);color:var(--md-sys-color-primary);font-family:"Press Start 2P",cursive;font-size:1.2rem;background:var(--md-sys-color-background);padding:20px;border:4px solid var(--md-sys-color-primary);box-shadow:8px 8px 0 var(--md-sys-color-secondary);z-index:5000;text-align:center;text-transform:uppercase}#ui-countdown{display:none;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);font-family:"Press Start 2P",cursive;font-size:6rem;color:var(--md-sys-color-primary);text-shadow:8px 8px 0px var(--md-sys-color-secondary);z-index:9999;pointer-events:none}#ui-timer{font-size:2rem;font-weight:900;color:#fff;background:#0009;padding:5px 25px;border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px #0000004d;pointer-events:none}@media (max-width: 768px){#ui-timer{font-size:1rem;padding:4px 12px}}#screen-match-summary{position:fixed;top:15%;left:50%;transform:translate(-50%);z-index:5000;width:90%;max-width:320px;text-align:center;display:none}