html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#111613;color:#f7f4ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}#game{width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;top:14px;left:14px;right:14px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.brand{font-size:15px;font-weight:850;color:#fffaf0;text-shadow:0 2px 14px rgba(0,0,0,.45)}.room-title,.status{margin-top:4px;color:#fffaf0d6;font-size:12px;font-weight:700;line-height:1.35;text-shadow:0 2px 12px rgba(0,0,0,.42)}.status{max-width:min(46vw,420px);text-align:right}#rooms,#touch-controls{position:fixed;left:12px;right:12px;z-index:4;display:flex;gap:7px;pointer-events:none}#rooms{bottom:72px;justify-content:center}#touch-controls{bottom:18px;justify-content:center}button{pointer-events:auto;min-width:52px;height:42px;padding:0 12px;border:1px solid rgba(255,250,240,.24);border-radius:8px;background:#f7f4ece6;color:#17201b;box-shadow:0 12px 34px #00000042;font:inherit;font-size:13px;font-weight:850;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#rooms button{min-width:68px;background:#17201bad;color:#fffaf0}#rooms button.active{background:#ffd36a;color:#17201b;border-color:#ffd36acc}#toast{position:fixed;left:50%;bottom:128px;z-index:5;max-width:min(86vw,460px);transform:translate(-50%) translateY(14px);padding:9px 12px;border:1px solid rgba(255,250,240,.22);border-radius:8px;background:#17201bc7;color:#fffaf0;box-shadow:0 18px 42px #0000004d;font-size:13px;font-weight:750;line-height:1.35;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:640px){#hud{top:10px;left:10px;right:10px}.brand{font-size:13px}.room-title,.status{font-size:11px}#rooms{bottom:67px}button{min-width:42px;height:40px;padding:0 9px;font-size:12px}#rooms button{min-width:58px}}