*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #1a1c2c;--bg-mid: #2d3348;--bg-panel: #232636;--bg-panel-inner: #161824;--px-border: #0d0f18;--px-border-light: #4a5168;--cream: #f1faee;--amber: #f4a261;--amber-deep: #e76f51;--cyan: #4cc9f0;--cyan-deep: #3a86ff;--green: #2a9d8f;--green-bright: #40e0a0;--red: #e63946;--gold: #ffd166;--muted: #8b93a7;--muted-dark: #5c6478;--font-main: "VT323", "Courier New", monospace;--font-title: "Press Start 2P", monospace;--px-shadow: 4px 4px 0 #0d0f18;--px-shadow-sm: 2px 2px 0 #0d0f18;--radius: 0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:var(--font-main);font-size:20px;color:var(--cream);user-select:none;image-rendering:pixelated;-webkit-font-smoothing:none}#bg-gradient{position:fixed;inset:0;z-index:0;background-color:var(--bg-dark);background-image:linear-gradient(45deg,#22253a 25%,transparent 25%),linear-gradient(-45deg,#22253a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#22253a 75%),linear-gradient(-45deg,transparent 75%,#22253a 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;opacity:1}#bg-gradient:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,transparent 0%,rgba(13,15,24,.55) 70%);pointer-events:none}#game-canvas-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden}#game-canvas-container canvas{display:block;margin:0!important;image-rendering:pixelated;image-rendering:crisp-edges}.ui-screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1c2ceb;transition:opacity .1s steps(2)}.hidden,.ui-screen.hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.px-panel,.glass-panel{background:var(--bg-panel);border:4px solid var(--px-border);border-radius:var(--radius);box-shadow:inset -3px -3px #12141f,inset 3px 3px #3a4058,var(--px-shadow);padding:1.6rem;max-width:90vw;image-rendering:pixelated}.btn{font-family:var(--font-main);font-weight:400;font-size:1.15rem;line-height:1.2;padding:.55rem 1.1rem;border-radius:0;border:3px solid var(--px-border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-transform:uppercase;letter-spacing:1px;color:var(--cream);box-shadow:var(--px-shadow-sm);transition:none;image-rendering:pixelated}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.9)}.btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.btn-primary{background:var(--cyan-deep);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-gold{background:var(--amber);color:#1a1c2c}.btn-danger{background:var(--red);color:#fff}.btn-secondary{background:var(--bg-mid);color:var(--cream);border-color:var(--px-border-light)}.btn-secondary:hover:not(:disabled){background:#3a4058}.input-field{font-family:var(--font-main);font-weight:400;font-size:1.15rem;padding:.55rem .85rem;border-radius:0;border:3px solid var(--px-border-light);background:var(--bg-panel-inner);color:var(--cream);outline:none;width:100%;box-shadow:inset 2px 2px #0d0f18}.input-field:focus{border-color:var(--cyan);box-shadow:inset 2px 2px #0d0f18,0 0 0 2px #4cc9f059}.input-field::placeholder{color:var(--muted-dark)}.auth-box{width:460px;text-align:center}.game-logo{margin-bottom:1.25rem}.logo-title{font-family:var(--font-title);font-size:1.15rem;color:var(--gold);text-shadow:3px 3px 0 #0d0f18,-1px 0 0 var(--amber-deep);letter-spacing:1px;line-height:1.6}.logo-subtitle{font-size:1.05rem;color:var(--cyan);margin-top:.55rem;font-weight:400}.auth-tabs{display:flex;overflow:hidden;margin:1.1rem 0 .9rem;border:3px solid var(--px-border)}.auth-tab{flex:1;background:var(--bg-panel-inner);color:var(--muted);border:none;padding:.55rem .75rem;font-family:var(--font-main);font-size:1.1rem;cursor:pointer;letter-spacing:.5px;text-transform:uppercase}.auth-tab.active{background:var(--amber);color:#1a1c2c}.auth-tab:hover:not(.active){background:var(--bg-mid);color:var(--cream)}.auth-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.35rem}.auth-error{color:#ff8a8a;font-size:1rem;text-align:left;padding:.4rem .65rem;background:#e6394633;border:2px solid var(--red)}.lobby-header{position:fixed;top:0;left:0;right:0;height:64px;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;background:var(--bg-panel);border-bottom:4px solid var(--px-border);box-shadow:0 4px #0d0f18;z-index:20}.lobby-logo{font-family:var(--font-title);font-size:.72rem;color:var(--gold);text-shadow:2px 2px 0 #0d0f18}.user-badge{display:flex;align-items:center;gap:.75rem}.user-ball-circle{width:28px;height:28px;border-radius:0;border:3px solid var(--cream);box-shadow:var(--px-shadow-sm);image-rendering:pixelated}.lobby-container{width:960px;max-width:95vw;margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.lobby-card{background:var(--bg-panel);border:4px solid var(--px-border);border-radius:0;padding:1.25rem;box-shadow:var(--px-shadow)}.lobby-card h3{font-family:var(--font-main);font-size:1.35rem;margin-bottom:.85rem;color:var(--cream);display:flex;align-items:center;gap:.5rem;line-height:1.3;text-transform:uppercase}.room-list-card{grid-column:span 2;min-height:250px}.rooms-scroll-container{max-height:220px;overflow-y:auto;margin-top:.65rem;display:flex;flex-direction:column;gap:.5rem}.room-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-panel-inner);border:3px solid var(--px-border-light);border-radius:0;padding:.65rem 1rem}.room-item:hover{background:#2a2f44;border-color:var(--cyan)}.waiting-container{width:780px;max-width:95vw}.waiting-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:3px solid var(--px-border-light)}.room-code-tag{background:var(--bg-panel-inner);border:3px solid var(--cyan);padding:.3rem .65rem;border-radius:0;font-family:var(--font-title);font-size:.7rem;color:var(--cyan);box-shadow:var(--px-shadow-sm)}.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.5rem}.player-slot-card{background:var(--bg-panel-inner);border:3px solid var(--px-border-light);border-radius:0;padding:.9rem;display:flex;flex-direction:column;align-items:center;gap:.45rem;position:relative}.player-slot-card.filled{border-color:var(--cyan);box-shadow:var(--px-shadow-sm)}.player-slot-card.ready{border-color:var(--green-bright);box-shadow:2px 2px 0 var(--green)}.slot-avatar-ball{width:44px;height:44px;border-radius:0;border:3px solid var(--cream);box-shadow:var(--px-shadow-sm);image-rendering:pixelated}.slot-name{font-weight:400;font-size:1.05rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-status-badge{font-family:var(--font-title);font-size:.42rem;padding:.25rem .45rem;border-radius:0;text-transform:uppercase;border:2px solid}.slot-status-badge.ready{background:#2a9d8f4d;color:var(--green-bright);border-color:var(--green)}.slot-status-badge.waiting{background:#f4a26133;color:var(--gold);border-color:var(--amber)}.waiting-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}#game-hud{position:fixed;inset:0;z-index:15;pointer-events:none}.hud-interactive{pointer-events:auto}.game-top-bar{position:fixed;top:12px;left:16px;right:16px;height:52px;background:var(--bg-panel);border:4px solid var(--px-border);border-radius:0;padding:0 1.1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--px-shadow);pointer-events:auto}.hud-round-tag{font-family:var(--font-main);font-size:1.25rem;color:var(--gold);text-shadow:2px 2px 0 #0d0f18;letter-spacing:1px;text-transform:uppercase}.hud-phase-title{font-family:var(--font-main);font-size:1.35rem;color:var(--cyan);letter-spacing:1px;text-shadow:2px 2px 0 #0d0f18;text-transform:uppercase}.hud-points-tag{font-family:var(--font-main);font-size:1.15rem;color:var(--green-bright);background:var(--bg-panel-inner);padding:.25rem .65rem;border-radius:0;border:3px solid var(--green);text-transform:uppercase}.auction-stage-container{position:fixed;inset:0;z-index:14;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:78px 1.5rem 20px;pointer-events:none;background-color:#14161f;background-image:linear-gradient(180deg,rgba(244,162,97,.12) 0%,transparent 28%),linear-gradient(45deg,#1c2030 25%,transparent 25%),linear-gradient(-45deg,#1c2030 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c2030 75%),linear-gradient(-45deg,transparent 75%,#1c2030 75%);background-size:auto,20px 20px,20px 20px,20px 20px,20px 20px;background-position:0 0,0 0,0 10px,10px -10px,-10px 0;box-shadow:inset 0 0 0 4px #0d0f18}.auction-stage-container:before{content:"SÀN ĐẤU GIÁ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-title);font-size:clamp(1.2rem,4vw,2.4rem);color:#f4a26114;letter-spacing:.35em;pointer-events:none;white-space:nowrap;z-index:0}.auction-stage-container>*{position:relative;z-index:1}body.phase-auction #game-canvas-container{visibility:hidden;pointer-events:none}.skill-showcase-card{width:500px;max-width:92vw;background:var(--bg-panel);border:4px solid var(--amber);border-radius:0;padding:1.1rem 1.4rem;text-align:center;box-shadow:var(--px-shadow);pointer-events:auto;position:relative}.skill-tier-pill{display:inline-block;font-family:var(--font-main);font-size:.9rem;padding:.25rem .55rem;border-radius:0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.45rem;border:2px solid}.tier-1{background:#3a4058;color:#cbd5e1;border-color:#9ca3af}.tier-2{background:#1d4a3a;color:var(--green-bright);border-color:var(--green)}.tier-3{background:#1a3a5c;color:#7dd3fc;border-color:var(--cyan-deep)}.tier-4{background:#5c3a10;color:var(--gold);border-color:var(--amber);box-shadow:var(--px-shadow-sm)}.skill-title{font-family:var(--font-main);font-size:1.6rem;color:var(--cream);margin-bottom:.25rem;line-height:1.3;text-transform:uppercase}.skill-vn-title{font-size:1.05rem;color:var(--amber);margin-bottom:.65rem}.skill-desc{font-size:1.05rem;color:#d7dce8;line-height:1.35;margin-bottom:.85rem}.auction-timer-bar-wrap{width:100%;height:12px;background:var(--bg-panel-inner);border:3px solid var(--px-border);border-radius:0;overflow:hidden;margin-bottom:.5rem}.auction-timer-bar-fill{height:100%;width:100%;background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,var(--cyan-deep) 8px 16px);transition:width .9s linear,background-color .2s steps(2)}.bidding-podium-row{width:860px;max-width:95vw;height:240px;display:flex;align-items:flex-end;justify-content:center;gap:1rem;background:var(--bg-panel);border:4px solid var(--px-border);border-radius:0;padding:.85rem 1.2rem .4rem;box-shadow:var(--px-shadow);pointer-events:auto}.player-bid-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.column-crown{font-size:1.3rem;position:absolute;top:-22px;animation:bounceCrown .6s steps(2) infinite alternate}@keyframes bounceCrown{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.column-bid-amount-tag{font-family:var(--font-main);font-size:1rem;color:var(--gold);margin-bottom:.35rem;text-shadow:2px 2px 0 #0d0f18;background:var(--bg-panel-inner);padding:.15rem .4rem;border:2px solid var(--amber)}.column-bid-amount-tag.passed{color:var(--muted);border-color:var(--muted-dark);font-size:.9rem}.column-pillar{width:100%;max-width:56px;min-height:20px;border-radius:0;background:repeating-linear-gradient(0deg,var(--cyan-deep) 0 6px,#2a5a9e 6px 12px);border:3px solid var(--px-border);border-bottom:none;transition:height .25s steps(4);display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.column-pillar.highest{background:repeating-linear-gradient(0deg,var(--gold) 0 6px,var(--amber) 6px 12px);border-color:var(--cream);box-shadow:2px 0 0 var(--amber-deep)}.column-pillar.passed{background:#2a2f3e;border-color:var(--muted-dark)}.column-player-footer{margin-top:.4rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;cursor:pointer}.column-player-footer:hover{transform:translateY(-2px)}.column-player-ball{width:24px;height:24px;border-radius:0;border:2px solid var(--cream);box-shadow:var(--px-shadow-sm)}.column-player-name{font-size:.95rem;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c5cad8}.bid-controls-row{display:flex;align-items:center;justify-content:center;gap:.75rem;pointer-events:auto;flex-wrap:wrap}.overlay-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0d0f18e0;z-index:30}.leaderboard-table{width:100%;border-collapse:collapse;margin:1rem 0}.leaderboard-table th{text-align:left;font-family:var(--font-main);font-size:1rem;color:var(--amber);padding:.45rem .65rem;border-bottom:3px solid var(--px-border-light);text-transform:uppercase}.leaderboard-table td{padding:.55rem .65rem;border-bottom:2px solid #2a2f3e;font-size:1.05rem}.leaderboard-table tr.me{background:#4cc9f01f;color:var(--green-bright)}.skill-cast-prompt{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--bg-panel);border:3px solid var(--gold);padding:.5rem 1.1rem;border-radius:0;font-family:var(--font-title);font-size:.5rem;color:var(--gold);box-shadow:var(--px-shadow);pointer-events:auto;z-index:16;cursor:pointer}.skill-cast-prompt:hover{transform:translate(-50%) translateY(-2px)}.players-sidebar{position:fixed;right:14px;top:68px;bottom:14px;width:286px;z-index:12;pointer-events:auto;display:flex;flex-direction:column;gap:.65rem}.sidebar-section{background:var(--bg-panel);border:4px solid var(--px-border);border-radius:0;box-shadow:var(--px-shadow);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;border-bottom:3px solid var(--px-border-light);background:var(--bg-panel-inner)}.sidebar-header-title{font-family:var(--font-main);font-size:1rem;letter-spacing:.5px;color:var(--gold);line-height:1.3;text-transform:uppercase}.sidebar-role-tag{font-family:var(--font-main);font-size:.85rem;padding:.15rem .35rem;border-radius:0;background:var(--bg-mid);border:2px solid var(--cyan);color:var(--cyan);text-transform:uppercase}.sidebar-players-section{max-height:235px;flex-shrink:0}.sidebar-players-scroll{display:flex;flex-direction:column;gap:.3rem;padding:.45rem;overflow-y:auto;scrollbar-width:thin}.sidebar-player-row{display:flex;align-items:center;gap:.45rem;padding:.35rem .5rem;border-radius:0;background:var(--bg-panel-inner);border:2px solid #2a2f3e;cursor:pointer}.sidebar-player-row:hover{background:#2a3148;border-color:var(--cyan)}.sidebar-player-row.active{background:#2f3548;border-color:var(--gold);box-shadow:var(--px-shadow-sm)}.sidebar-player-row.dead{opacity:.4;filter:grayscale(1)}.sidebar-player-row-mini-ball{width:18px;height:18px;border-radius:0;background:#e8e6f0;border:2px solid var(--cream);flex-shrink:0}.sidebar-player-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}.sidebar-player-row-top{display:flex;align-items:center;justify-content:space-between}.sidebar-player-row-name{font-size:.95rem;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.sidebar-player-row-pts{font-size:.9rem;color:var(--gold)}.sidebar-player-hp-bar{width:100%;height:5px;border-radius:0;background:#0d0f18;overflow:hidden;border:1px solid var(--px-border)}.sidebar-player-hp-fill{height:100%;border-radius:0;background:var(--green-bright);transition:width .1s steps(2),background .15s steps(2)}.sidebar-details-section{flex:1;min-height:0}.sidebar-target-profile{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem}.sidebar-ball-avatar-wrap{width:48px;height:48px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-ball-avatar{width:40px;height:40px;border-radius:0;background:#e8e6f0;border:3px solid var(--cream);box-shadow:var(--px-shadow-sm);position:relative;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.sidebar-ball-badges-ring{position:absolute;inset:-4px;pointer-events:none}.sidebar-badge-chip{position:absolute;width:14px;height:14px;background:var(--bg-panel-inner);border:2px solid var(--gold);border-radius:0;display:flex;align-items:center;justify-content:center;font-size:8px;transform:translate(-50%,-50%)}.sidebar-target-name{font-family:var(--font-main);font-size:1.15rem;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;text-transform:uppercase}.sidebar-target-status{font-size:.9rem;letter-spacing:.3px}.sidebar-target-status.alive{color:var(--green-bright)}.sidebar-target-status.eliminated{color:var(--red)}.sidebar-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:0 .7rem .5rem}.sidebar-stat-item{background:var(--bg-panel-inner);border:2px solid #2a2f3e;border-radius:0;padding:.25rem .35rem;display:flex;flex-direction:column}.s-stat-lbl{font-size:.75rem;color:var(--muted);text-transform:uppercase}.s-stat-val{font-family:var(--font-main);font-size:1.05rem;letter-spacing:.2px;line-height:1.3}.sidebar-skills-container{flex:1;min-height:0;display:flex;flex-direction:column;border-top:3px solid var(--px-border-light);padding:.45rem .7rem;overflow:hidden}.sidebar-skills-title{font-family:var(--font-main);font-size:.95rem;color:#c5cad8;margin-bottom:.35rem;letter-spacing:.3px;line-height:1.3;text-transform:uppercase}.sidebar-skills-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding-right:.15rem;scrollbar-width:thin}.sidebar-skill-card{display:flex;align-items:flex-start;gap:.4rem;background:var(--bg-panel-inner);border:2px solid #2a2f3e;border-radius:0;padding:.4rem .45rem}.sidebar-skill-icon{font-size:1.15rem;line-height:1;flex-shrink:0;padding-top:.05rem}.sidebar-skill-body{flex:1;min-width:0}.sidebar-skill-title{font-size:.95rem;color:#fff}.sidebar-skill-tier-badge{font-family:var(--font-title);font-size:.35rem;padding:.08rem .28rem;border-radius:0;margin-left:.25rem;display:inline-block;border:1px solid}.sidebar-skill-desc{font-size:.9rem;color:var(--muted);line-height:1.25;margin-top:.1rem}.sidebar-empty-skills{text-align:center;color:var(--muted-dark);font-size:.95rem;padding:1.25rem 0}.hud-zone-warning{padding:.25rem .6rem;background:#e6394640;border:3px solid var(--red);color:#ff8a8a;border-radius:0;font-family:var(--font-main);font-size:.95rem;letter-spacing:.4px;text-transform:uppercase;animation:zoneWarningBlink .5s steps(2) infinite alternate}@keyframes zoneWarningBlink{0%{opacity:.55}to{opacity:1}}.rules-link-btn{background:transparent;border:none;color:var(--cyan);font-family:var(--font-main);font-size:1.05rem;cursor:pointer;margin-top:1rem;text-decoration:underline}.rules-link-btn:hover{color:var(--gold)}.rules-panel{width:640px;max-width:95vw;max-height:88vh;display:flex;flex-direction:column;gap:1rem;padding:1.35rem 1.5rem;overflow:hidden}.rules-header{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--px-border-light);padding-bottom:.7rem}.rules-title{font-family:var(--font-main);font-size:1.5rem;color:var(--gold);letter-spacing:1px;text-transform:uppercase}.rules-subtitle{color:var(--cyan);font-size:.95rem}.rules-scroll-content{display:flex;flex-direction:column;gap:.85rem;overflow-y:auto;padding-right:.4rem;scrollbar-width:thin}.rules-card{background:var(--bg-panel-inner);border:3px solid var(--px-border-light);border-radius:0;padding:.85rem 1rem}.rules-card.tips-card{border-color:var(--cyan)}.rules-card-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-main);font-size:1.2rem;color:var(--gold);margin-bottom:.5rem;line-height:1.3;text-transform:uppercase}.rules-step-badge{width:22px;height:22px;border-radius:0;background:var(--amber);color:#1a1c2c;font-family:var(--font-title);font-size:.45rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--px-border);flex-shrink:0}.rules-text{font-size:1rem;color:#c5cad8;line-height:1.4}.rules-phases-row{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.65rem;flex-wrap:wrap}.phase-pill{background:var(--bg-mid);border:2px solid var(--amber);padding:.3rem .65rem;border-radius:0;font-family:var(--font-main);font-size:.95rem;color:var(--gold);line-height:1.3;text-transform:uppercase}.phase-arrow{color:var(--cyan);font-weight:700}.rules-list{padding-left:1.1rem;margin:0;display:flex;flex-direction:column;gap:.45rem;font-size:.98rem;color:#c5cad8;line-height:1.4}.rules-list li strong{color:#fff}.rules-list code{background:#0d0f18;color:var(--cyan);padding:.1rem .35rem;border-radius:0;border:1px solid var(--px-border-light);font-size:.9rem}.rules-points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.65rem}.point-badge{background:var(--bg-panel);border:2px solid var(--px-border-light);padding:.35rem .5rem;border-radius:0;text-align:center;font-size:.95rem;color:#c5cad8}.point-badge strong{color:var(--green-bright)}@media (max-width: 900px){.players-sidebar{width:240px;right:8px}.bidding-podium-row{height:200px;gap:.5rem}.lobby-container{grid-template-columns:1fr}.room-list-card{grid-column:span 1}.logo-title{font-size:.9rem}}@media (max-width: 700px){.players-sidebar{display:none}.game-top-bar{height:auto;min-height:48px;flex-wrap:wrap;gap:.35rem;padding:.4rem .6rem}.hud-phase-title{font-size:.45rem}}