.seat-list .seat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.seat-list small{flex-shrink:0}.record-note{color:var(--muted,#77786e);margin:6px 0;font-size:13px;line-height:1.5}.result-panel .record-note{margin:0 0 12px;font-size:13px}.game-layout:has(.room-chat){row-gap:16px}.game-layout:has(.room-chat)>.room-panel{grid-area:1/1;padding-bottom:0}.game-layout:has(.room-chat)>.play-stage{grid-area:1/2/span 2}.room-chat{border-top:1px solid var(--line);background:var(--paper);grid-area:2/1;align-self:start;min-width:0}.game-layout:has(.room-chat[data-open=true])>.room-panel{display:none}.room-chat[data-open=true]{grid-row:1/span 2;align-self:center}.chat-toggle,.chat-heading{align-items:center;gap:8px;width:100%;min-height:48px;display:flex}.chat-toggle{text-align:left;background:0 0;border:0;padding:0 8px;font-size:14px}.chat-toggle>svg:last-child{margin-left:auto}.chat-unread{background:var(--coral);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;min-width:22px;padding:2px 5px;font-size:12px}.chat-heading{flex:0 0 48px;justify-content:space-between}.chat-heading h2{margin:0;font-size:15px}.chat-heading .icon-button{gap:4px;width:auto;min-width:44px;padding:0 8px;font-size:13px}.chat-panel{flex-direction:column;height:316px;min-height:0;display:flex}.chat-messages{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:4px 4px 10px;scroll-padding-block:10px;overflow:hidden auto}.chat-messages ol{margin:0;padding:0;list-style:none}.chat-message{flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 12px;display:flex}.chat-message header{color:#716d62;flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.chat-message header b{overflow-wrap:anywhere;font-weight:500}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#fffdf7;border:1px solid #e2ddd1;border-radius:8px;max-width:95%;margin:0;padding:8px 10px;font-size:14px;line-height:1.5}.chat-message[data-self=true]{align-items:flex-end}.chat-message[data-self=true] p{background:#e1ece5;border-color:#ceded3}.chat-empty{color:var(--muted);text-align:center;margin-block:24px;font-size:13px}.chat-compose{border-top:1px solid var(--line);flex:none;gap:8px;padding-block:8px;display:flex}.chat-compose input{width:0;min-width:0;height:48px;color:var(--ink);background:#fffcf5;border:1px solid #c7c1b3;border-radius:8px;flex:1;padding:10px;font-size:16px}.chat-compose input::placeholder{letter-spacing:0;font-size:14px}.chat-compose button{min-width:58px;min-height:48px;padding:8px 10px}.chat-feedback{color:#a23d2a;flex:none;margin:0;padding:4px 2px;font-size:12px;line-height:1.4}.chat-feedback[data-neutral=true]{color:#777160}@media (max-width:700px){.app-shell .game-layout:has(.room-chat){padding-bottom:58px}.app-shell .game-layout:has(.room-chat)>.play-stage{grid-area:2/1}.room-chat{z-index:8;left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));bottom:calc(var(--chat-viewport-bottom,0px) + max(8px, env(safe-area-inset-bottom)));border:1px solid #d4ccbd;border-radius:10px;padding:0 10px;position:fixed;box-shadow:0 3px 14px #332a1910}.chat-panel{height:clamp(176px, calc(var(--chat-viewport-height,100dvh) * .31), 264px)}:is(.app-shell:has(.room-chat[data-open=true]) .room-panel,.app-shell:has(.room-chat[data-open=true]) .app-footer){display:none}.app-shell .game-layout:has(.room-chat[data-open=true]){align-content:start;padding-top:8px}.app-shell .game-layout:has(.room-chat[data-open=true])>.play-stage{grid-row:1}.app-shell .game-layout:has(.room-chat) .play-stage [data-game-board]{min-width:0;max-width:min(440px, calc(var(--room-board-height,10000px) * var(--board-ratio)))}.app-shell .game-layout:has(.room-chat[data-open=true]) .play-stage [data-game-board]{width:min(100%, calc(var(--room-board-height,300px) * var(--board-ratio)))}.game-layout[data-chat-compact=true] [data-game-controls]{display:none}.game-layout[data-chat-compact=true] .board-overlay{align-items:flex-start;overflow:auto}.game-layout[data-chat-compact=true] .overlay-panel{flex-shrink:0}}@media (max-height:520px) and (orientation:landscape) and (min-width:701px){.app-shell .game-layout:has(.room-chat){grid-template-columns:minmax(240px,300px) 1fr;align-items:center}.game-layout:has(.room-chat)>.play-stage{grid-area:1/2/span 2}.chat-panel{height:min(290px,100dvh - 90px)}}.account-links{justify-content:flex-end;align-items:center;gap:22px;padding:8px 0 0;display:flex}.account-links a{align-items:center;gap:7px;min-height:48px;font-size:14px;text-decoration:none;display:inline-flex}.account-links a:first-child{max-width:min(65%,280px)}.account-links a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-links a:hover,.account-back:hover,.account-guest:hover{color:var(--teal)}.account-page,.leaderboard-page{flex:1;width:min(100%,440px);margin:16px auto 48px}.leaderboard-page{width:min(100%,720px)}.account-back{min-height:48px;color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;text-decoration:none;display:inline-flex}.account-page h1,.leaderboard-page h1{letter-spacing:-1px;margin-bottom:24px;font-size:32px}.account-username{overflow-wrap:anywhere;margin:0 0 20px;font-size:22px;font-weight:650}.account-tabs{border-bottom:1px solid var(--line);margin-bottom:24px;display:flex}.account-tabs button{min-width:88px;min-height:48px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;font-size:16px}.account-tabs button[aria-pressed=true]{border-bottom-color:var(--teal);color:var(--ink);font-weight:650}.account-form fieldset{border:0;min-width:0;margin:0;padding:0}.account-field{margin-bottom:20px}.account-form label,.account-recovery label{color:var(--ink);margin-bottom:8px;font-size:14px;display:block}.account-field input,.account-recovery textarea{width:100%;min-height:50px;color:var(--ink);font:inherit;background:#faf7f0;border:1px solid #cec7b8;border-radius:8px;padding:12px;font-size:16px}.account-field small{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.6;display:block}.account-form-actions{gap:12px;margin-top:24px;display:flex}.account-form-actions .button{flex:1}.account-text-button{min-height:48px;color:var(--teal);background:0 0;border:0;padding:10px 0;font-size:14px}.account-guest{width:100%;min-height:48px;color:var(--muted);justify-content:center;align-items:center;margin-top:24px;font-size:14px;display:inline-flex}.account-note{color:var(--muted);font-size:13px;line-height:1.7}.account-success{color:var(--teal);margin:0 0 20px;font-size:14px}.account-menu{border-top:1px solid var(--line)}.account-menu button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:12px 0;font-size:15px;display:flex}.account-menu span{color:var(--muted);font-size:13px}.account-recovery{border-top:2px solid var(--teal);padding-top:20px}.account-recovery h2{margin:0 0 12px;font-size:22px}.account-recovery p{font-size:14px;line-height:1.8}.account-recovery textarea{resize:none;letter-spacing:.5px;-webkit-user-select:text;user-select:text;font-family:ui-monospace,monospace;line-height:1.7;display:block}.account-loading,.leaderboard-loading{min-height:210px;color:var(--muted);background:linear-gradient(var(--line), var(--line)) 0 65% / 100% 1px no-repeat;place-items:center;font-size:14px;display:grid}.leaderboard-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.leaderboard-heading h1{margin-bottom:0}.leaderboard-heading .account-text-button{padding-inline:8px}.leaderboard-filters{flex-wrap:wrap;gap:8px;display:flex}.leaderboard-filters button{border:1px solid var(--line);background:0 0;border-radius:8px;min-height:48px;padding:10px 14px;font-size:14px}.leaderboard-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.leaderboard-mine{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin:22px 0;padding:18px 0;display:flex}.leaderboard-mine>div{flex-direction:column;gap:6px;font-size:15px;display:flex}.leaderboard-mine>div>span{color:var(--muted);font-size:13px}.leaderboard-mine dl{text-align:center;font-variant-numeric:tabular-nums;gap:24px;margin:0;display:flex}.leaderboard-mine dt{color:var(--muted);font-size:12px}.leaderboard-mine dd{margin:4px 0 0;font-size:24px}.leaderboard-login{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:56px;margin:22px 0;font-size:14px;text-decoration:none;display:flex}.leaderboard-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.leaderboard-table th,.leaderboard-table td{text-align:right;border-bottom:1px solid var(--line);padding:16px 10px}.leaderboard-table thead th{color:var(--muted);font-size:12px;font-weight:400}.leaderboard-table th:first-child,.leaderboard-table td:first-child{text-align:left;white-space:nowrap;width:54px;min-width:42px;padding-left:0}.leaderboard-table th:nth-child(2){text-align:left;width:100%;font-weight:500}.leaderboard-table tbody th span{overflow-wrap:anywhere}.leaderboard-table tbody th small{color:var(--teal);margin-left:8px;font-size:11px;display:inline-block}.leaderboard-table .leaderboard-wins{font-weight:700}.leaderboard-table tr.is-me{background:#19766f08}.leaderboard-empty{text-align:center;color:var(--muted);padding:38px 0}.leaderboard-empty p{margin:16px 0 24px;font-size:15px}.account-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.account-links{gap:20px;padding-top:4px}.account-page,.leaderboard-page{margin-top:8px;margin-bottom:32px}.account-page h1,.leaderboard-page h1{font-size:28px}.account-back{margin-bottom:12px}.leaderboard-filters{gap:6px}.leaderboard-filters button{padding-inline:10px;font-size:13px}.leaderboard-mine dl{gap:18px}.leaderboard-table th,.leaderboard-table td{padding-inline:7px}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:42px}}:root{color:#292d29;font-synthesis:none;--paper:#f5f1e8;--ink:#292d29;--muted:#77766b;--line:#dcd8cd;--coral:#c85135;--teal:#19766f;background:#f5f1e8;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.48}button,a,input,canvas{outline-offset:5px}:focus-visible{outline:2px solid var(--teal)}button{touch-action:manipulation}a{color:inherit}.app-shell{flex-direction:column;max-width:1320px;min-height:100svh;margin:auto;padding:0 64px;display:flex}.app-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:104px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:24px;font-weight:760;text-decoration:none;display:inline-flex}.brand img{border-radius:8px}.header-actions{align-items:center;gap:5px;display:flex}.icon-button{background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button:hover{background:#eae5db}.exit-button{border-left:1px solid var(--line);border-radius:0;margin-left:4px}.game-layout{flex:1;grid-template-columns:304px 1fr;align-items:center;gap:80px;padding:26px 0 20px;display:grid}.room-panel{align-self:center;padding:12px 0 34px}.game-heading{margin-bottom:40px}h1{letter-spacing:-2px;margin:0 0 15px;font-size:45px;font-weight:780;line-height:1.2}.heading-period{color:var(--coral)}.game-heading p{color:#737264;margin:0;font-size:14px;line-height:1.8}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 18px;font-size:15px;font-weight:650;transition:background .16s,transform .12s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--coral);color:#fffdf7}.primary:hover:not(:disabled){background:#b4442d}.outlined{background:0 0;border-color:#bcb6a7}.outlined:hover:not(:disabled){background:#eae4d8}.entry-actions>.primary{justify-content:space-between;width:100%}.join-divider{color:#898476;align-items:center;gap:12px;margin:26px 0 20px;font-size:12px;display:flex}.join-divider:before,.join-divider:after{content:"";background:var(--line);flex:1;height:1px}form label{color:#706e62;margin-bottom:9px;font-size:13px;display:block}.join-row{gap:8px;display:flex}.join-row input{width:0;min-width:0;min-height:50px;color:var(--ink);letter-spacing:2px;background:#faf7f0;border:1px solid #cec7b8;border-radius:8px;flex:1;padding:10px 13px;font-size:17px}input::placeholder{color:#929085;letter-spacing:1px;font-size:14px}.join-row .button{flex:none;gap:0;padding-inline:14px}.play-notes{border-top:1px solid var(--line);margin-top:48px;padding-top:25px}.play-notes p{color:#5f6259;margin:12px 0 8px;font-size:13px}.play-notes>span{color:#939081;letter-spacing:.5px;font-size:12px}.instruction-symbol{border-bottom:2px solid #ac9b7f;width:54px;height:35px;position:relative}.instruction-symbol span{background:#56584f;border-radius:50%;width:17px;height:17px;position:absolute;bottom:2px;left:18px}.instruction-symbol i{background:#9d947f;width:1px;height:14px;position:absolute;top:-2px;left:26px}.instruction-symbol i:before{content:"";border-top:1px solid #9d947f;border-left:1px solid #9d947f;width:6px;height:6px;position:absolute;left:-3px;transform:rotate(45deg)}.play-stage{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.player-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.seat-0{background:#f36d62}.seat-1{background:#29bbd9}.empty-seat{background:0 0;border:1px solid #b2aa99}.network-status{color:#777d6f;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;padding:10px 0;font-size:11px;display:inline-flex}.network-status i{background:#4e967b;border-radius:50%;width:5px;height:5px}.network-warning i{background:#c18433}.app-footer{border-top:1px solid var(--line);color:#999282;letter-spacing:1px;justify-content:space-between;align-items:center;min-height:56px;font-size:11px;display:flex}.app-footer span:last-child{letter-spacing:2px;font-size:10px}.small-label{color:#8b8577;margin-bottom:8px;font-size:12px;display:block}.room-code-row{justify-content:space-between;align-items:center;display:flex}.room-code{letter-spacing:5px;font-size:31px;font-weight:650}.invite-button{background:#eae5d9;width:100%;margin-top:17px;font-size:14px}.invite-button svg:last-child{margin-left:auto}.seat-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:23px 0;padding:8px 0}.seat-list>div{align-items:center;gap:11px;min-height:42px;font-size:14px;display:flex}.seat-list small{color:#898372;margin-left:auto;font-size:12px}.ready-button{width:100%}.waiting-note{color:var(--muted);text-align:center;font-size:12px}.error-message{border-left:3px solid var(--coral);background:#f2e1d7;margin-top:18px;padding:12px;font-size:13px;line-height:1.6}.error-message button{color:#a03b2b;background:0 0;border:0;min-height:44px;padding:8px 0;display:block}.manual-copy{margin-top:12px;font-size:12px;line-height:1.8}.manual-copy input,.share-content input{border:1px solid var(--line);background:#fbf8f0;border-radius:6px;width:100%;padding:10px;font-size:12px}.recovery-note{color:#8f6e36;align-items:center;gap:8px;font-size:13px;display:flex}.lobby-overlay{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:43% 10% auto}.lobby-overlay span{color:#70624a;background:#f9f4e6ed;border-radius:4px;padding:12px 17px;font-size:13px;box-shadow:0 3px 10px #58442712}.board-overlay{background:#39331e2b;border-radius:17px;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.overlay-panel{text-align:center;background:#fffaf0;border-radius:12px;width:100%;padding:30px 20px;box-shadow:0 12px 24px #38261122}.overlay-panel h2{letter-spacing:-.5px;margin:10px 0;font-size:25px}.overlay-panel p{color:#89816d;margin:10px 0 22px;font-size:13px;line-height:1.7}.overlay-panel .button{width:100%}.result-dots{color:var(--coral);letter-spacing:5px;font-size:22px}.recovery-panel{flex-direction:column;align-items:center;display:flex}.recovery-panel strong{color:#836334;font-variant-numeric:tabular-nums;font-size:35px;font-weight:650}.recovery-panel small{font-size:13px}.recovery-panel>span{color:#8f836b;margin-top:16px;font-size:12px}.countdown-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-overlay strong{color:#fffaf0;text-shadow:0 3px #58412e,0 4px 20px #58412e4d;font-size:110px;animation:.25s ease-out countdown}.countdown-overlay span{color:#827151;background:#f8f1e2;border-radius:4px;padding:8px 15px;font-size:12px}.modal{color:var(--ink);background:#fffcf5;border:1px solid #d9ceba;border-radius:14px;width:min(460px,100% - 32px);max-height:calc(100svh - 48px);padding:25px;box-shadow:0 25px 90px #20170533}.modal::backdrop{background:#23251f73}.modal-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.modal h2{margin:0;font-size:22px}.help-steps{padding-left:24px}.help-steps li{margin-bottom:22px;padding-left:5px}.help-steps strong{font-size:15px}.help-steps p,.help-extra p{color:#787364;font-size:13px;line-height:1.9}.help-extra{border-top:1px solid var(--line);padding-top:10px}.share-content{text-align:center}.share-content img{max-width:100%;height:auto;margin:0 auto 20px;display:block}.share-content strong{letter-spacing:5px;font-size:30px}.share-content p{color:#88806f;margin-bottom:24px;font-size:13px}.dialog-copy{color:#777160;font-size:14px;line-height:1.9}.dialog-actions{gap:12px;margin-top:24px;display:flex}.dialog-actions .button{flex:1}.network-details{margin:20px 0}.network-details>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:14px;display:flex}.network-details dd{font-variant-numeric:tabular-nums;margin:0}.toast{color:#fffaf0;z-index:20;background:#292d29;border-radius:8px;align-items:center;max-width:calc(100% - 32px);padding:5px 9px 5px 16px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countdown{0%{opacity:.4;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:1000px){.app-shell{padding-inline:35px}.game-layout{grid-template-columns:270px 1fr;gap:38px}h1{font-size:39px}}@media (max-width:700px){body .app-shell{padding:0 max(16px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-bottom))}.app-shell .app-header{height:65px}.app-header .brand{font-size:20px}.brand img{width:26px;height:26px}.header-actions{gap:0}.app-shell .game-layout{grid-template-columns:minmax(0,1fr);align-content:start;gap:15px;padding:17px 0 0}.game-layout .room-panel{width:100%;max-width:470px;margin-inline:auto;padding:0}.room-panel .game-heading{margin-bottom:18px}.game-heading h1{letter-spacing:-1px;margin-bottom:6px;font-size:30px}.game-heading p{font-size:12px}.room-panel .entry-actions{grid-template-columns:1fr;gap:10px;display:grid}.entry-actions .primary{min-height:46px}.entry-actions .join-divider{display:none}.entry-actions form{align-items:center;gap:8px;display:flex}.entry-actions form label{flex:0 0 42px;margin:0;font-size:12px}.entry-actions .join-row{flex:1;min-width:0}.join-row input,.join-row .button{min-height:44px}.desktop-word,.room-panel .play-notes{display:none}.app-shell .app-footer{min-height:38px;margin-top:9px;font-size:10px}.app-footer span:last-child{font-size:9px}.room-controls .room-code-row{vertical-align:middle;width:calc(100% - 133px);display:inline-flex}.room-code-row .small-label{margin-bottom:4px;font-size:10px}.room-code-row .room-code{letter-spacing:3px;font-size:25px}.room-controls .invite-button{vertical-align:middle;width:125px;min-height:46px;margin:0 0 0 8px;padding-inline:10px;font-size:13px;display:inline-flex}.invite-button svg:last-child{display:none}.room-controls .seat-list{grid-template-columns:1fr 1fr;gap:25px;margin:13px 0;padding:0;display:grid}.seat-list>div{gap:6px}.seat-list small{font-size:11px}.room-controls .ready-button{min-height:46px}.room-panel .game-heading:has(+.room-controls){display:none}.room-controls .waiting-note{margin:8px 0 0}.is-playing .room-panel-playing{display:none}.is-playing .game-layout{padding-top:12px}.is-playing .app-footer{display:none}.lobby-overlay span{padding:8px 10px;font-size:11px}.overlay-panel{padding:22px 15px}.overlay-panel h2{font-size:22px}.modal{padding:20px}}@media (max-height:520px) and (orientation:landscape){body .app-shell{padding-inline:max(16px, env(safe-area-inset-left))}.app-shell .app-header{height:50px}.app-shell .game-layout{grid-template-columns:minmax(190px,250px) 1fr;gap:24px;padding:8px 0}.room-panel .game-heading{margin-bottom:15px}.room-panel h1{font-size:29px}.room-panel .play-notes,.app-shell .app-footer,.room-panel .join-divider,.game-heading p{display:none}.room-panel .entry-actions>.primary{margin-bottom:14px}.is-playing .game-layout{grid-template-columns:1fr}.is-playing .room-panel-playing{display:none}}.lobby-page{flex:1;grid-template-columns:minmax(0,1fr) 300px;align-content:start;gap:64px;padding:42px 0 60px;display:grid}.lobby-heading{align-items:baseline;gap:18px;margin-bottom:26px;display:flex}.lobby-heading h1{letter-spacing:-1px;margin:0;font-size:32px}.lobby-heading>span{color:#73756f;font-size:14px}.game-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px 18px;display:grid}.game-tile{text-align:left;cursor:pointer;min-width:0;max-width:280px;color:inherit;background:0 0;border:0;padding:0}.game-cover{aspect-ratio:4/3;background:#e2e9e8;border:3px solid #242a2c;border-radius:10px;place-items:center;transition:transform .15s;display:grid;overflow:hidden}.game-cover img{object-fit:cover;width:100%;height:100%;display:block}.game-tile:not(:disabled):hover .game-cover{transform:translateY(-3px)}.game-tile:not(:disabled):active .game-cover{transform:translateY(1px)}.game-tile:disabled{cursor:default}.game-tile-label{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.game-tile-label strong{font-size:17px}.game-tile-label>span{color:#73756f;font-size:12px}.lobby-join{padding-top:6px}.lobby-join h2{margin:0 0 24px;font-size:20px}.lobby-join label,.join-page label{margin-bottom:10px;font-size:14px;display:block}.join-page{flex:1;width:min(100%,420px);margin:48px auto}.join-page h1{margin-bottom:28px;font-size:30px}.join-page>.button{margin-top:26px}.join-page [role=status]{align-items:center;gap:10px;display:flex}.game-load-state{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:260px;display:flex}.change-game{width:100%;margin-top:10px}.result-panel .outlined{margin-top:10px}@media (max-width:700px){.lobby-page{flex-direction:column;gap:30px;padding:26px 0 38px;display:flex}.lobby-heading{margin-bottom:20px}.lobby-heading h1{font-size:28px}.game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.game-tile-label{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px;padding-block:8px}.game-tile-label strong{font-size:15px}.game-tile-label>span{font-size:12px}.lobby-join{border-top:1px solid #d9dbd2;padding-top:24px}.lobby-join h2{margin-bottom:18px;font-size:18px}.join-page{margin-block:26px}.room-controls .change-game{min-height:44px;margin-top:8px}}@media (prefers-reduced-motion:reduce){.game-cover{transition:none}}