:root{color:#f7f9ff;background:#11131a;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow:hidden}#app{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}#cursor-overlay{aspect-ratio:16/9;pointer-events:none;width:min(100%,1280px);max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-panel{color:#dbe4ff;background:#141823;border-top:1px solid #272c38;grid-template-rows:auto auto auto;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:10px 18px;display:grid}.lobby-panel[data-mode=call]{background:linear-gradient(90deg,#14253b 0%,#141823 60%)}.lobby-header{grid-area:1/1}.lobby-header h2{letter-spacing:.02em;margin:0;font-size:15px;font-weight:600}.lobby-header p{color:#8b97b3;margin:2px 0 0;font-size:12px}.lobby-chips{flex-wrap:wrap;grid-area:2/1;gap:6px;display:flex}.lobby-chip{text-transform:uppercase;letter-spacing:.04em;background:#ffffff0a;border:1px solid #cfd8dc;border-radius:999px;padding:3px 8px;font-size:11px}.lobby-actions{grid-area:1/2/span 2;align-items:center;gap:8px;display:flex}.lobby-button{color:#0a0c12;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#4dd0ff;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:700}.lobby-button.secondary{color:#cfd8dc;background:0 0;border:1px solid #3a4660}.lobby-button.active{color:#0a0c12;background:#ff6b6b}.lobby-note{color:#8b97b3;font-size:12px;font-style:italic}.lobby-status{color:#6c7894;grid-area:3/1/auto/span 2;min-height:14px;margin:0;font-size:11px}.status-panel{background:#171b24;border-bottom:1px solid #272c38;justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:8px 18px;display:flex}.brand{align-items:center;min-width:170px;display:flex}.brand img{object-fit:contain;width:150px;height:auto;display:block}.meters{color:#dbe4ff;text-transform:uppercase;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:18px;font-size:13px;display:flex}.meters strong{color:#fff;margin-left:5px;font-size:18px}.status-panel p{color:#b9c1d4;text-align:right;min-width:260px;margin:0;font-size:14px}#game-root{background:#0a0c12;place-items:center;min-height:0;padding:0;display:grid;position:relative}#game-canvas{aspect-ratio:16/9;image-rendering:auto;background:#08111b;width:min(100%,1280px);height:auto;max-height:100%;display:block}#game-root{position:relative}.touch-controls{pointer-events:none;justify-content:space-between;align-items:end;padding:0 18px 18px;display:none;position:absolute;inset:0}.touch-button{pointer-events:auto;touch-action:none;background:#0a121c9e;border:1px solid #d2f7ff6b;border-radius:8px;width:64px;height:64px;position:relative;box-shadow:0 8px 26px #00000047}.touch-button:before{content:"";border-style:solid;position:absolute;inset:19px}.touch-left:before{border-width:13px 18px 13px 0;border-color:#0000 #eafcff #0000 #0000}.touch-right:before{border-width:13px 0 13px 18px;border-color:#0000 #0000 #0000 #eafcff}.touch-power{margin-left:auto}.touch-power:before{border-width:15px 9px;border-color:#ffe36e #0000;inset:17px 22px;transform:skew(-16deg)}@media (hover:none),(pointer:coarse),(width<=820px){.status-panel{gap:12px;min-height:86px;padding:8px 12px}.brand{min-width:118px}.brand img{width:112px}.meters{gap:8px 12px;font-size:11px}.meters strong{font-size:14px}.status-panel p{display:none}.touch-controls{display:flex}}