.home{margin:0;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#18181b,#27272a);font-family:"Exo 2",sans-serif}.home-container{display:flex;flex-direction:column;align-items:center}.home-h1{font-family:Russo One,sans-serif;font-size:4rem;font-weight:700;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px;text-align:center}.home-button-container{display:flex;flex-direction:row;justify-content:center;gap:1rem}.home-btn{padding:.8rem 2rem;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #f9731666}.home-btn:hover{background:linear-gradient(135deg,#ea580c,#d946a6);transform:translateY(-2px);box-shadow:0 6px 30px #f9731699}.how-to-play-btn{position:absolute;top:2rem;left:2rem;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;background:#ffffff1a;color:#fff;border:2px solid rgba(249,115,22,.5);border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.how-to-play-btn:hover{background:#f9731633;border-color:#f97316;transform:translateY(-2px);box-shadow:0 4px 15px #f9731666}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#27272a,#18181b);border:2px solid rgba(249,115,22,.3);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 50px #f973164d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:#f973164d;transform:rotate(90deg)}.modal-title{font-family:Russo One,sans-serif;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;text-align:center}.modal-body{color:#fff;font-size:1rem;line-height:1.6}.modal-section{margin-bottom:1.5rem}.modal-section h3{font-size:1.3rem;font-weight:600;color:#f97316;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.modal-section ul{list-style:none;padding-left:0;margin:0}.modal-section li{margin-bottom:.75rem;padding-left:1.5rem;position:relative;color:#ffffffe6}.modal-section li:before{content:"▸";position:absolute;left:0;color:#f97316;font-weight:700}.modal-section strong{color:#a855f7;font-weight:600}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#f9731680;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#f97316cc}@media(max-width:768px){.how-to-play-btn{top:1rem;left:1rem;font-size:.9rem;padding:.5rem 1rem}.modal-content{padding:1.5rem;max-width:95%}.modal-title{font-size:1.5rem}.modal-section h3{font-size:1.1rem}.modal-body{font-size:.9rem}}.join-page{margin:0;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#18181b,#27272a);font-family:"Exo 2",sans-serif}.join-container{display:flex;flex-direction:column;align-items:center;padding:3rem 4rem;border-radius:16px;background:linear-gradient(135deg,#27272a,#18181b);box-shadow:0 10px 40px #f9731633;border:1px solid rgba(249,115,22,.1);min-width:500px}.join-title{font-family:Russo One,sans-serif;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px;text-align:center}.join-form{display:flex;flex-direction:column;align-items:center;width:100%}.input-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;margin-bottom:1rem}.join-input{flex:1;min-width:200px;padding:.8rem 1rem;border-radius:8px;border:1px solid rgba(168,85,247,.3);background-color:#27272a99;color:#fafafa;font-size:1rem;transition:all .3s ease}.join-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 15px #a855f766;background-color:#27272acc}.join-input:disabled{background-color:#3f3f46;cursor:not-allowed;color:#71717a;border-color:#52525b}.join-btn{margin-top:1rem;padding:.8rem 2rem;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;min-width:200px;box-shadow:0 4px 20px #f9731666}.join-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#d946a6);transform:translateY(-2px);box-shadow:0 6px 30px #f9731699}.join-btn:disabled{background:linear-gradient(135deg,#52525b,#71717a);color:#a1a1aa;cursor:not-allowed;transform:none;box-shadow:none}.connected-info{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:slideIn .4s ease}.info-value{font-size:1.1rem;font-weight:600;color:#fafafa;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.1rem;padding:.6rem 1rem;background-color:#27272a99;border-radius:6px;text-align:center;border:1px solid rgba(168,85,247,.3);box-shadow:0 0 20px #a855f733}@media(max-width:1024px){.join-container{padding:2rem 2.5rem;min-width:auto;width:90%;max-width:600px}.join-title{font-size:2.5rem}.input-row{flex-direction:column;gap:.8rem}.join-input{min-width:auto;width:100%}.players-table thead th,.players-table tbody td{padding:.8rem;font-size:.95rem}}@media(max-width:768px){.join-page{padding:1rem;align-items:flex-start;overflow-y:auto}.join-container{padding:1.5rem;min-width:auto;width:100%;margin:1rem 0}.join-title{font-size:2rem;margin-bottom:1.5rem}.join-input{padding:.7rem .8rem;font-size:.95rem}.join-btn{padding:.7rem 1.5rem;font-size:1rem;min-width:auto;width:100%}.info-label{font-size:.75rem}.info-value{font-size:1rem;padding:.5rem .8rem}.players-heading{font-size:1.1rem}.players-table thead th{padding:.7rem .5rem;font-size:.8rem}.players-table tbody td{padding:.7rem .5rem;font-size:.9rem}.button-group{flex-direction:column;gap:.8rem}.play-btn,.disconnect-btn,.game-btn,.home-btn-back{padding:.7rem 1.5rem;font-size:1rem}.error-text{font-size:.85rem;padding:.5rem .8rem}}@media(max-width:375px){.join-container{padding:1rem}.join-title{font-size:1.5rem;margin-bottom:1rem}.join-input{padding:.6rem;font-size:.9rem}.join-btn{padding:.6rem 1.2rem;font-size:.9rem}.players-heading{font-size:1rem}.players-table thead th{padding:.6rem .4rem;font-size:.75rem}.players-table tbody td{padding:.6rem .4rem;font-size:.85rem}.play-btn,.disconnect-btn,.game-btn,.home-btn-back{padding:.6rem 1.2rem;font-size:.9rem}}@media(max-height:600px)and (orientation:landscape){.join-page{align-items:flex-start;padding:.5rem}.join-container{padding:1rem;margin:.5rem 0}.join-title{font-size:1.5rem;margin-bottom:.8rem}.connected-info{gap:.8rem}.players-section{gap:.5rem}.button-group{flex-direction:row;margin-top:.5rem}}.create-page{margin:0;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#18181b,#27272a);font-family:"Exo 2",sans-serif}.create-container{display:flex;flex-direction:column;align-items:center;padding:3rem 4rem;border-radius:16px;background:linear-gradient(135deg,#27272a,#18181b);box-shadow:0 10px 40px #f9731633;border:1px solid rgba(249,115,22,.1);min-width:500px}.create-title{font-family:Russo One,sans-serif;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px;text-align:center}.create-form{display:flex;flex-direction:column;align-items:center;width:100%}.create-input{width:100%;min-width:300px;padding:.8rem 1rem;border-radius:8px;border:1px solid rgba(168,85,247,.3);background-color:#27272a99;color:#fafafa;font-size:1rem;transition:all .3s ease;margin-bottom:1rem}.create-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 15px #a855f766;background-color:#27272acc}.create-input:disabled{background-color:#3f3f46;cursor:not-allowed;color:#71717a;border-color:#52525b}.create-btn{margin-top:1rem;padding:.8rem 2rem;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;min-width:200px;box-shadow:0 4px 20px #f9731666}.create-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#d946a6);transform:translateY(-2px);box-shadow:0 6px 30px #f9731699}.create-btn:disabled{background:linear-gradient(135deg,#52525b,#71717a);color:#a1a1aa;cursor:not-allowed;transform:none;box-shadow:none}.error-text{background-color:#f871711a;color:#f87171;font-size:.95rem;font-weight:500;margin-top:.8rem;padding:.6rem 1rem;border:1px solid rgba(248,113,113,.3);border-radius:8px;text-align:center;width:100%;max-width:400px;box-shadow:0 2px 10px #f871711a;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.room-info{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-section{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.8rem;font-weight:600;color:#ec4899;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.1rem;padding:.6rem 1rem;background-color:#27272a99;background-image:none;color:#fafafa;border-radius:6px;text-align:center;border:1px solid rgba(168,85,247,.3);box-shadow:0 0 20px #a855f733}.url-container{display:flex;gap:.5rem;align-items:center}.url-input{flex:1;padding:.8rem 1rem;border-radius:8px;border:1px solid rgba(168,85,247,.3);font-size:.9rem;background-color:#27272a99;color:#fafafa;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.url-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 15px #a855f766}.copy-btn{padding:.8rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 15px #a855f766}.copy-btn:hover{background:linear-gradient(135deg,#9333ea,#d946a6);transform:translateY(-2px);box-shadow:0 6px 25px #a855f799}.players-section{width:100%;display:flex;flex-direction:column;gap:1rem}.players-heading{font-family:Russo One,sans-serif;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#f97316,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1px;text-align:center;margin:0}.players-table-container{background-color:#27272a99;border-radius:8px;border:1px solid rgba(168,85,247,.3);overflow:hidden;box-shadow:0 4px 20px #a855f733}.players-table{width:100%;border-collapse:collapse;font-family:"Exo 2",sans-serif}.players-table thead{background:linear-gradient(135deg,#f97316,#a855f7);color:#fff}.players-table thead th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.players-table thead th:first-child{width:60px;text-align:center}.players-table tbody td{padding:.9rem 1rem;border-bottom:1px solid #3f3f46;font-size:1rem;color:#fafafa}.players-table tbody td:first-child{text-align:center;font-weight:600;color:#a1a1aa}.players-table tbody tr:last-child td{border-bottom:none}.players-table tbody tr:hover{background-color:#3f3f46}.players-table tbody tr.current-player{background-color:#4ade801a;font-weight:600}.players-table tbody tr.current-player:hover{background-color:#4ade8026}.players-table tbody tr.current-player td{color:#4ade80}.no-players{text-align:center;color:#71717a;font-style:italic;padding:2rem!important}.button-group{display:flex;flex-direction:row;gap:1rem;margin-top:1rem;width:100%}.play-btn,.disconnect-btn,.game-btn,.home-btn-back{flex:1;padding:.8rem 2rem;font-size:1.2rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.play-btn{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;box-shadow:0 4px 15px #22c55e66}.play-btn:hover{background:linear-gradient(135deg,#16a34a,#059669);transform:translateY(-2px);box-shadow:0 6px 25px #22c55e99}.disconnect-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444466}.disconnect-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 25px #ef444499}.game-btn{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;box-shadow:0 4px 15px #f9731666}.game-btn:hover{background:linear-gradient(135deg,#ea580c,#d946a6);transform:translateY(-2px);box-shadow:0 6px 25px #f9731699}.home-btn-back{background-color:#27272a99;color:#fafafa;border:1px solid rgba(168,85,247,.3)}.home-btn-back:hover{background-color:#3f3f46cc;transform:translateY(-2px);border-color:#a855f7;box-shadow:0 4px 15px #a855f74d}@media(max-width:1024px){.create-container{padding:2rem 2.5rem;min-width:auto;width:90%;max-width:600px}.create-title{font-size:2.5rem}.create-input{min-width:auto}.players-table thead th,.players-table tbody td{padding:.8rem;font-size:.95rem}}@media(max-width:768px){.create-page{padding:1rem;align-items:flex-start;overflow-y:auto}.create-container{padding:1.5rem;min-width:auto;width:100%;margin:1rem 0}.create-title{font-size:2rem;margin-bottom:1.5rem}.create-input{min-width:auto;padding:.7rem .8rem;font-size:.95rem}.create-btn{padding:.7rem 1.5rem;font-size:1rem;min-width:auto;width:100%}.info-label{font-size:.75rem}.info-value{font-size:1rem;padding:.5rem .8rem}.url-container{flex-direction:column}.url-input{font-size:.85rem;padding:.6rem .8rem}.copy-btn{width:100%;padding:.7rem 1rem;font-size:.9rem}.players-heading{font-size:1.1rem}.players-table thead th{padding:.7rem .5rem;font-size:.8rem}.players-table tbody td{padding:.7rem .5rem;font-size:.9rem}.button-group{flex-direction:column;gap:.8rem}.play-btn,.disconnect-btn,.game-btn,.home-btn-back{padding:.7rem 1.5rem;font-size:1rem}.error-text{font-size:.85rem;padding:.5rem .8rem}}@media(max-width:375px){.create-container{padding:1rem}.create-title{font-size:1.5rem;margin-bottom:1rem}.create-input{padding:.6rem;font-size:.9rem}.create-btn{padding:.6rem 1.2rem;font-size:.9rem}.url-input{font-size:.8rem;padding:.5rem .6rem}.copy-btn{padding:.6rem;font-size:.85rem}.players-heading{font-size:1rem}.players-table thead th{padding:.6rem .4rem;font-size:.75rem}.players-table tbody td{padding:.6rem .4rem;font-size:.85rem}.play-btn,.disconnect-btn,.game-btn,.home-btn-back{padding:.6rem 1.2rem;font-size:.9rem}}@media(max-height:600px)and (orientation:landscape){.create-page{align-items:flex-start;padding:.5rem}.create-container{padding:1rem;margin:.5rem 0}.create-title{font-size:1.5rem;margin-bottom:.8rem}.room-info{gap:.8rem}.players-section{gap:.5rem}.button-group{flex-direction:row;margin-top:.5rem}}.gamepage-container{margin:0;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#18181b,#27272a);font-family:"Exo 2",sans-serif;color:#fafafa}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto}.gamepage-title{font-family:Russo One,sans-serif;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;margin:0}.game-timer{font-size:2rem;font-weight:600;color:#fafafa;background:#27272a99;padding:.5rem 2rem;border-radius:8px;border:1px solid rgba(168,85,247,.3)}.game-content{display:flex;gap:2rem;max-width:1400px;margin:0 auto;align-items:flex-start}.scoreboard{background:#27272a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;border:1px solid rgba(168,85,247,.3);min-width:200px}.scoreboard h3{margin:0 0 1rem;font-family:Russo One,sans-serif;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-item{display:flex;justify-content:space-between;padding:.75rem .75rem .75rem 1rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:8px}.score-item .score{font-weight:700;color:#f97316}.game-canvas-wrapper{position:relative;flex:1;display:flex;justify-content:center}.countdown-overlay,.gameover-overlay,.waiting-overlay,.respawn-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#18181bf2;border-radius:8px;z-index:10}.countdown-number{font-family:Russo One,sans-serif;font-size:8rem;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gameover-overlay h2,.waiting-overlay h2,.respawn-overlay h2{font-family:Russo One,sans-serif;font-size:3rem;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.respawn-message{font-size:1.5rem;color:#fafafa;margin-bottom:1rem}.respawn-countdown{font-family:Russo One,sans-serif;font-size:6rem;background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse .5s ease-in-out infinite}.winner{font-size:2rem;margin:.5rem 0}.winner-score{font-size:1.5rem;color:#f97316;margin-bottom:2rem}.ready-btn,.back-btn{padding:1rem 3rem;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #f9731666;font-family:"Exo 2",sans-serif}.ready-btn:hover,.back-btn:hover{background:linear-gradient(135deg,#ea580c,#d946a6);transform:translateY(-2px);box-shadow:0 6px 30px #f9731699}.ready-btn.ready-active{background:linear-gradient(135deg,#10b981,#059669);cursor:not-allowed;box-shadow:0 4px 20px #10b98166}.ready-btn.ready-active:hover{background:linear-gradient(135deg,#10b981,#059669);transform:none;box-shadow:0 4px 20px #10b98166}.ready-btn:disabled{opacity:1}.waiting-status{margin-top:1rem;font-size:1rem;color:#10b981;font-weight:600;animation:pulse 2s ease-in-out infinite}.controls-info{background:#27272a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;border:1px solid rgba(168,85,247,.3);min-width:200px;text-align:center}.controls-info h3{margin:0 0 .5rem;font-family:Russo One,sans-serif;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls-info p{margin:0 0 1rem;color:#a1a1aa}.exit-btn{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #dc262666;font-family:"Exo 2",sans-serif}.exit-btn:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);transform:translateY(-2px);box-shadow:0 6px 30px #dc262699}@media(max-width:1024px){.gamepage-container{padding:1.5rem}.game-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.gamepage-title{font-size:2.5rem}.game-timer{font-size:1.5rem;padding:.4rem 1.5rem}.game-content{flex-direction:column;gap:1.5rem}.scoreboard,.controls-info{width:100%;min-width:auto}.game-canvas-wrapper{width:100%}canvas{max-width:100%;height:auto!important}}@media(max-width:768px){.gamepage-container{padding:1rem}.gamepage-title{font-size:2rem}.game-timer{font-size:1.2rem;padding:.3rem 1rem}.game-content{gap:1rem}.scoreboard,.controls-info{padding:1rem}.countdown-number{font-size:5rem}.gameover-overlay h2,.waiting-overlay h2,.respawn-overlay h2{font-size:2rem}.respawn-countdown{font-size:4rem}.ready-btn,.back-btn{padding:.8rem 2rem;font-size:1rem}.winner{font-size:1.5rem}.winner-score{font-size:1.2rem}.controls-info p{font-size:.9rem}.exit-btn{font-size:.9rem;padding:.6rem 1.2rem}}@media(max-width:375px){.gamepage-title{font-size:1.5rem}.game-timer{font-size:1rem;padding:.25rem .75rem}.countdown-number{font-size:4rem}.gameover-overlay h2,.waiting-overlay h2,.respawn-overlay h2{font-size:1.5rem}.respawn-countdown{font-size:3rem}.ready-btn,.back-btn{padding:.7rem 1.5rem;font-size:.9rem}}@media(max-height:600px)and (orientation:landscape){.gamepage-container{padding:.5rem}.game-header{margin-bottom:.5rem}.gamepage-title{font-size:1.5rem}.game-timer{font-size:1rem;padding:.25rem .75rem}.game-content{gap:.5rem}.scoreboard,.controls-info{display:none}.game-canvas-wrapper{width:100%;max-height:calc(100vh - 4rem)}.countdown-number{font-size:3rem}.gameover-overlay h2,.waiting-overlay h2,.respawn-overlay h2{font-size:1.5rem}.respawn-countdown{font-size:2.5rem}.ready-btn,.back-btn{padding:.5rem 1rem;font-size:.9rem}}.mobile-controls{position:fixed;bottom:2rem;right:2rem;z-index:1000;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.dpad-container{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:.3rem;width:180px}.dpad-middle-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem}.dpad-center{width:56px;height:56px;background:#ffffff0d;border-radius:8px;border:2px solid rgba(249,115,22,.2)}.dpad-btn{width:56px;height:56px;background:#ffffff1a;border:2px solid rgba(249,115,22,.5);border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:#f97316;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:none;padding:0}.dpad-btn svg{width:32px;height:32px;pointer-events:none}.dpad-btn:active,.dpad-btn.active{background:linear-gradient(135deg,#f9731666,#a855f766);border-color:#f97316;transform:scale(.95);box-shadow:0 0 20px #f9731699}.dpad-up,.dpad-down{grid-column:1;justify-self:center}@media(min-width:768px)and (max-width:1024px){.mobile-controls{bottom:3rem;right:3rem}.dpad-container{width:220px}.dpad-btn,.dpad-center{width:68px;height:68px}.dpad-btn svg{width:38px;height:38px}}@media(max-width:375px){.mobile-controls{bottom:1rem;right:1rem;transform:scale(.9)}}@media(max-height:500px)and (orientation:landscape){.mobile-controls{bottom:1rem;right:1rem;transform:scale(.85)}}.mobile-controls *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}