:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#12141c;color:#e8e8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app-root{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.app-header h1{font-size:18px;margin:0}.app-main{flex:1;min-height:0;padding:0 16px 16px;overflow-y:auto}.screen{display:flex;flex-direction:column;gap:16px;height:100%}.screen h2{margin:0;font-size:20px}.screen__actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field--row{flex-direction:row;align-items:center}.field label{font-size:13px;color:#a8a8bc}.text-input{flex:1;min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid #2c2f3d;background:#1a1d29;color:inherit;font-size:16px}.button{min-height:48px;padding:10px 18px;border-radius:10px;border:none;font-size:16px;font-weight:600;cursor:pointer;touch-action:manipulation}.button--primary{background:#4c6ef5;color:#fff}.button--secondary{background:#262a3a;color:#e8e8f0}.button--icon{min-width:48px;padding:10px;background:#262a3a;font-size:20px}.button:disabled{opacity:.6;cursor:default}.error-text{color:#f07a7a;font-size:14px;margin:0;cursor:pointer}.table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.table-header__meta{margin:4px 0 0;font-size:13px;color:#a8a8bc}.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.seat-list__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;background:#1a1d29;min-height:48px}.seat-list__actions{display:flex;gap:8px}.countdown-value{align-self:center;font-size:48px;font-weight:700;margin:0;color:#f0d97a}.table-canvas-area{flex:1;min-height:200px;border-radius:12px;overflow:hidden}.phaser-canvas{width:100%;height:100%;border-radius:12px;overflow:hidden}.connection-badge{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600}.connection-badge--connecting{background:#4a4426;color:#f0d97a}.connection-badge--connected{background:#234a2e;color:#7af0a0}.connection-badge--disconnected{background:#4a2626;color:#f07a7a}