/* Tableglass marketing. Self-contained: the game table uses styles.css. */
@layer reset, theme, layout, components, responsive;
@layer reset {
  * { box-sizing:border-box; }
  [hidden] { display:none!important; }
  html { min-width:320px; background:#101211; scroll-padding-top:24px; }
  body { margin:0; }
  button,a { -webkit-tap-highlight-color:transparent; }
  button { font:inherit; cursor:pointer; }
  a { color:inherit; }
  button,a,summary { touch-action:manipulation; }
  button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid #f4c18e; outline-offset:5px; }
  h1,h2,h3,p { margin:0; }
  svg { display:block; }
}
@layer theme {
  .product-home {
    --bg:#101211; --surface:#191c1a; --line:#343a34; --line-soft:#282e29;
    --text:#eee9de; --soft:#b6b9ad; --dim:#969e91; --brass:#c2aa7a;
    --ember:#dc7658; --warm:#ca9d77; --cool:#91b1bd;
    --serif:Georgia,'Times New Roman',serif;
    --mono:ui-monospace,'Cascadia Code','SFMono-Regular',Consolas,monospace;
    color:var(--text); color-scheme:dark; font:14px/1.6 'Segoe UI',Arial,sans-serif;
    background:radial-gradient(ellipse at 75% 13%,#45513915,transparent 42%),var(--bg);
  }
  .product-home::before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.028; z-index:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' fill='white' d='M0 0h160v160H0z'/%3E%3C/svg%3E"); }
  .product-kicker { color:var(--brass); font:10px/1.6 var(--mono); letter-spacing:1.5px; text-transform:uppercase; }
  h1,h2 { font-family:var(--serif); font-weight:400; }
  h1 { font-size:clamp(44px,5.3vw,74px); line-height:1.06; letter-spacing:-2.5px; }
  h2 { font-size:36px; line-height:1.15; letter-spacing:-1px; }
  h1 em,h2 em { font-weight:400; color:#bbc2ae; }
  .signal-dot { display:inline-block; width:5px; height:5px; margin-right:8px; background:#a8b797; box-shadow:0 0 8px #afc78f33; vertical-align:middle; }
}
@layer layout {
  .lobby-home { max-width:1384px; padding:0 64px; margin:auto; position:relative; z-index:1; }
  .home-masthead { display:flex; align-items:center; gap:30px; justify-content:space-between; padding:25px 0; border-bottom:1px solid var(--line); }
  .product-hero { display:grid; grid-template-columns:1fr 1.12fr; gap:50px; align-items:center; padding:50px 0 36px; }
  .hero-copy { padding-bottom:9px; }
  .hero-copy .product-kicker { margin-bottom:21px; }
  .hero-description { color:var(--soft); font-size:14px; line-height:1.95; margin:24px 0 27px; }
  .hero-actions { display:flex; align-items:center; gap:25px; }
  .alpha-access { margin-top:21px; font-size:10px; color:var(--dim); line-height:1.9; }
  .alpha-access>span { color:var(--brass); margin-right:7px; }
  .table-promises { display:flex; justify-content:space-between; align-items:center; gap:22px; border-block:1px solid var(--line); padding:17px 0; }
  .table-promises>span { display:flex; align-items:center; gap:11px; font-size:11px; color:var(--soft); }
  .table-promises b { color:var(--brass); font:15px var(--mono); }
  .table-promises svg { width:19px; height:19px; stroke:var(--brass); stroke-width:1; }
  .table-promises>a { font:10px var(--mono); color:var(--brass); text-decoration:none; }
  .product-directory { padding:38px 0 0; scroll-margin-top:22px; }
  .lobby-directory-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:23px; }
  .lobby-directory-heading .product-kicker { margin-bottom:9px; }
  .directory-status { display:flex; align-items:center; color:var(--dim); font:10px var(--mono); white-space:nowrap; padding-bottom:5px; }
  .lobby-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid var(--line); background:linear-gradient(140deg,#1c211c,#141815); }
  .lobby-home-note { display:flex; align-items:start; gap:9px; color:var(--dim); font-size:11px; line-height:1.7; margin:17px 0 0; }
  .lobby-home-note svg { flex:none; width:12px; height:15px; stroke:var(--brass); stroke-width:1.2; margin-top:2px; }
  .home-details { display:grid; grid-template-columns:1fr 1.22fr; gap:90px; padding:73px 0 65px; }
  .details-heading .product-kicker,.home-faq .product-kicker { margin-bottom:16px; }
  .details-heading h2 { font-size:43px; }
  .details-heading>p:not(.product-kicker) { max-width:300px; font-size:13px; color:var(--soft); line-height:1.85; margin:20px 0; }
  .home-faq { display:grid; grid-template-columns:1fr 1.22fr; gap:90px; padding:59px 0 65px; }
  .product-footer { border-top:1px solid var(--line); display:grid; grid-template-columns:200px 1fr auto; align-items:center; gap:42px; padding:30px 0 35px; }
}
@layer components {
  .global-notice { position:relative; z-index:1; overflow:hidden; background:#202319; color:#c5c8b5; text-align:center; font-size:11px; line-height:1.5; }
  .global-notice-inner { position:relative; padding:8px 44px; border-bottom:1px solid #c2aa7a30; }
  .global-notice-close { position:absolute; right:12px; top:50%; transform:translateY(-50%); width:24px; height:24px; display:grid; place-items:center; padding:0; border:0; background:transparent; color:#c5c8b5; font:18px/1 Arial,sans-serif; cursor:pointer; }
  .global-notice-close:hover { color:#fff0df; background:#c2aa7a18; }
  .discord-link { display:inline-grid; place-items:center; width:28px; height:32px; flex:none; }
  .discord-link img { display:block; transition:opacity .15s; }.discord-link:hover img { opacity:.7; }
  .release-form-row :disabled { opacity:.38; cursor:not-allowed; }
  .release-form-row .primary-button:disabled:hover { background:linear-gradient(130deg,#994a32,#7c3727); border-color:#b9674a; }
  .skip-link { position:fixed; z-index:100; top:8px; left:8px; padding:10px 16px; background:var(--text); color:var(--bg); transform:translateY(-180%); }
  .skip-link:focus { transform:none; }
  .brand { display:inline-flex; gap:10px; align-items:center; text-decoration:none; font:600 25px var(--serif); letter-spacing:-.7px; }
  .brand-mark { width:27px; height:32px; stroke:#c4ae80; stroke-width:1; margin-right:3px; }
  .brand-mark path+path { stroke-opacity:.65; }
  .alpha-label { font:8px/1 var(--mono); text-transform:uppercase; color:var(--brass); letter-spacing:1.2px; border:1px solid #62543a; padding:5px 6px; margin-left:3px; }
  .masthead-edition { color:var(--dim); font:9px var(--mono); text-transform:uppercase; letter-spacing:1.3px; }
  .home-masthead nav { display:flex; align-items:center; gap:22px; font-size:11px; }
  .home-masthead nav a { text-decoration:none; color:var(--soft); }
  .home-masthead nav a:hover { color:var(--text); }
  .release-cta { border:1px solid #9b654b; color:#f0dbbf; background:#673c2b; padding:10px 13px; font-size:11px; white-space:nowrap; }
  .release-cta:hover { background:#814830; }.release-cta span { margin-left:8px; }
  .table-note { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:15px 0 18px; border-bottom:1px solid var(--line); }
  .table-note p { font:italic 17px/1.5 var(--serif); color:var(--soft); }.table-note a { font-size:10px; color:var(--brass); text-decoration:none; white-space:nowrap; }.table-note a span { margin-left:10px; }
  .demo-match img { width:34px; height:47px; object-fit:contain; flex:none; }.pitch-red { display:inline-block; width:6px; height:6px; border-radius:50%; background:#df6958; margin-right:3px; }
  .release-dialog { width:min(440px,calc(100% - 36px)); padding:36px; border:1px solid #6b6553; background:#191e18; color:var(--text); box-shadow:0 24px 90px #0009; }
  .release-dialog::backdrop { background:#090d0bd6; backdrop-filter:blur(4px); }.release-dialog h2 { font-size:31px; padding-right:15px; }.release-dialog>p { color:var(--soft); font-size:13px; margin:18px 0 24px; }
  .dialog-close { position:absolute; right:12px; top:10px; border:0; background:none; color:var(--soft); font-size:24px; }.release-dialog label { display:block; font-size:11px; margin-bottom:7px; }.release-form-row { display:flex; gap:8px; }.release-form-row input { min-width:0; width:100%; border:1px solid #59614e; background:#101510; color:var(--text); padding:11px; font:inherit; }.release-form-row input:focus-visible { outline:2px solid var(--brass); outline-offset:2px; }.release-form-row .primary-button { padding:10px 16px; }.release-dialog .release-message { font-size:11px; margin:14px 0 0; }
  .home-masthead nav a span { margin-left:8px; color:var(--brass); }
  .primary-button { display:inline-flex; justify-content:space-between; align-items:center; gap:35px; min-height:46px; padding:13px 20px; border:1px solid #b9674a; background:linear-gradient(130deg,#994a32,#7c3727); color:#fff0df; font-size:12px; font-weight:600; text-decoration:none; border-radius:1px; box-shadow:inset 0 1px #ecbd9030; transition:background .18s,border-color .18s; }
  .primary-button:hover { background:#ae5539; border-color:#de9f77; }
  .primary-button>span { font-size:17px; transition:transform .18s; }
  .primary-button:hover>span { transform:translateX(3px); }
  .quiet-link { font-size:11px; text-decoration:none; color:var(--brass); }
  .quiet-link span { margin-left:10px; }
  .quiet-link:hover { color:#f0dcc0; }
  .product-preview { position:relative; border:1px solid #626456; padding:6px; background:#24291f; box-shadow:0 24px 50px #0005,inset 0 0 0 1px #10140e; scroll-margin-top:24px; }
  .product-preview::before { content:''; position:absolute; width:38px; height:2px; background:var(--brass); top:-1px; left:20px; }
  .preview-heading { min-height:38px; padding:0 7px 6px; display:flex; align-items:center; justify-content:space-between; gap:8px; color:#c3c7b5; font:8px var(--mono); letter-spacing:1px; }
  .preview-title { display:flex; align-items:center; flex-wrap:wrap; gap:0 6px; }.preview-title .signal-dot { margin-right:0; }.preview-title small { color:#a5ac99; font-size:7px; letter-spacing:0; }
  .preview-navigation { display:flex; align-items:center; gap:3px; flex:none; }.preview-navigation>span { font:8px var(--mono); color:#adb69d; margin-right:8px; letter-spacing:0; }
  .preview-navigation button { position:relative; width:27px; height:28px; padding:0; background:#151c13; border:1px solid #505b44; color:#d3dcbe; font:15px var(--mono); overflow:hidden; }
  .preview-navigation button:hover { border-color:#a7b586; }.preview-navigation button>span { position:relative; z-index:1; }
  .dwell-arrow::before { content:''; position:absolute; inset:0; background:#6e80514d; transform:scaleY(var(--dwell-progress,0)); transform-origin:bottom; pointer-events:none; }
  .dwell-arrow[data-hover-fired=true] { border-color:#adbc89; }
  .preview-timer { position:absolute; left:6px; right:6px; bottom:0; height:2px; overflow:hidden; background:#38412f; }
  .preview-timer>span { display:block; height:100%; background:#c0cc9b; transform:scaleX(var(--timer-progress,0)); transform-origin:left; }
  .preview-label { color:#a5ac99; letter-spacing:.4px; }
  .preview-stage { position:relative; height:290px; overflow:hidden; border:1px solid #4c5143; background:#141812; isolation:isolate; }
  .table-scene { position:absolute; inset:6px 8px; display:block; width:calc(100% - 16px); height:calc(100% - 12px); object-fit:cover; object-position:center 53%; opacity:.94; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 86%,transparent); -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 86%,transparent); mask-composite:intersect; transition:filter .3s,transform .4s; }
  .preview-stage::after { content:''; position:absolute; inset:0; pointer-events:none; z-index:0; background:linear-gradient(180deg,#0003,transparent 22%,transparent 55%,#060906d9); }
  .preview-stage>[data-panel] { position:absolute; inset:0; z-index:2; }
  .preview-stage>[data-panel]:not([hidden]) { animation:preview-in .2s ease-out; }
  .frame-corner { position:absolute; width:10px; height:10px; border-color:#c4c8b080; border-style:solid; z-index:3; pointer-events:none; }
  .corner-tl { top:9px; left:9px; border-width:1px 0 0 1px; }.corner-tr { top:9px; right:9px; border-width:1px 1px 0 0; }.corner-bl { bottom:9px; left:9px; border-width:0 0 1px 1px; }.corner-br { bottom:9px; right:9px; border-width:0 1px 1px 0; }
  .connection-tag { position:absolute; top:19px; left:20px; display:flex; align-items:center; gap:9px; background:#101713c9; border:1px solid #767e6d55; padding:6px 9px; font-size:9px; color:#d2d4c7; }
  .voice-bars { display:flex; gap:2px; height:12px; align-items:center; }.voice-bars i { width:2px; height:5px; background:#bbc9a6; }.voice-bars i:nth-child(2) { height:11px; }.voice-bars i:nth-child(3) { height:8px; }
  .table-presence { position:absolute; bottom:19px; left:19px; right:19px; display:grid; grid-template-columns:1fr 1.25fr; gap:8px; }
  .hud-player { display:flex; align-items:center; gap:8px; padding:9px 10px; border:1px solid #83897950; background:#131815ed; box-shadow:0 4px 12px #0004; }
  .player-light { width:3px; height:24px; flex:none; }.warm-light { background:var(--warm); }.cool-light { background:var(--cool); }
  .hud-player strong { font-size:11px; font-weight:500; }.hud-player small { display:block; font:7px var(--mono); color:#a0aa96; margin-top:3px; letter-spacing:.5px; }.hud-player>b { margin-left:auto; display:flex; align-items:baseline; gap:5px; font:22px var(--mono); color:#d7c7ab; }.hud-player>b small { font-size:7px; }
  .demo-health { display:flex; gap:7px; align-items:center; margin-left:auto; }.demo-health>span { display:flex; gap:4px; align-items:baseline; }.demo-health strong { font:22px var(--mono); color:#b9d0d3; min-width:27px; font-variant-numeric:tabular-nums; }.demo-health small { font-size:7px; }
  .demo-health button { width:24px; height:28px; background:#263430; border:1px solid #5a726a; border-radius:1px; color:#d9e3d9; padding:0; font-size:14px; }.demo-health button:hover { background:#405349; }
  .preview-controls { display:grid; grid-template-columns:repeat(3,1fr); margin-top:6px; border:1px solid #46503e; }
  .preview-controls button { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#b8bfab; background:#191f17; border:0; border-right:1px solid #414936; padding:11px 12px; font-size:10px; position:relative; }
  .preview-controls button:last-child { border-right:0; }.preview-controls button>span:first-child { font:8px var(--mono); color:#8f9b7f; }.preview-controls button>span:last-child { font-size:16px; color:#a1b18b; }
  .preview-controls button[aria-pressed=true] { background:#35412a; color:#eef0de; }.preview-controls button[aria-pressed=true]::after { content:''; position:absolute; height:2px; background:#b5c294; left:12px; right:12px; bottom:0; }.preview-controls button:hover { background:#303a28; }
  .preview-notes { min-height:57px; padding:10px 7px 4px; font-size:9px; color:#bdc5b0; line-height:1.6; }
  .preview-notes>span { display:block; font:7px/1.5 var(--mono); color:#919c83; margin-top:5px; letter-spacing:.4px; }
  .demo-inspector { position:absolute; top:20%; left:53%; width:20%; height:45%; min-width:78px; padding:0; transform:rotate(12deg); border:1px solid #e2c18c; color:#f6d9a9; background:#eec98905; box-shadow:0 0 0 1px #15150d99,0 0 20px #eeb76b1a; transition:background .2s; }
  .demo-inspector:hover { background:#eec98920; }.demo-inspector::before { content:''; position:absolute; inset:4px; border:1px solid #e2c18c66; }.inspector-cross { font:24px var(--mono); font-weight:200; }
  .demo-inspector>span:last-child { position:absolute; bottom:-34px; left:-26px; right:-26px; background:#182015f5; padding:5px; border:1px solid #a19b7166; font-size:8px; transform:rotate(-12deg); }
  .demo-inspector.has-match { border-color:#bbd0a3; }.demo-match { position:absolute; bottom:19px; left:19px; right:19px; display:flex; align-items:center; gap:13px; border:1px solid #91a77a; background:#182015f5; padding:11px 14px; }
  .sample-card-icon { font-size:25px; color:#d9c798; }.demo-match strong { display:block; font-size:12px; font-weight:500; }.demo-match small { color:#aebca0; font-size:9px; }.match-check { margin-left:auto; color:#b8ce95; }
  .pin-sample { position:absolute; inset:17px; background:#141b13ee; border:1px solid #6d7757; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:13px; }
  .pin-index { font:7px var(--mono); letter-spacing:1px; color:#a6b28f; }.reference-sigil { height:97px; width:68px; margin:9px 0; transform:rotate(-7deg); transition:transform .25s; }.reference-sigil svg { width:100%; height:100%; stroke:#bbae7c; stroke-width:1; background:linear-gradient(130deg,#454532,#1e291e); box-shadow:2px 4px 9px #0008; }.pin-sample.is-pinned .reference-sigil { transform:rotate(0) translateY(-2px); }
  .pin-sample>strong { font:18px var(--serif); font-weight:400; color:#e2e1c8; margin:3px 0 11px; }.demo-pin-button { border:1px solid #818a60; background:#3b442c; color:#e4e9cd; padding:8px 15px; font-size:10px; }.demo-pin-button:hover,.demo-pin-button[aria-pressed=true] { background:#53623c; }
  .lobby-card { display:flex; flex-direction:column; min-width:0; padding:20px; border-right:1px solid var(--line); position:relative; transition:background .18s; }
  .lobby-card:last-child { border-right:0; }.lobby-card:hover { background:#a8b48c08; }.lobby-card::before { content:''; position:absolute; height:2px; width:20px; top:-1px; left:20px; background:#818e70; transition:width .2s; }.lobby-card:hover::before { width:40px; }
  .lobby-number { font:27px/1 var(--serif); color:#8d9a7b; margin-bottom:18px; }
  .lobby-card-heading { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-bottom:5px; }.lobby-card h2 { font:500 15px 'Segoe UI',Arial,sans-serif; letter-spacing:0; }.lobby-privacy { font:7px var(--mono); letter-spacing:.2px; text-transform:uppercase; border:1px solid #58614a; color:#b5bfa3; padding:3px 4px; }
  .lobby-card small { display:block; color:var(--dim); font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
  .lobby-seat-status { display:grid; grid-template-columns:auto 1fr; align-content:start; gap:6px 7px; font-size:11px; color:#c2c8b8; margin:20px 0; min-height:39px; }
  .lobby-seat-status small { grid-column:1 / -1; font-size:9px; color:#8f9a86; }.lobby-seat-markers { display:flex; gap:3px; align-self:center; }.lobby-seat-markers span { width:6px; height:10px; border:1px solid #7e8a6d; }.lobby-seat-markers .occupied { background:#b1bd96; }
  .lobby-health-pools { display:flex; gap:12px; grid-column:1 / -1; }.lobby-health { display:flex; align-items:baseline; gap:3px; font:7px var(--mono); }.lobby-health strong { font-size:14px; font-weight:400; }.lobby-health.warm { color:var(--warm); }.lobby-health.cool { color:var(--cool); }.lobby-health.empty { color:var(--dim); }
  .lobby-card .primary-button { margin-top:auto; min-height:36px; padding:8px 10px; width:100%; background:#aeb8940c; border:1px solid #687454; color:#d4dfbf; font-size:10px; box-shadow:none; gap:5px; white-space:nowrap; }
  .lobby-card .primary-button:hover { background:#3b492e; border-color:#a9b889; }.lobby-card .primary-button>span { font-size:14px; }
  #lobbyJoinError { border:1px solid #965b45; color:#f0b99c; background:#2a1c16; padding:15px; margin:15px 0; font-size:12px; }
  .detail-cards article { display:flex; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); }
  .detail-cards article:first-child { padding-top:0; }.feature-number { color:#818e72; font:9px var(--mono); padding-top:4px; }.detail-cards h3 { font:400 23px/1.2 var(--serif); letter-spacing:-.5px; margin-bottom:9px; }.detail-cards p { color:var(--soft); font-size:12px; line-height:1.85; max-width:400px; }.detail-icon { margin-left:auto; color:var(--brass); font-size:23px; line-height:1; transition:transform .2s; }.detail-cards article:hover .detail-icon { transform:translateY(-3px); }
  .alpha-banner { display:grid; grid-template-columns:110px 1fr auto; gap:35px; align-items:center; padding:35px; border:1px solid #605a44; background:linear-gradient(115deg,#2f2d21,#1b2118); position:relative; }
  .alpha-banner::after { content:''; position:absolute; inset:6px; border:1px solid #8b836325; pointer-events:none; }.alpha-banner .product-kicker { color:#b5ab87; font-size:8px; margin-bottom:12px; }.alpha-banner h2 { font-size:31px; }.alpha-banner h2 em { color:#c0c8b1; }.alpha-banner p:last-child { margin-top:16px; max-width:555px; font-size:12px; color:#b7bba8; line-height:1.85; }.alpha-banner .primary-button { white-space:nowrap; min-width:146px; }
  .alpha-stamp { border:1px solid #938366; outline:1px solid #93836644; outline-offset:4px; width:92px; height:118px; text-align:center; display:flex; flex-direction:column; justify-content:center; transform:rotate(-4deg); color:#bdac8a; }.alpha-stamp span { font:7px var(--mono); letter-spacing:1px; }.alpha-stamp strong { font:italic 66px/1.05 var(--serif); font-weight:400; }
  .home-faq details { border-bottom:1px solid var(--line); }.home-faq summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; font-size:12px; padding:16px 0; }.home-faq summary::-webkit-details-marker { display:none; }.home-faq summary>span { color:var(--brass); font-size:18px; font-weight:300; transition:transform .15s; }.home-faq details[open] summary>span { transform:rotate(45deg); }.home-faq details[open] summary { color:#cfdbb8; }.home-faq p { margin:0 0 20px; color:var(--soft); font-size:12px; line-height:1.9; }
  .product-footer .brand { font-size:23px; }.legal-notice { font-size:10px; line-height:1.75; color:#89917f; max-width:570px; }.product-footer>a:last-child { font-size:10px; text-decoration:none; color:var(--brass); }
  @keyframes preview-in { from { opacity:.3; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
}
@layer responsive {
  @media(max-width:1100px) { .masthead-edition { display:none; } }
  @media(max-width:720px) { .home-masthead { flex-wrap:wrap; gap:18px; }.home-masthead nav { width:100%; justify-content:space-between; }.table-note { align-items:start; }.table-note p { font-size:15px; }.table-note a { font-size:9px; } }
  @media(max-width:420px) { .release-cta { font-size:10px; }.table-note { flex-direction:column; gap:8px; }.release-dialog { padding:28px; } }
  @media(min-width:1500px) { .product-hero { padding-top:64px; padding-bottom:49px; }.preview-stage { height:325px; } }
  @media(max-width:1150px) { .lobby-home { padding:0 36px; }.product-hero { gap:30px; }h1 { font-size:53px; letter-spacing:-1.8px; }.masthead-edition { display:none; }.hero-actions { gap:18px; }.desktop-break { display:none; }.lobby-card { padding:17px 13px; }.lobby-card::before { left:13px; }.lobby-number { margin-bottom:15px; }.lobby-card h2 { font-size:14px; }.lobby-card-heading { gap:6px; }.home-details,.home-faq { gap:50px; }.alpha-banner { gap:25px; padding:28px; }.alpha-banner h2 { font-size:28px; }.product-footer { gap:24px; grid-template-columns:180px 1fr; }.product-footer>a:last-child { grid-column:2; } }
  @media(max-width:950px) { .product-hero { grid-template-columns:1fr 1fr; }h1 { font-size:47px; }.hero-actions { flex-wrap:wrap; gap:15px; }.preview-heading { font-size:7px; }.preview-label { font-size:7px; }.table-presence { left:13px; right:13px; bottom:15px; grid-template-columns:1fr; gap:5px; }.hud-player { padding:6px 9px; }.hud-player>b { font-size:19px; }.demo-health strong { font-size:19px; }.hud-player>span>small { display:inline; margin-left:7px; }.hud-player { min-height:42px; }.connection-tag { font-size:8px; left:13px; top:15px; }.preview-controls button { padding:10px 7px; gap:5px; font-size:9px; }.preview-controls button>span:first-child { font-size:7px; }.preview-notes { min-height:72px; }.lobby-card-heading { flex-direction:column; align-items:start; gap:6px; }.lobby-seat-status { font-size:10px; }.lobby-card .primary-button { font-size:9px; }.lobby-directory-heading h2 { font-size:31px; }.table-promises { gap:12px; }.table-promises>span { font-size:10px; }.table-promises>a { display:none; }.details-heading h2 { font-size:36px; }.alpha-banner { grid-template-columns:90px 1fr; }.alpha-stamp { width:75px; height:100px; }.alpha-banner .primary-button { grid-column:2; justify-self:start; }.alpha-banner { column-gap:25px; row-gap:22px; } }
  @media(max-width:720px) { .lobby-home { padding:0 24px; }.home-masthead { padding:20px 0; }.brand { font-size:23px; }.brand-mark { width:23px; height:28px; }.home-masthead nav { gap:15px; font-size:10px; }.product-hero { grid-template-columns:1fr; padding:34px 0 28px; gap:29px; }.hero-copy { padding:0; }h1 { font-size:clamp(43px,7.8vw,60px); letter-spacing:-1.6px; }.hero-description { max-width:460px; font-size:14px; margin:20px 0 23px; }.hero-copy .product-kicker { margin-bottom:16px; }.alpha-access { margin-top:16px; }.hero-actions { flex-wrap:nowrap; gap:24px; }.product-preview { width:100%; }.preview-stage { height:310px; }.preview-heading { font-size:8px; }.preview-label { font-size:8px; }.preview-controls button { padding:11px 12px; font-size:11px; }.preview-controls button>span:first-child { font-size:8px; }.preview-notes { min-height:59px; }.table-presence { grid-template-columns:1fr 1.25fr; left:17px; right:17px; }.hud-player>span>small { display:block; margin-left:0; }.table-promises { padding:16px 0; gap:15px; flex-wrap:wrap; }.table-promises>span { font-size:10px; }.table-promises>span:last-of-type { display:none; }.product-directory { padding-top:30px; }.lobby-directory-heading { align-items:start; flex-direction:column; gap:14px; margin-bottom:18px; }.lobby-directory-heading h2 { font-size:31px; }.lobby-grid { grid-template-columns:1fr; }.lobby-card { display:grid; grid-template-columns:29px minmax(0,1fr) 116px; gap:10px 13px; padding:17px; border-right:0; border-bottom:1px solid var(--line); }.lobby-card:last-child { border-bottom:0; }.lobby-card::before { display:none; }.lobby-number { margin:0; font-size:24px; grid-row:1 / span 2; }.lobby-card-heading { flex-direction:row; align-items:center; gap:7px; }.lobby-card h2 { font-size:14px; }.lobby-seat-status { margin:0; min-height:0; grid-column:2; font-size:10px; }.lobby-seat-status small { font-size:9px; }.lobby-card .primary-button { grid-column:3; grid-row:1 / span 2; align-self:center; margin:0; font-size:10px; }.lobby-table-copy>small { font-size:9px; }.lobby-health-pools { margin-top:2px; }.home-details { grid-template-columns:1fr; gap:28px; padding:43px 0; }.details-heading>p:not(.product-kicker) { max-width:430px; margin:15px 0; }.details-heading h2 br { display:none; }.detail-cards article { padding:20px 0; }.detail-cards h3 { font-size:22px; }.alpha-banner { padding:24px; grid-template-columns:64px 1fr; gap:18px; }.alpha-stamp { width:55px; height:84px; }.alpha-stamp strong { font-size:46px; }.alpha-stamp span { font-size:5px; letter-spacing:.5px; }.alpha-banner h2 { font-size:25px; }.alpha-banner .product-kicker { font-size:7px; letter-spacing:.6px; }.alpha-banner .primary-button { min-height:40px; }.home-faq { padding:40px 0; grid-template-columns:1fr; gap:20px; }.home-faq h2 { font-size:31px; }.home-faq h2 br { display:none; }.home-faq .product-kicker { margin-bottom:10px; }.product-footer { grid-template-columns:1fr; gap:18px; padding:25px 0; }.product-footer>a:last-child { grid-column:1; } }
  @media(max-width:420px) { .lobby-home { padding:0 18px; }.home-masthead nav a:first-child { display:none; }.brand { gap:8px; font-size:22px; }.brand-mark { width:22px; }.alpha-label { font-size:7px; }.product-kicker { font-size:8px; letter-spacing:1.2px; }h1 { font-size:43px; }.hero-actions { gap:17px; }.primary-button { gap:24px; padding:12px 16px; font-size:11px; }.quiet-link { font-size:10px; }.preview-stage { height:300px; }.table-presence { gap:6px; left:12px; right:12px; grid-template-columns:1fr; bottom:12px; }.hud-player { padding:6px 8px; min-height:39px; }.hud-player>span>small { display:inline; margin-left:7px; }.preview-notes { min-height:73px; font-size:9px; }.preview-controls button { font-size:10px; padding:10px 8px; }.table-promises { gap:10px; }.table-promises>span { font-size:9px; gap:7px; }.table-promises b { font-size:13px; }.lobby-card { padding:15px 12px; grid-template-columns:23px minmax(0,1fr) 98px; gap:10px; }.lobby-card .primary-button { padding:8px; font-size:9px; }.lobby-privacy { font-size:6px; }.lobby-card h2 { font-size:13px; }.lobby-home-note { font-size:10px; }.alpha-banner { grid-template-columns:1fr; padding:24px; }.alpha-stamp { display:none; }.alpha-banner .primary-button { grid-column:1; }.demo-inspector { left:53%; top:18%; height:35%; }.connection-tag { font-size:7px; } }
  @media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
}