.network-button{margin-top:10px;border-color:rgba(139,92,246,.42);min-height:92px}.home-content{transform:none}.home-content .subtitle{margin-bottom:20px}.network-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;flex:1}.network-grid button{display:flex;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:15px;background:var(--surface);font-size:22px}.network-grid small{color:var(--muted);font-size:11px}.network-grid button:last-child{grid-column:1/-1}#room .meta-content{position:relative}.room-rules{position:absolute;z-index:4;right:0;top:2px;min-height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--cyan);font-size:11px;font-weight:800}.room-panel{white-space:pre-line;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);line-height:1.8}.connection-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin-bottom:7px;padding:6px 10px;border:1px solid #d7b84c66;border-radius:11px;background:#31280fcc;color:#ffe28a;font-size:12px;font-weight:800}.connection-state.restored{border-color:#43e69a66;background:#123523cc;color:#8dffc0}.connection-state.error{border-color:#ff657566;background:#3a151bcc;color:#ffb1b8}.connection-state button{min-height:32px;padding:4px 9px;border:1px solid currentColor;border-radius:8px;background:transparent}.room-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.room-actions button,.invite-button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-weight:800}.room-actions button:disabled{opacity:.55;cursor:not-allowed}.network-board{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:12px}.network-board button{height:38px;border-radius:8px;background:#202740}.network-board pre{grid-column:1/-1;overflow:auto;text-align:center}.xp-card,.activity-week{margin-top:8px;padding:10px;border:1px solid rgba(255,200,87,.3);border-radius:12px;background:rgba(255,200,87,.07);text-align:center}.invite-button{width:100%;color:var(--cyan)}.room-hint{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:8px}.durak-card.disabled{opacity:.35;filter:saturate(.4);pointer-events:none}.connection-note{color:#ffd36a}
.ux-sheet{position:fixed;z-index:120;inset:0;display:grid;align-items:end}.ux-sheet[hidden]{display:none}.ux-sheet-backdrop{position:absolute;inset:0;background:#02040acc;backdrop-filter:blur(5px)}.ux-sheet>section{position:relative;width:min(100%,560px);max-height:min(86dvh,680px);margin:0 auto;padding:20px clamp(14px,4vw,22px) max(18px,var(--safe-bottom));overflow-y:auto;overscroll-behavior-y:contain;border:1px solid var(--line);border-radius:22px 22px 0 0;background:#101522;box-shadow:0 -18px 50px #0009;outline:none}.ux-sheet h2{margin:0 0 12px;text-align:center}.ux-sheet>section>button,.onboarding-actions button{min-height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-weight:800}.ux-sheet>section>button{width:100%;margin-top:12px;color:var(--cyan)}.rules-body{display:grid;gap:10px}.rules-body section{padding:10px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.rules-body h3{margin:0 0 4px;color:var(--cyan);font-size:13px}.rules-body p{margin:0;color:#dbe1f3;font-size:13px;line-height:1.45}.onboarding-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.onboarding-actions button:last-child{color:var(--cyan)}#onboarding-progress{display:block;color:var(--muted);text-align:center}#onboarding-text{min-height:64px;color:#e3e7f5;line-height:1.5;text-align:center}@media(max-width:340px){.room-rules{position:static;align-self:flex-end;margin-top:-5px}.ux-sheet>section{padding-inline:12px}}@media(max-height:700px){.ux-sheet>section{max-height:92dvh;padding-top:14px}.ux-sheet h2{margin-bottom:8px}.rules-body{gap:7px}.rules-body section{padding:8px}}
.settings-list{display:grid;gap:8px}.settings-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.settings-list b,.settings-list small{display:block}.settings-list small{margin-top:3px;color:var(--muted);font-size:11px}.settings-list button{min-width:112px;min-height:44px;border:1px solid var(--cyan);border-radius:10px;background:var(--surface);color:var(--cyan);font-weight:850}.settings-list button[aria-pressed="false"]{border-color:var(--line);color:var(--muted)}#settings-feedback{min-height:20px;margin:8px 0 0;color:#8dffc0;text-align:center;font-size:12px}.home-secondary #open-settings{grid-column:1/-1;height:40px;color:var(--muted)}
[data-motion="reduced"] .durak-board *,[data-motion="reduced"] .durak-motion-ghost,[data-motion="reduced"] .durak-table-exit,[data-motion="reduced"] .uno-card,[data-motion="reduced"] .domino-tile,[data-motion="reduced"] .poker-card,[data-motion="reduced"] .sea-cell,[data-motion="reduced"] .sea-cell *,[data-motion="reduced"] .ship-hull,[data-motion="reduced"] .battle-result-cue,[data-motion="reduced"] .connection-state,[data-motion="reduced"] .match-result-card,[data-motion="reduced"] .ux-sheet>section{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
[data-motion="reduced"] .durak-card.selected{transform:translateY(-8px)}[data-motion="reduced"] .durak-card.legal:hover{transform:none}[data-motion="reduced"] .sea-cell.miss-event{box-shadow:inset 0 0 0 3px #baf8ff}[data-motion="reduced"] .sea-cell.hit-event{box-shadow:inset 0 0 0 3px #ff9d4d}[data-motion="reduced"] .sea-cell.sunk-event,[data-motion="reduced"] .destroyed-hull-event{box-shadow:inset 0 0 0 3px #ff526c}
@media(max-width:360px){.settings-list>div{grid-template-columns:1fr}.settings-list button{width:100%}}

/* Public Rooms 2.0 (shared joinable predicate listing). */
.public-quick{font-size:20px!important;border-color:var(--violet)!important;color:#e3d8ff;min-height:58px!important;align-items:center}.public-heading{grid-column:1/-1;margin:6px 2px 0;padding:4px 6px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.04em}.public-row{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name cta" "host cta" "meta cta";align-items:center;gap:2px 8px;min-height:66px!important;padding:9px 11px!important;font-size:16px!important;flex-direction:column;text-align:left}.public-row b{font-size:14px}.public-row>span{grid-area:host;color:var(--muted);font-size:11px}.public-row .public-meta{grid-area:meta;display:flex;gap:8px;color:var(--muted);font-size:10px}.public-row em{grid-area:cta;justify-self:end;padding:7px 12px;font-style:normal;font-size:12px;font-weight:800;color:var(--cyan);border:1px solid rgba(45,226,230,.35);border-radius:9px;background:rgba(45,226,230,.08)}.public-empty{grid-column:1/-1;padding:18px 12px;color:var(--muted);font-size:12px;white-space:pre-line;text-align:center}

/* Language switch (compact RU | EN). */
.lang-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:9px;padding:2px;background:#0b0f1acc}
.lang-switch .lang-option{min-width:40px;min-height:34px;border-radius:7px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;line-height:1;padding:0 8px;cursor:pointer}
.lang-switch .lang-option[aria-pressed="true"]{background:var(--surface);color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(45,226,230,.45)}
.home-content .lang-switch{position:absolute;top:calc(12px + var(--safe-top,0px));right:max(14px,env(safe-area-inset-right));z-index:5}
.settings-lang{min-height:44px;min-width:0;align-self:center}
.settings-lang .lang-option{min-height:36px}
@media(max-width:360px){.home-content .lang-switch{top:calc(8px + var(--safe-top,0px));right:10px}.home-content .lang-switch .lang-option{min-width:34px;font-size:11px}}

/* Anchor the compact RU|EN switch to the Home column without clipping. */
.home-content{position:relative}
