html:has(.lobby-banner) .lobby-page .table-list{--table-row-h:74px;container:lobby-tables/inline-size;gap:6px;min-width:0;max-width:none;margin:0 calc(-1 * var(--list-gutter, 0px)) 0 0;padding:3px;overscroll-behavior-y:contain;scroll-padding-block:4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html:has(.lobby-banner) .lobby-page .lobby-table-head,html:has(.lobby-banner) .lobby-page .room-row{--tempo-column:116px;--row-columns:clamp(60px,16cqw,96px) var(--tempo-column) minmax(0,1fr) clamp(54px,17cqw,104px);--lobby-row-gap:clamp(4px,1.5cqw,12px);--row-areas:"number settings seats badges";--row-seat-border:0;--row-seat-padding:0 0 0 12px;--row-seat-flow:column;--row-seat-rows:repeat(2,auto);--row-seat-columns:none;--row-badge-display:flex;--row-number-height:54px;--row-number-size:clamp(16px,4cqw,25px)}html:has(.lobby-banner) .lobby-page .room-row{position:relative;display:grid;grid-template-columns:var(--row-columns);grid-template-areas:var(--row-areas);align-items:center;flex:0 0 auto;grid-gap:0 var(--lobby-row-gap);gap:0 var(--lobby-row-gap);min-width:0;min-height:68px;margin:0;padding:6px 10px 6px 6px;border:1px solid #333942;border-radius:var(--radius);background:linear-gradient(105deg,#272c34,#20252c);box-shadow:inset 0 1px 0 #ffffff05;color:#f5f2ef;text-decoration:none;transform:none;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease;content-visibility:auto;contain-intrinsic-size:auto 54px}html:has(.lobby-banner) .lobby-page a.room-row:focus-visible{outline:2px solid #ff8390;outline-offset:1px;border-color:#fa596c;background:#30343e;box-shadow:inset 5px 0 0 #fa596c}html:has(.lobby-banner) .lobby-page .room-no{grid-area:number;display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0;min-height:var(--row-number-height);padding:6px 4px;border-radius:var(--radius);background:linear-gradient(145deg,#343a44,#292f38);color:#fff8f2;font-size:var(--row-number-size);font-weight:800;line-height:1.1;letter-spacing:-.055em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal}html:has(.lobby-banner) .lobby-page .room-no>.test-mark{top:3px;right:4px;font-size:7px;transform:none}html:has(.lobby-banner) .lobby-page .room-settings{grid-area:settings;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;color:#d5d9e0;font-size:12px;font-weight:450;line-height:1.45;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;white-space:normal;overflow-wrap:anywhere}html:has(.lobby-banner) .lobby-page .room-settings:not(:empty):before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center /contain no-repeat}html:has(.lobby-banner) .lobby-page .room-seats{grid-area:seats;display:grid;grid-template-rows:var(--row-seat-rows);grid-template-columns:var(--row-seat-columns);grid-auto-flow:var(--row-seat-flow);grid-auto-columns:minmax(0,1fr);align-content:center;grid-gap:3px 12px;gap:3px 12px;min-width:0;margin:0;padding:var(--row-seat-padding);border:solid #ffffff12;border-width:var(--row-seat-border);list-style:none}html:has(.lobby-banner) .lobby-page .room-seats li{align-items:center;gap:4px;min-width:0;font-size:13px;line-height:1.4}html:has(.lobby-banner) .lobby-page .room-seat-badge{flex:none;width:17px;height:17px;color:#dce0e6}html:has(.lobby-banner) .lobby-page .room-seat-name{min-width:0;overflow:visible;color:#f5f2ef;font-weight:650;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}html:has(.lobby-banner) .lobby-page .room-seat-name>.test-mark{position:static;display:inline-block;-webkit-margin-start:.4em;margin-inline-start:.4em;font-size:.55em;vertical-align:.1em;transform:none}html:has(.lobby-banner) .lobby-page .room-seat-rating{flex:none;color:#aeb4bf;font-size:.92em;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html:has(.lobby-banner) .lobby-page .room-name-short{display:none}html:has(.lobby-banner) .lobby-page .room-seats li[data-free=true] .room-seat-badge,html:has(.lobby-banner) .lobby-page .room-seats li[data-free=true] .room-seat-name{color:#79df98;font-weight:600}html:has(.lobby-banner) .lobby-page .room-badges{grid-area:badges;display:var(--row-badge-display);grid-template-columns:repeat(2,22px);flex-flow:row wrap;align-items:center;justify-content:center;justify-self:stretch;gap:4px;min-width:0;max-width:104px;white-space:normal}html:has(.lobby-banner) .lobby-page .room-tag{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:22px;color:#d8dde5}html:has(.lobby-banner) .lobby-page .room-tag>svg{width:18px;height:18px}html:has(.lobby-banner) .lobby-page .room-row>:is(.room-settings,.room-seats,.room-badges){position:relative;align-self:stretch;align-content:center}html:has(.lobby-banner) .lobby-page .room-row>:is(.room-settings,.room-seats,.room-badges):after,html:has(.lobby-banner) .lobby-table-head>span:not(:first-child):after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--lobby-row-gap) / -2);width:1px;background:#ffffff12;pointer-events:none}html:has(.lobby-banner) .lobby-page .room-row[data-locked=true]{border-color:#2c323b;background:#20242c;box-shadow:none;opacity:.72;cursor:default}@media (hover:hover){html:has(.lobby-banner) .lobby-page a.room-row:hover{border-color:#fa596c;background:#30343e;box-shadow:inset 5px 0 0 #fa596c;color:#fff8f2;transform:none}}@container (max-width: 520px){html:has(.lobby-banner) .lobby-page .room-row{--row-seat-padding:0 0 0 7px;--row-seat-flow:row;--row-seat-rows:none;--row-seat-columns:minmax(0,1fr);--row-number-height:44px}html:has(.lobby-banner) .lobby-page .room-seats li{gap:4px;font-size:12px}html:has(.lobby-banner) .lobby-page .room-seat-badge{width:14px;height:14px}}@container (max-width: 430px){html:has(.lobby-banner) .lobby-page .lobby-table-head,html:has(.lobby-banner) .lobby-page .room-row{--tempo-column:88px;--row-columns:clamp(52px,14cqw,72px) var(--tempo-column) minmax(0,1fr) 46px}html:has(.lobby-banner) .lobby-page .room-row{--row-badge-display:grid;--row-seat-padding:0 0 0 5px}html:has(.lobby-banner) .lobby-page .room-badges{grid-template-columns:repeat(2,18px);gap:3px 4px}html:has(.lobby-banner) .lobby-page .room-name-full{display:none}html:has(.lobby-banner) .lobby-page .room-name-short{display:inline}html:has(.lobby-banner) .lobby-page .room-settings{gap:5px;font-size:11.5px}html:has(.lobby-banner) .lobby-page .room-settings:not(:empty):before{display:none}}@container (max-width: 300px){html:has(.lobby-banner) .lobby-page .lobby-table-head,html:has(.lobby-banner) .lobby-page .room-row{--row-columns:58px 48px minmax(0,1fr) 54px;--row-number-size:15px;--row-seat-padding:0 0 0 3px}html:has(.lobby-banner) .lobby-page .room-seat-badge{display:none}html:has(.lobby-banner) .lobby-page .room-settings .lobby-tempo>span:not(.lobby-playing){white-space:normal}}html:has(.lobby-banner) .lobby-page .lobby-table-head{display:grid;grid-template-columns:var(--row-columns);align-items:center;grid-column-gap:var(--lobby-row-gap);column-gap:var(--lobby-row-gap);height:100%;padding:0 10px 0 6px;border-inline:1px solid transparent;border-bottom:1px solid #343b45;color:#cbd0da;font-size:clamp(9px,2.2cqw,10px);font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}html:has(.lobby-banner) .lobby-page .lobby-table-head>span{position:relative;align-self:stretch;display:grid;place-items:center;text-align:center}@media (prefers-reduced-motion:reduce){html:has(.lobby-banner) .lobby-page .room-row{transition:none}}html:has(.lobby-banner) .lobby-page .lobby-aside .chat-line[data-chat-profile]{cursor:pointer}html:has(.lobby-banner) .rule-help{position:relative;z-index:2;pointer-events:auto}html:has(.lobby-banner) .rule-button{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;min-width:24px;min-height:24px;padding:2px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:#d8dde5;cursor:help;touch-action:manipulation}html:has(.lobby-banner) .rule-button>span{display:contents;pointer-events:none}html:has(.lobby-banner) .rule-button .room-badges{display:contents;pointer-events:none}html:has(.lobby-banner) .rule-button .room-tag{width:18px;height:18px;pointer-events:none}html:has(.lobby-banner) .rule-button:focus-visible{outline:2px solid #ff8390;outline-offset:1px}html:has(.lobby-banner) .rule-button:is(:hover,[aria-describedby]){color:#fff7ee;background:#ffffff10;border-color:#ffffff35}html:has(.lobby-banner) .rule-tooltip{position:fixed;z-index:50;box-sizing:border-box;width:max-content;max-width:min(280px,calc(100vw - 24px));padding:9px 12px;border:1px solid #535c69;border-radius:var(--radius);background:#20252d;box-shadow:0 5px 18px #0005;color:#fff7ee;font-size:13px;line-height:1.45;overflow-wrap:anywhere;pointer-events:none}html:has(.lobby-banner) .lobby-create{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:10px;box-sizing:border-box;min-height:56px;margin:0;padding:0 20px 0 16px;border:1px solid #393f49;border-radius:var(--radius);background:#292e36;color:#f6f0e7;font:inherit;font-size:15px;font-weight:650;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}html:has(.lobby-banner) .lobby-create>svg{flex:none;width:24px;height:24px;color:#ff8390}html:has(.lobby-banner) .lobby-create:is(:hover,:focus-visible):not(:disabled){border-color:#fa596c;background:#30343e}html:has(.lobby-banner) .lobby-create:focus-visible{outline:2px solid #ff8390;outline-offset:1px}html:has(.lobby-banner) .lobby-create:disabled{opacity:.6;cursor:default}html:has(.lobby-banner) .lobby-list-empty{display:flex;align-items:center;flex:0 0 auto;box-sizing:border-box;width:calc(100% - 6px);min-height:68px;margin:0 3px 3px;padding:10px 16px;border:1px solid #343b45;border-radius:var(--radius);background:transparent;color:#c6cbd5;font-size:14px;font-weight:650;line-height:1.4}@media (forced-colors:active){html:has(.lobby-banner) .lobby-create,html:has(.lobby-banner) .lobby-list-empty,html:has(.lobby-banner) .rule-button,html:has(.lobby-banner) .rule-tooltip{color:CanvasText;background:Canvas;border-color:ButtonText}}html:has(.lobby-banner) .lobby-page .lobby-list-view{display:flex;flex:1 1;flex-direction:column;min-width:0;min-height:0}html:has(.lobby-banner) .lobby-page .lobby-row>.row-open{position:absolute;inset:0;z-index:1;border-radius:inherit}html:has(.lobby-banner) .lobby-page .lobby-row>.row-open:focus-visible{outline:none}html:has(.lobby-banner) .lobby-page .lobby-row:has(>.row-open:focus-visible){outline:2px solid #ff8390;outline-offset:1px;border-color:#fa596c;background:#30343e;box-shadow:inset 5px 0 0 #fa596c}html:has(.lobby-banner) .lobby-page .lobby-row>.rule-help{position:relative;z-index:2;gap:2px}html:has(.lobby-banner) .lobby-page .lobby-tempo{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}html:has(.lobby-banner) .lobby-page .lobby-tempo>span:not(.lobby-playing){white-space:nowrap}html:has(.lobby-banner) .lobby-page .lobby-playing{color:#eab77d;font-size:10px;font-weight:650;line-height:1.25}html:has(.lobby-banner) .lobby-page .lobby-row .room-settings[data-has-tempo=false]:before{display:none}@media (hover:hover){html:has(.lobby-banner) .lobby-page .lobby-row:has(>.row-open):hover{border-color:#fa596c;background:#30343e;box-shadow:inset 5px 0 0 #fa596c}}@container lobby-tables (max-width: 430px){html:has(.lobby-banner) .lobby-page .lobby-row>.rule-help{grid-template-columns:repeat(2,24px);gap:2px}}html:has(.lobby-banner) .lobby-banner.game-hero.solo-hero,html:has(.solo-hero) .banner-bar.solo-hero-bar{display:none}@media (min-height:700px),(orientation:landscape),not all and (pointer:coarse){html:has(.solo-hero){--solo-hero-top:16px;--solo-hero-offset:max(0px,(100vw - var(--frame-max,1540px))/2);--solo-hero-banner:var(--game-hero-height,var(--hero-height,160px));--solo-hero-bar:52px;--solo-hero-space:calc(var(--solo-hero-top) + var(--solo-hero-banner) + 16px + var(--solo-hero-bar))}html:has(.lobby-banner) .lobby-banner.game-hero.solo-hero{display:flex;position:fixed;z-index:201;top:var(--solo-hero-top);left:calc(var(--solo-hero-offset) + var(--frame-gutter-left, 20px));right:calc(var(--solo-hero-offset) + var(--frame-gutter-right, 20px));margin:0}html:has(.solo-hero) .banner-bar.solo-hero-bar{display:flex;position:fixed;z-index:202;top:calc(var(--solo-hero-top) + var(--solo-hero-banner) + 16px);left:calc(var(--solo-hero-offset) + var(--frame-gutter-left, 20px));right:calc(var(--solo-hero-offset) + var(--frame-gutter-right, 20px));min-height:var(--solo-hero-bar);margin:0}html:has(.solo-hero) .solo-game{top:calc(var(--solo-safe-top, 0px) + var(--solo-hero-space));height:calc(100dvh - var(--solo-safe-top, 0px) - var(--solo-safe-bottom, 0px) - var(--solo-hero-space));padding-top:16px;padding-left:calc(var(--solo-hero-offset) + var(--frame-gutter-left, 20px));padding-right:calc(var(--solo-hero-offset) + var(--frame-gutter-right, 20px))}html:has(.solo-hero) .solo-game .solo-header{display:none}html:has(.solo-hero) .solo-game{grid-template-rows:auto minmax(0,1fr) auto}@media (orientation:landscape) and (min-width:480px),not all and (pointer:coarse){html:has(.solo-hero) .solo-game{grid-template-rows:minmax(0,1fr) max-content}html:has(.solo-hero) .solo-game .solo-stats{grid-row:1}html:has(.solo-hero) .solo-game .solo-controls{grid-row:2}}@media (max-width:760px) and (orientation:portrait) and (pointer:coarse){html:has(.solo-hero){--solo-hero-top:12px;--solo-game-pad:8px}html:has(.solo-hero) body:has(.solo-game),html:has(.solo-hero):has(.solo-game){overflow-x:hidden;overflow-y:auto;height:auto}html:has(.lobby-banner) .lobby-banner.game-hero.solo-hero,html:has(.solo-hero) .banner-bar.solo-hero-bar{position:absolute}html:has(.solo-hero) .solo-game{position:absolute;top:calc(var(--solo-hero-space) + 16px - var(--solo-game-pad));height:100dvh;padding-top:var(--solo-game-pad)}}@media (max-height:719.98px) and (pointer:coarse),(max-width:1179.98px) and (pointer:coarse){@media (orientation:landscape){html:has(.solo-hero){--solo-game-pad:8px}html:has(.solo-hero) body:has(.solo-game),html:has(.solo-hero):has(.solo-game){overflow-x:hidden;overflow-y:auto;height:auto}html:has(.lobby-banner) .lobby-banner.game-hero.solo-hero,html:has(.solo-hero) .banner-bar.solo-hero-bar{position:absolute}html:has(.solo-hero) .solo-game{position:absolute;top:calc(var(--solo-hero-space) + 16px - var(--solo-game-pad));height:100dvh;padding-top:var(--solo-game-pad)}}}}