.games-page.page-wrap{isolation:isolate;max-width:100%;min-height:100vh;position:relative}.games-page-bg-track{z-index:0;pointer-events:none;width:auto;height:100dvh;min-height:100vh;transition:left var(--transition), right var(--transition);position:fixed;top:0;left:0;right:0}html.ap-sidebar-expanded .games-page-bg-track{left:var(--ap-sidebar-width-full)}.games-page-bg-layer{background-color:#0f172a;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.games-page-bg-layer:after{content:"";pointer-events:none;background:linear-gradient(#0f172a61 0%,#0f172ac2 100%);position:absolute;inset:0}html[data-theme=light] .games-page-bg-layer:after{background:linear-gradient(#ffffff94 0%,#f8fafce6 100%)}.games-page-foreground{z-index:1;max-width:100%;position:relative;overflow-x:clip}.games-page .page-hero.page-hero-games{background:0 0;border-bottom:none}.games-page .page-hero-games:before{display:none}.page-icon-games{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;box-shadow:0 4px 28px #00000047}html[data-theme=light] .page-icon-games{background:#ffffff8c;border-color:#0f172a1f;box-shadow:0 4px 20px #0f172a14}.page-title-games{background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;color:#fff;text-shadow:0 1px 2px #000000e0,0 0 32px #000000a6}html[data-theme=light] .page-title-games{color:#0f172a;text-shadow:0 1px #fffffff2,0 0 28px #ffffffb8}.games-page .page-desc{color:#f8fafceb;text-shadow:0 1px 10px #0000008c}html[data-theme=light] .games-page .page-desc{color:#0f172ae0;text-shadow:0 1px #ffffffc7}.games-page .page-breadcrumb,.games-page .page-breadcrumb a{color:#f8fafcc7}.games-page .page-breadcrumb span{color:#f8fafc9e}.games-page .page-breadcrumb .games-page-breadcrumb-current{color:#f8fafceb}html[data-theme=light] .games-page .page-breadcrumb,html[data-theme=light] .games-page .page-breadcrumb a{color:#1e293bc7}html[data-theme=light] .games-page .page-breadcrumb span{color:#1e293b8c}html[data-theme=light] .games-page .page-breadcrumb .games-page-breadcrumb-current{color:#0f172ae0}.games-page .page-stat-label{color:#f8fafcd9}html[data-theme=light] .games-page .page-stat-label{color:#1e293bcc}.page-stat-num.stat-games-orange{color:#fb923c}.page-stat-num.stat-games-cyan{color:#22d3ee}.games-page .page-stat-num.stat-games-orange,.games-page .page-stat-num.stat-games-cyan{text-shadow:0 1px 14px #00000080}html[data-theme=light] .games-page .page-stat-num.stat-games-orange,html[data-theme=light] .games-page .page-stat-num.stat-games-cyan{text-shadow:0 1px #ffffff8c}.games-hero-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}@media (max-width:480px){.games-hero-actions{width:100%}.games-hero-actions .btn{flex:auto;justify-content:center;min-width:0}}.match-mode-selector{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.match-mode-btn{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-primary);align-items:center;gap:8px;padding:10px 16px;display:flex}.match-mode-btn:hover{border-color:var(--primary);color:var(--text-primary)}.match-mode-btn.active{color:#f97316;background:#fff7ed;border-color:#f97316}html[data-theme=dark] .match-mode-btn.active{color:#fdba74;background:#3d3028}.match-mode-btn .mode-icon{font-size:18px}.match-mode-btn .mode-label{white-space:nowrap}.match-mode-btn .mode-desc{color:var(--text-muted);font-size:11px;font-weight:400}@media (max-width:640px){.match-mode-selector{gap:6px}.match-mode-btn{padding:8px 12px}.match-mode-btn .mode-desc{display:none}}.games-filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.games-filter-toolbar .search-box{width:240px;max-width:100%}.games-page .games-filter-toolbar .tab-bar{background:var(--bg-card)}.games-page .games-filter-toolbar .tab-btn:not(.active){background:var(--bg-secondary)}@media (max-width:480px){.games-filter-toolbar .search-box{width:100%}}.main-content-area{min-width:0}.games-page .content-area{box-sizing:border-box;grid-template-columns:1fr min(320px,100%);align-items:start;gap:24px;max-width:1280px;margin:0 auto;padding:32px;display:grid}.games-page .sidebar{min-width:0}@media (max-width:1024px){.games-page .content-area{grid-template-columns:1fr}}@media (max-width:768px){.games-page .content-area{gap:20px;padding:16px}}@media (max-width:640px){.games-page .games-filter-toolbar{flex-direction:column;align-items:stretch;gap:12px}.games-page .games-filter-toolbar .tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;max-width:100%;padding-bottom:4px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000 100%);mask-image:linear-gradient(90deg,#000 92%,#0000 100%)}.games-page .games-filter-toolbar .tab-btn{flex:none;padding:8px 12px;font-size:12px}.games-page .games-filter-toolbar .search-box{width:100%}}@media (max-width:520px){.create-room-content .player-slot-selector,.create-room-content .invite-link-row{flex-direction:column}.create-room-content .invite-copy-btn{justify-content:center;width:100%}}@media (max-width:480px){.games-page .room-players{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px}.games-page .game-meta{flex-wrap:wrap;gap:8px}.games-page .rooms-open-header{flex-wrap:wrap;gap:10px}}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}@media (max-width:768px){.games-grid{grid-template-columns:1fr}}.games-grid--spin-host{min-height:140px}.games-page .games-open-spin.ant-spin-nested-loading{width:100%}.games-page .games-open-spin .ant-spin-text{color:var(--text-muted);margin-top:10px;font-size:13px}.games-lobby-spinner{border:3px solid #f97316;border-color:#f97316 #f9731673 #f9731626 #f9731626;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite games-lobby-spin;display:inline-block}@keyframes games-lobby-spin{to{transform:rotate(360deg)}}@keyframes games-pulse-live{0%,to{opacity:1}50%{opacity:.7}}.game-status-badge{box-sizing:border-box;border-radius:100px;flex-shrink:0;align-self:center;align-items:center;gap:4px;height:auto;min-height:0;max-height:none;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.game-matchup-badge{color:#22d3ee;box-sizing:border-box;background:#22c5ee1f;border-radius:100px;flex-shrink:0;align-self:center;align-items:center;gap:4px;height:auto;min-height:0;max-height:none;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.game-matchup-badge--muted{background:var(--bg-tertiary);color:var(--text-muted)}.badge-status-live{color:#ef4444;background:#ef44441a;animation:2s infinite games-pulse-live}.badge-status-waiting{color:#f97316;background:#f973161a}.badge-status-ended{background:var(--bg-tertiary);color:var(--text-muted)}.game-time{color:var(--text-muted);font-size:11px}.game-type-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.game-type-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.game-type-gomoku{color:#f97316;background:#f9731626}.game-type-sichuan_mahjong{color:#38bdf8;background:#38bdf826}.game-type-snake{color:#10b981;background:#10b98126}.game-type-tetris{color:#818cf8;background:#6366f126}.game-type-default{color:var(--primary);background:#f973161f}.game-type-name{color:var(--text-muted);font-size:12px}.game-title{color:var(--text-primary);margin-top:0;margin-bottom:12px;font-size:14px;font-weight:700;line-height:1.4}.game-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.game-meta-stats{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.game-meta-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.room-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);padding:14px;position:relative;overflow:hidden;container:room-card/inline-size}.room-card:hover{box-shadow:var(--shadow-lg);border-color:#f9731666;transform:translateY(-2px)}.room-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;margin-bottom:10px;display:flex}.room-card-header-badges{box-sizing:border-box;flex-flow:wrap;flex:0 auto;place-content:flex-start flex-end;align-self:flex-start;align-items:center;gap:6px 8px;max-width:100%;height:auto;min-height:0;display:flex}@container room-card (max-width:380px){.room-card-header-badges{flex-basis:100%;justify-content:flex-start}}@media (max-width:420px){.games-page .room-card-header-badges{flex-basis:100%;justify-content:flex-start}}.room-card-id{color:var(--primary);font-size:11px;font-weight:700;font-family:var(--font-mono);word-break:break-all;flex:auto;align-self:flex-start;min-width:0;line-height:1.35}.room-players{background:var(--bg-secondary);border-radius:var(--radius-md);justify-content:center;align-items:flex-start;gap:16px;padding:10px;display:flex}.room-player-slot{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;max-width:120px;display:flex}.room-player-avatar{border:2px solid var(--border-light);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.room-player-avatar.human{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.room-player-avatar.agent{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.room-player-avatar.empty{background:var(--bg-tertiary);border-style:dashed}.room-player-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:96px;min-height:15px;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.room-player-name--empty-slot{color:#0000;-webkit-user-select:none;user-select:none}.room-player-type{color:var(--text-muted);min-height:18px;font-size:10px}.room-vs-badge{color:#f97316;background:#f9731626;border-radius:100px;flex-shrink:0;margin-top:10px;padding:4px 12px;font-size:11px;font-weight:700}.player-type-tag{border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.player-type-human{color:#22d3ee;background:#22c5ee26}.player-type-agent{color:#c084fc;background:#8b5cf626}.player-type-waiting{color:#fb923c;background:#f9731626}.room-join-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:11px;font-weight:600;font-family:var(--font-primary);background:#f97316;border:none;padding:4px 10px}.room-join-btn:hover{background:#ea580c}.room-join-btn:disabled{opacity:.65;cursor:not-allowed}.room-invite-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:11px;font-weight:600;font-family:var(--font-primary);padding:4px 10px}.room-invite-btn:hover{border-color:var(--primary);color:var(--primary)}.match-mode-pill{white-space:nowrap;border-radius:100px;padding:2px 6px;font-size:10px;font-weight:600}.match-mode-pill.hvh{color:#22d3ee;background:#22c5ee1a}.match-mode-pill.hva{color:#fb923c;background:#f973161a}.match-mode-pill.ava{color:#c084fc;background:#8b5cf61a}.rooms-open-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rooms-open-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.rooms-empty-hint{text-align:center;color:var(--text-muted);grid-column:1/-1;margin:0;padding:40px 20px;font-size:13px}.dou-xia-promo-card{border-radius:var(--radius-xl);transition:var(--transition);color:inherit;background:#fff7ed;border:1px solid #f9731633;padding:16px;text-decoration:none;display:block}html[data-theme=dark] .dou-xia-promo-card{background:#3a2a22}.dou-xia-promo-card:hover{box-shadow:var(--shadow-md);border-color:#f9731673}.dou-xia-promo-inner{align-items:center;gap:12px;display:flex}.dou-xia-promo-icon{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.dou-xia-promo-body{flex:1;min-width:0}.dou-xia-promo-title{color:var(--text-primary);font-size:13px;font-weight:700}.dou-xia-promo-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.dou-xia-promo-arrow{color:#fb923c;flex-shrink:0;font-size:12px}.games-cloud-chat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;min-height:0;margin-bottom:12px;display:flex;overflow:visible}.games-cloud-chat-head{border-bottom:1px solid var(--border-light);border-radius:calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px) 0 0;background:#ecfdf5;flex-shrink:0;padding:12px 14px;overflow:hidden}html[data-theme=dark] .games-cloud-chat-head{background:#1e2825}.games-cloud-chat-title{color:var(--text-primary);font-size:13px;font-weight:700}.games-cloud-chat-sub{color:var(--text-muted);margin-top:4px;font-size:10px;line-height:1.45}.games-cloud-chat-body{flex-direction:column;min-height:0;display:flex}.games-cloud-chat-messages-wrap{flex-direction:column;min-height:200px;max-height:min(320px,42vh);display:flex;position:relative}.games-cloud-chat-login-overlay{z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#030712b8;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.games-cloud-chat-login-hint{color:var(--text-secondary);max-width:220px;margin:0;font-size:12px;line-height:1.45}.games-cloud-chat-login-btn{justify-content:center;align-items:center;padding:8px 16px;font-size:12px;text-decoration:none;display:inline-flex}.games-cloud-chat-messages{background:var(--bg-secondary);flex-direction:column;flex:1;gap:10px;min-height:120px;padding:10px 12px;display:flex;overflow-y:auto}.games-cloud-chat-empty{color:var(--text-muted);text-align:center;padding:8px 4px;font-size:11px;line-height:1.5}.games-cloud-chat-row{flex-direction:column;gap:4px;max-width:100%;display:flex}.games-cloud-chat-row--user{align-items:flex-end}.games-cloud-chat-row--assistant{align-items:flex-start}.games-cloud-chat-who{color:var(--text-muted);padding:0 2px;font-size:10px}.games-cloud-chat-bubble{word-break:break-word;white-space:pre-wrap;border-radius:10px;max-width:100%;padding:8px 10px;font-size:12px;line-height:1.5}.games-cloud-chat-bubble--user{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px 10px 4px}.games-cloud-chat-bubble--assistant{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-radius:10px 10px 10px 4px}.games-cloud-chat-composer{border-top:1px solid var(--border-light);background:var(--bg-card);flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.games-cloud-chat-input{resize:none;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);min-height:44px;max-height:88px;color:var(--text-primary);flex:1;padding:8px 10px;font-family:inherit;font-size:12px;line-height:1.45}.games-cloud-chat-input:disabled{opacity:.55;cursor:not-allowed}.games-cloud-chat-send{flex-shrink:0;padding:8px 12px;font-size:12px}.games-cloud-chat-agent-select{border-top:1px solid var(--border-light);background:var(--bg-card);flex-shrink:0;padding:10px 12px 12px;position:relative}.games-cloud-chat-agents-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:10px;font-weight:600}.games-cloud-chat-agent-trigger{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:11px;transition:border-color .15s,box-shadow .15s;display:flex}.games-cloud-chat-agent-trigger:hover{border-color:#10b98159}.games-cloud-chat-agent-trigger.is-open{border-color:#f973168c;box-shadow:0 0 0 1px #f973162e}.games-cloud-chat-agent-trigger-main{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.games-cloud-chat-agent-trigger-chevron{color:var(--text-muted);flex-shrink:0;font-size:9px;line-height:1}.games-cloud-chat-agent-bubble{z-index:6;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-card);flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;bottom:calc(100% - 2px);left:12px;right:12px;box-shadow:0 -8px 28px #00000047,0 0 0 1px #ffffff0a}.games-cloud-chat-agent-bubble:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid var(--bg-card);width:0;height:0;position:absolute;bottom:-6px;left:22px}.games-cloud-chat-agent-option{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.games-cloud-chat-agent-option:hover{background:#ecfdf5;border-color:#10b98173}html[data-theme=dark] .games-cloud-chat-agent-option:hover{background:#1e2825}.games-cloud-chat-agent-option.is-active{background:#fff7ed;border-color:#f973168c;box-shadow:0 0 0 1px #f9731633}html[data-theme=dark] .games-cloud-chat-agent-option.is-active{background:#3d3028}.games-cloud-chat-agent-name{flex:1;min-width:0;font-weight:600}.games-cloud-chat-agent-heat{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.games-pro-integration-details{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid #8b5cf647;margin-bottom:12px;overflow:hidden}.games-pro-integration-details>summary{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;background:#f5f3ff;border-bottom:1px solid #0000;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:700;list-style:none;display:flex}html[data-theme=dark] .games-pro-integration-details>summary{background:#262030}.games-pro-integration-details>summary::-webkit-details-marker{display:none}.games-pro-integration-details[open]>summary{border-bottom-color:#8b5cf633}.games-pro-integration-details>summary:after{content:"▸";color:#a78bfa;margin-left:auto;font-size:11px;transition:transform .2s}.games-pro-integration-details[open]>summary:after{transform:rotate(90deg)}.games-pro-integration-inner{flex-direction:column;gap:0;padding:12px 12px 4px;display:flex}.games-pro-integration-inner .agent-connect-doc-card,.games-pro-integration-inner .games-sidebar-tip,.games-pro-integration-inner .agent-md-connect-card{margin-bottom:12px}.agent-connect-doc-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #8b5cf640;margin-bottom:12px;overflow:hidden}.agent-connect-doc-header{background:#f5f3ff;border-bottom:1px solid #8b5cf626;align-items:center;gap:10px;padding:12px 14px;display:flex}html[data-theme=dark] .agent-connect-doc-header{background:#262030}.agent-connect-doc-header .card-text{flex:1;min-width:0}.agent-connect-doc-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.agent-connect-doc-title{color:var(--text-primary);font-size:13px;font-weight:700}.agent-connect-doc-subtitle{color:var(--text-muted);margin-top:1px;font-size:10px}.agent-connect-doc-body{padding:12px 14px}.agent-connect-doc-desc{color:var(--text-secondary);margin-bottom:10px;font-size:11px;line-height:1.5}.agent-connect-doc-preview{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#c084fc;white-space:pre-wrap;max-height:80px;padding:10px;font-size:10px;line-height:1.6;position:relative;overflow:hidden}.agent-connect-doc-preview:after{content:"";background:linear-gradient(transparent, var(--bg-secondary));height:30px;position:absolute;bottom:0;left:0;right:0}.agent-connect-doc-actions{gap:8px;margin-top:10px;display:flex}.agent-connect-doc-actions .btn{flex:1;justify-content:center;padding:8px;font-size:12px}.agent-connect-doc-note{border-radius:var(--radius-sm);background:#22c5ee0f;border:1px solid #22c5ee26;align-items:flex-start;gap:6px;margin-top:10px;padding:8px 10px;display:flex}.agent-connect-doc-note-icon{flex-shrink:0;margin-top:1px;font-size:12px}.agent-connect-doc-note-text{color:var(--text-secondary);font-size:10px;line-height:1.4}.agent-connect-doc-actions--row{flex-wrap:wrap}.agent-connect-doc-actions--row .btn-secondary{text-align:center;box-sizing:border-box;flex:1;justify-content:center;align-items:center;min-width:120px;text-decoration:none;display:inline-flex}.agent-connect-doc-code{background:#22c5ee1f;border-radius:4px;padding:1px 4px;font-size:10px}.games-skill-preview-modal .games-skill-preview-lead{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.games-skill-preview-code{font-size:11px}.games-skill-preview-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.games-skill-preview-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 12px}.games-skill-preview-game{margin-bottom:4px;font-size:13px;font-weight:700}.games-skill-preview-row{word-break:break-all;flex-direction:column;gap:4px;margin-top:6px;font-size:11px;display:flex}.games-skill-preview-k{color:var(--text-muted)}.games-skill-preview-link{color:#8b5cf6;text-decoration:none}.games-skill-preview-link:hover{text-decoration:underline}.games-skill-preview-missing{color:var(--text-muted)}.games-sidebar-tip{border-radius:var(--radius-xl);background:#faf5ff;border:1px solid #8b5cf633;padding:12px}html[data-theme=dark] .games-sidebar-tip{background:#252030}.games-sidebar-tip-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.games-sidebar-tip-title{color:var(--text-primary);font-size:12px;font-weight:700}.games-sidebar-tip-text{color:var(--text-secondary);font-size:10px;line-height:1.5}.agent-md-connect-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:16px}.agent-md-connect-card .card-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.agent-md-connect-card .card-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.agent-md-connect-card .card-text{flex:1;min-width:0}.agent-md-connect-card .card-title{color:var(--text-primary);font-size:14px;font-weight:700}.agent-md-connect-card .card-subtitle{color:var(--text-muted);margin-top:2px;font-size:11px}.agent-md-url-input-wrap{margin-bottom:10px;position:relative}.agent-md-url-input{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);box-sizing:border-box;font-size:13px;font-family:var(--font-primary);outline:none;padding:10px 80px 10px 12px}.agent-md-url-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.agent-md-url-input::placeholder{color:var(--text-muted)}.agent-md-copy-btn{color:#fff;cursor:pointer;transition:var(--transition);font-size:12px;font-weight:600;font-family:var(--font-primary);background:#8b5cf6;border:none;border-radius:6px;padding:6px 12px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.agent-md-copy-btn:hover{background:#7c3aed}.agent-md-actions{gap:8px;display:flex}.agent-md-actions .btn{flex:1;justify-content:center;padding:10px;font-size:13px}.agent-md-info{border-radius:var(--radius-sm);background:#8b5cf614;border:1px solid #8b5cf633;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.agent-md-info-icon{flex-shrink:0;margin-top:1px;font-size:14px}.agent-md-info-text{color:var(--text-secondary);font-size:11px;line-height:1.5}.create-room-modal{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030712d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.create-room-modal.active{display:flex}.create-room-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:90%;max-width:480px;padding:24px}.create-room-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.create-room-title{color:var(--text-primary);font-size:18px;font-weight:700}.create-room-close{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:18px;font-family:var(--font-primary);border:none;justify-content:center;align-items:center;display:flex}.create-room-close:hover{color:#ef4444;background:#ef444433}.games-page .form-group{margin-bottom:16px}.games-page .form-label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.games-page .form-input{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);box-sizing:border-box;font-size:14px;font-family:var(--font-primary);outline:none;padding:10px 14px}.games-page .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161a}.games-page .form-select{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;font-size:14px;font-family:var(--font-primary);outline:none;padding:10px 14px}.player-slot-selector{gap:8px;margin-top:8px;display:flex}.slot-option{border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:var(--transition);flex:1;padding:10px}.slot-option:hover{border-color:var(--primary)}.slot-option.selected{border-color:var(--primary);background:#f9731614}.slot-option-icon{margin-bottom:4px;font-size:24px}.slot-option-label{color:var(--text-primary);font-size:12px;font-weight:600}.slot-option-desc{color:var(--text-muted);margin-top:2px;font-size:10px}.create-room-footer{gap:10px;margin-top:20px;display:flex}.create-room-footer .btn{flex:1;justify-content:center}.games-room-modal-root .create-room-md-url-preview,.create-room-content .create-room-md-url-preview{box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;min-height:42px;font-size:13px;line-height:1.45;font-family:var(--font-mono);color:var(--text-primary);cursor:text;text-align:left;transition:var(--transition);outline:none;align-items:center;padding:10px 14px;display:flex}.games-room-modal-root .create-room-md-url-preview:hover,.create-room-content .create-room-md-url-preview:hover{border-color:#f9731659}.games-room-modal-root .create-room-md-url-preview:focus-visible,.create-room-content .create-room-md-url-preview:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #f973161a}.create-room-md-mid-ellipsis{min-width:0;max-width:100%;font-family:var(--font-mono);color:var(--text-primary);align-items:baseline;font-size:12px;display:inline-flex}.create-room-md-mid-ellipsis__start{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.create-room-md-mid-ellipsis__gap{color:var(--text-muted);flex-shrink:0;padding:0 2px}.create-room-md-mid-ellipsis__end{white-space:nowrap;flex-shrink:0}.create-room-md-mid-ellipsis__full{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:var(--text-primary);width:100%;font-size:12px;display:block;overflow:hidden}.create-room-md-url-preview-placeholder{font-size:12px;font-family:var(--font-primary);color:var(--text-muted);line-height:1.4}p.create-room-md-url-preview-placeholder{margin:6px 0 0}.games-room-modal-root .invite-agent-url-link.create-room-md-url-copy{white-space:normal;text-overflow:clip;justify-content:flex-start;align-items:center;width:100%;min-height:36px;margin-top:6px;padding:6px 0;line-height:1.45;display:flex;overflow:hidden}.games-room-modal-root .invite-agent-url-link.create-room-md-url-copy .create-room-md-mid-ellipsis,.games-room-modal-root .invite-agent-url-link.create-room-md-url-copy .create-room-md-mid-ellipsis__full{color:inherit}.games-room-modal-root .invite-agent-url-link.create-room-md-url-copy .create-room-md-mid-ellipsis{max-width:100%}.invite-link-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:12px;padding:12px}.invite-link-label{color:var(--text-muted);margin-bottom:6px;font-size:11px}.invite-link-row{gap:8px;display:flex}.invite-link-input{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);font-size:12px;font-family:var(--font-mono);flex:1;padding:8px 12px}.invite-link-input--ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-openclaw-json-link{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:#2563eb;background:#2563eb0f;border:1px solid #2563eb59;width:100%;max-width:100%;margin:4px 0 0;padding:10px 12px;text-decoration:none;transition:background .15s,border-color .15s;display:block}.invite-openclaw-json-link:hover{background:#2563eb1a;border-color:#2563eb80}.invite-openclaw-json-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb73}.invite-openclaw-json-pre{font-size:12px;line-height:1.45;font-family:var(--font-mono);color:inherit;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;margin:0;padding:0;overflow:hidden}.invite-openclaw-json-placeholder{color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border-light);border-radius:var(--radius-sm);margin:4px 0 0;padding:10px 12px;font-size:12px;line-height:1.45}.invite-copy-btn:disabled{opacity:.5;cursor:not-allowed}.invite-copy-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--font-primary);border:none;padding:8px 14px}.invite-copy-btn:hover{background:var(--primary-light)}.create-room-content--invite .invite-modal-body{max-height:min(70vh,560px);margin-bottom:4px;padding-right:2px;overflow:hidden auto}.invite-modal-lead{color:var(--text-secondary);margin:0 0 4px;font-size:13px;line-height:1.55}.invite-link-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:8px;display:flex}.invite-link-header-row .invite-link-label{margin-bottom:0}.invite-seat-select-inline{flex-shrink:0;align-items:center;gap:8px;display:flex}.invite-seat-select-inline-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.invite-seat-ant-select.ant-select{min-width:88px}.invite-seat-ant-select.ant-select .ant-select-selector{color:var(--text-primary)!important;background:#0f172a8c!important;border-color:#94a3b859!important;border-radius:8px!important}.invite-seat-ant-select.ant-select:hover .ant-select-selector{border-color:#6366f173!important}.invite-seat-ant-select.ant-select-focused .ant-select-selector{border-color:#818cf88c!important;box-shadow:0 0 0 2px #6366f126!important}.invite-modal-lead code{font-size:12px;font-family:var(--font-mono);color:var(--text-primary)}.invite-modal-lead-accent{color:#22d3ee;font-weight:600}.invite-modal-block{margin-top:16px}.invite-modal-block:first-of-type{margin-top:12px}.invite-modal-block-title{letter-spacing:.04em;color:var(--text-primary);text-transform:none;margin:0 0 10px;padding-bottom:6px;font-size:12px;font-weight:700}.invite-modal-block--agent .invite-modal-block-title{color:var(--text-secondary)}.invite-link-card--agent-compact{background:#22c5ee0f;border-color:#22c5ee2e}.invite-link-label--agent-second{margin-top:12px}.invite-agent-url-link{text-overflow:ellipsis;white-space:nowrap;text-align:left;width:100%;min-width:0;max-width:100%;font-size:12px;line-height:1.45;font-family:var(--font-mono);color:#2563eb;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:4px 0 0;padding:0;text-decoration:underline;display:block;overflow:hidden}.invite-agent-url-link:hover{color:#3b82f6}.invite-agent-url-link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #2563eb73}.create-room-content--invite .invite-link-card{margin-top:0}.create-room-content--invite .invite-link-card+.invite-link-card{margin-top:10px}.create-room-content--invite .invite-link-row{align-items:stretch}.create-room-content--invite .invite-link-input:not(.invite-link-input--ellipsis){word-break:break-all}.invite-modal-hint{border-radius:var(--radius-sm);color:var(--text-secondary);background:#22c5ee14;border:1px solid #22c5ee33;margin-top:14px;padding:10px 12px;font-size:11px;line-height:1.55}.invite-modal-hint code{font-size:11px;font-family:var(--font-mono)}@media (max-width:520px){.create-room-content.create-room-content--invite .invite-link-row{flex-flow:row}.create-room-content.create-room-content--invite .invite-copy-btn{flex-shrink:0;width:auto}}.game-modal{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030712cc;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.game-modal.active{display:flex}.game-modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;width:90%;max-width:900px;max-height:90vh;display:flex;overflow:hidden}.game-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.game-modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.game-modal-close{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:18px;font-family:var(--font-primary);border:none;justify-content:center;align-items:center;display:flex}.game-modal-close:hover{color:#ef4444;background:#ef444433}.game-modal-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.game-modal-fs{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:var(--font-primary);border:none;justify-content:center;align-items:center;display:flex}.game-modal-fs:hover{color:#60a5fa;background:#3b82f638}.game-modal-fs__icon{display:block}.game-modal-content>.game-fullscreen-host{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.game-fullscreen-host .game-modal-body{flex:1;min-height:0}:-webkit-any(.game-fullscreen-host:fullscreen,.game-fullscreen-host:-webkit-full-screen,.game-fullscreen-host.game-fullscreen-host--mobile-expanded){background:var(--bg-card);width:100%;height:100%;overflow:auto}:is(.game-fullscreen-host:fullscreen,.game-fullscreen-host:fullscreen,.game-fullscreen-host.game-fullscreen-host--mobile-expanded){background:var(--bg-card);width:100%;height:100%;overflow:auto}.game-fullscreen-host.game-fullscreen-host--mobile-expanded{z-index:12050;box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;position:fixed;inset:0}.game-fullscreen-host.game-fullscreen-host--mobile-expanded .game-fullscreen-exit-rail{opacity:1;pointer-events:auto;transform:translateY(0)}:-webkit-any(.game-fullscreen-host:fullscreen .game-modal-body,.game-fullscreen-host:-webkit-full-screen .game-modal-body,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .game-modal-body){box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:12px 16px;display:flex}:is(.game-fullscreen-host:fullscreen .game-modal-body,.game-fullscreen-host:fullscreen .game-modal-body,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .game-modal-body){box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:12px 16px;display:flex}:-webkit-any(.game-fullscreen-host:fullscreen .gomoku-match-root,.game-fullscreen-host:-webkit-full-screen .gomoku-match-root,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-match-root){flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}:is(.game-fullscreen-host:fullscreen .gomoku-match-root,.game-fullscreen-host:fullscreen .gomoku-match-root,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-match-root){flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}:-webkit-any(.game-fullscreen-host:fullscreen .gomoku-container.gomoku-match-layout,.game-fullscreen-host:-webkit-full-screen .gomoku-container.gomoku-match-layout,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-container.gomoku-match-layout){flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;max-width:100%}:is(.game-fullscreen-host:fullscreen .gomoku-container.gomoku-match-layout,.game-fullscreen-host:fullscreen .gomoku-container.gomoku-match-layout,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-container.gomoku-match-layout){flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;max-width:100%}:-webkit-any(.game-fullscreen-host:fullscreen .gomoku-info,.game-fullscreen-host:-webkit-full-screen .gomoku-info,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-info){display:none!important}:is(.game-fullscreen-host:fullscreen .gomoku-info,.game-fullscreen-host:fullscreen .gomoku-info,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-info){display:none!important}:-webkit-any(.game-fullscreen-host:fullscreen .gomoku-board,.game-fullscreen-host:-webkit-full-screen .gomoku-board,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-board){width:min(92vmin,100%);max-width:min(92vmin,100%)}:is(.game-fullscreen-host:fullscreen .gomoku-board,.game-fullscreen-host:fullscreen .gomoku-board,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-board){width:min(92vmin,100%);max-width:min(92vmin,100%)}:-webkit-any(.game-fullscreen-host:fullscreen .gomoku-match-status-line,.game-fullscreen-host:-webkit-full-screen .gomoku-match-status-line,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-match-status-line){display:none!important}:is(.game-fullscreen-host:fullscreen .gomoku-match-status-line,.game-fullscreen-host:fullscreen .gomoku-match-status-line,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .gomoku-match-status-line){display:none!important}:-webkit-any(.game-fullscreen-host:fullscreen .snake-game-shell,.game-fullscreen-host:-webkit-full-screen .snake-game-shell,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-game-shell){flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}:is(.game-fullscreen-host:fullscreen .snake-game-shell,.game-fullscreen-host:fullscreen .snake-game-shell,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-game-shell){flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}:-webkit-any(.game-fullscreen-host:fullscreen .snake-toolbar,.game-fullscreen-host:-webkit-full-screen .snake-toolbar,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-toolbar){display:none!important}:is(.game-fullscreen-host:fullscreen .snake-toolbar,.game-fullscreen-host:fullscreen .snake-toolbar,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-toolbar){display:none!important}:-webkit-any(.game-fullscreen-host:fullscreen .snake-main,.game-fullscreen-host:-webkit-full-screen .snake-main,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-main){flex:1;justify-content:center;align-items:center;width:100%}:is(.game-fullscreen-host:fullscreen .snake-main,.game-fullscreen-host:fullscreen .snake-main,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-main){flex:1;justify-content:center;align-items:center;width:100%}:-webkit-any(.game-fullscreen-host:fullscreen .snake-side,.game-fullscreen-host:-webkit-full-screen .snake-side,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-side){display:none!important}:is(.game-fullscreen-host:fullscreen .snake-side,.game-fullscreen-host:fullscreen .snake-side,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-side){display:none!important}:-webkit-any(.game-fullscreen-host:fullscreen .snake-canvas-col,.game-fullscreen-host:-webkit-full-screen .snake-canvas-col,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-canvas-col){flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}:is(.game-fullscreen-host:fullscreen .snake-canvas-col,.game-fullscreen-host:fullscreen .snake-canvas-col,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-canvas-col){flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}:-webkit-any(.game-fullscreen-host:fullscreen .snake-canvas-live,.game-fullscreen-host:-webkit-full-screen .snake-canvas-live,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-canvas-live){width:min(96vmin,100%);max-width:min(96vmin,100%);height:auto}:is(.game-fullscreen-host:fullscreen .snake-canvas-live,.game-fullscreen-host:fullscreen .snake-canvas-live,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-canvas-live){width:min(96vmin,100%);max-width:min(96vmin,100%);height:auto}:-webkit-any(.game-fullscreen-host:fullscreen .snake-bottom-bar,.game-fullscreen-host:-webkit-full-screen .snake-bottom-bar,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-bottom-bar),:-webkit-any(.game-fullscreen-host:fullscreen .snake-match-foot,.game-fullscreen-host:-webkit-full-screen .snake-match-foot,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-match-foot){display:none!important}:is(.game-fullscreen-host:fullscreen .snake-bottom-bar,.game-fullscreen-host:fullscreen .snake-bottom-bar,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-bottom-bar),:is(.game-fullscreen-host:fullscreen .snake-match-foot,.game-fullscreen-host:fullscreen .snake-match-foot,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .snake-match-foot){display:none!important}:-webkit-any(.game-fullscreen-host:fullscreen .tetris-match-root,.game-fullscreen-host:-webkit-full-screen .tetris-match-root,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-match-root){flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}:is(.game-fullscreen-host:fullscreen .tetris-match-root,.game-fullscreen-host:fullscreen .tetris-match-root,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-match-root){flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}:-webkit-any(.game-fullscreen-host:fullscreen .tetris-toolbar,.game-fullscreen-host:-webkit-full-screen .tetris-toolbar,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-toolbar){display:none!important}:is(.game-fullscreen-host:fullscreen .tetris-toolbar,.game-fullscreen-host:fullscreen .tetris-toolbar,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-toolbar){display:none!important}:-webkit-any(.game-fullscreen-host:fullscreen .tetris-multi-boards,.game-fullscreen-host:-webkit-full-screen .tetris-multi-boards,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-multi-boards){flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;place-items:start stretch;gap:14px;max-width:100%;max-height:none;padding:10px;display:grid;overflow:auto}:is(.game-fullscreen-host:fullscreen .tetris-multi-boards,.game-fullscreen-host:fullscreen .tetris-multi-boards,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-multi-boards){flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;place-items:start stretch;gap:14px;max-width:100%;max-height:none;padding:10px;display:grid;overflow:auto}:-webkit-any(.game-fullscreen-host:fullscreen .tetris-board-wrap,.game-fullscreen-host:-webkit-full-screen .tetris-board-wrap,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-board-wrap){transform-origin:top;min-width:0;max-width:100%;transform:scale(1.04)}:is(.game-fullscreen-host:fullscreen .tetris-board-wrap,.game-fullscreen-host:fullscreen .tetris-board-wrap,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-board-wrap){transform-origin:top;min-width:0;max-width:100%;transform:scale(1.04)}:-webkit-any(.game-fullscreen-host:fullscreen .tetris-match-foot,.game-fullscreen-host:-webkit-full-screen .tetris-match-foot,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-match-foot){display:none!important}:is(.game-fullscreen-host:fullscreen .tetris-match-foot,.game-fullscreen-host:fullscreen .tetris-match-foot,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-match-foot){display:none!important}:-webkit-any(.game-fullscreen-host:fullscreen .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper,.game-fullscreen-host:-webkit-full-screen .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper){flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;max-height:none;padding:0 0 8px;display:flex;overflow:visible}:is(.game-fullscreen-host:fullscreen .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper,.game-fullscreen-host:fullscreen .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper){flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;max-height:none;padding:0 0 8px;display:flex;overflow:visible}:-webkit-any(.game-fullscreen-host:fullscreen .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper .tetris-board-wrap,.game-fullscreen-host:-webkit-full-screen .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper .tetris-board-wrap,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper .tetris-board-wrap){transform:none}:is(.game-fullscreen-host:fullscreen .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper .tetris-board-wrap,.game-fullscreen-host:fullscreen .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper .tetris-board-wrap,.game-fullscreen-host.game-fullscreen-host--mobile-expanded .tetris-multi-boards.tetris-multi-boards--fullscreen-swiper .tetris-board-wrap){transform:none}.tetris-fullscreen-swiper{box-sizing:border-box;flex:0 auto;align-self:stretch;width:100%;max-width:100%;padding-bottom:32px}.tetris-fullscreen-swiper .swiper-wrapper{align-items:center}.tetris-fullscreen-swiper .tetris-fullscreen-swiper__slide{box-sizing:border-box;justify-content:center;align-items:center;height:auto;display:flex}.tetris-fullscreen-swiper .swiper-pagination{bottom:4px!important}.tetris-fullscreen-swiper .swiper-pagination-bullet{background:var(--text-muted);opacity:.55}.tetris-fullscreen-swiper .swiper-pagination-bullet-active{background:var(--primary);opacity:1}.game-fullscreen-exit-rail{z-index:2147483000;box-sizing:border-box;opacity:0;pointer-events:none;background:linear-gradient(#030712eb 0%,#03071280 65%,#0000 100%);justify-content:flex-end;align-items:center;min-height:48px;padding:10px 14px;transition:opacity .22s,transform .22s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-8px)}.game-fullscreen-exit-rail--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.game-fullscreen-exit-btn{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-primary);background:#0f172aeb;border:1px solid #94a3b859;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;box-shadow:0 4px 14px #00000059}.game-fullscreen-exit-btn:hover{background:#1e293bf5;border-color:#94a3b88c}.game-fullscreen-exit-btn__icon{color:var(--text-secondary);display:flex}.game-fullscreen-exit-btn__text{white-space:nowrap}@media (max-width:480px){.game-fullscreen-exit-btn__text{display:none}.game-fullscreen-exit-btn{padding:8px 10px}}.game-modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow:auto}@media (max-width:480px){.game-modal-header{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:12px 16px}.game-modal-title{flex-wrap:wrap;font-size:15px;line-height:1.35}.game-modal-body{padding:12px}.game-modal-content{max-height:min(90vh,100dvh)}}.game-modal-placeholder{text-align:center;color:var(--text-secondary);padding:48px 24px;font-size:14px;line-height:1.7}.game-modal-placeholder .hint{color:var(--text-muted);margin-top:12px;font-size:12px}.gomoku-container{align-items:flex-start;gap:32px;display:flex}@media (max-width:768px){.gomoku-container{flex-direction:column;align-items:center}}.gomoku-board-wrap{flex-direction:column;flex:1;align-items:center;display:flex}.gomoku-board{aspect-ratio:1;border-radius:var(--radius-md);width:min(480px,100vw - 48px);max-width:100%;height:auto;box-shadow:var(--shadow-lg);box-sizing:border-box;background:#deb887;padding:clamp(12px,3vw,20px);position:relative}@media (max-width:768px){.gomoku-board{width:min(340px,100vw - 32px)}}.gomoku-grid{width:100%;height:100%;position:relative}.gomoku-grid.gomoku-grid--static{grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);width:100%;height:100%;min-height:0;display:grid}.gomoku-grid.gomoku-grid--live{grid-template-rows:repeat(19,1fr);grid-template-columns:repeat(19,1fr);width:100%;height:100%;min-height:0;display:grid}.gomoku-grid.gomoku-grid--live .gomoku-cell{width:100%;height:100%;min-height:0;position:relative;top:auto;left:auto}.gomoku-cell-btn{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:0;margin:0;padding:0;position:absolute;inset:0}.gomoku-cell-btn:disabled{cursor:default}.gomoku-grid.gomoku-grid--live .cell-stone{z-index:3;aspect-ratio:1;box-sizing:border-box;width:62%;max-width:18px;height:auto;max-height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gomoku-grid.gomoku-grid--live .cell-hover{z-index:1;aspect-ratio:1;width:56%;max-width:16px;height:auto;max-height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gomoku-match-root{position:relative}.gomoku-match-status-line{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11px}.game-controls.gomoku-game-controls{flex-direction:column;align-items:stretch;gap:0;display:flex}.game-controls.gomoku-game-controls .gomoku-action-btn-row{gap:8px;display:flex}.gomoku-action-hint{color:var(--text-muted);text-align:center;width:100%;margin:8px 0 0;font-size:12px}.gomoku-inline-dismiss-win{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:12px;font-weight:600;text-decoration:underline;display:inline}.gomoku-inline-dismiss-win:hover{opacity:.9}.gomoku-modal-overlay{z-index:12000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030712bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gomoku-modal-dialog{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-light);max-width:400px;box-shadow:var(--shadow-lg);padding:20px;position:relative}.gomoku-modal-title{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:700}.gomoku-modal-desc{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.gomoku-modal-actions{flex-wrap:wrap;gap:8px;display:flex}.gomoku-modal-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.gomoku-grid.gomoku-grid--static .gomoku-cell{width:100%;height:100%;min-height:0;position:relative;top:auto;left:auto}.gomoku-cell{cursor:default;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute}@media (max-width:768px){.gomoku-cell{width:20px;height:20px}}.gomoku-cell:before,.gomoku-cell:after{content:"";background:#8b6914;position:absolute}.gomoku-cell:before{width:100%;height:1px;top:50%}.gomoku-cell:after{width:1px;height:100%;left:50%}.cell-hover{opacity:0;border-radius:50%;width:26px;height:26px;transition:opacity .2s}@media (max-width:768px){.cell-hover{width:18px;height:18px}}.gomoku-cell:hover .cell-hover{opacity:.5}.cell-stone{z-index:2;border-radius:50%;width:26px;height:26px;position:absolute;box-shadow:2px 2px 4px #0000004d}@media (max-width:768px){.cell-stone{width:18px;height:18px}}.cell-stone.black{background:radial-gradient(circle at 30% 30%,#4a4a4a,#000)}.cell-stone.white{background:radial-gradient(circle at 30% 30%,#fff,#d4d4d4);border:1px solid #ccc}.cell-stone.last-move{box-shadow:0 0 8px 2px var(--primary)}.gomoku-info{width:240px}.gomoku-container.gomoku-match-layout .gomoku-info{flex-shrink:0;min-width:240px}.gomoku-container.gomoku-match-layout .gomoku-board-wrap{flex:auto;min-width:0}@media (max-width:768px){.gomoku-info{width:100%}.gomoku-container.gomoku-match-layout .gomoku-info{min-width:0}}.game-info-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.game-info-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.player-row{border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.player-row.active{border:1px solid var(--primary-light);background:#8b5cf61a}.player-row-avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.player-row.black .player-row-avatar{color:#fff;background:linear-gradient(135deg,#4a4a4a,#000)}.player-row.white .player-row-avatar{color:#333;background:linear-gradient(135deg,#fff,#d4d4d4)}.player-row-info{flex:1}.player-row-name{color:var(--text-primary);font-size:14px;font-weight:600}.player-row-status{color:var(--text-muted);font-size:12px}.game-timer{font-size:24px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:12px}.game-controls{gap:8px;display:flex}.game-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:500;font-family:var(--font-primary);border:none;flex:1;padding:10px}.game-btn:disabled{opacity:.65;cursor:not-allowed}.game-btn-primary{background:var(--primary);color:#fff}.game-btn-primary:hover:not(:disabled){background:var(--primary-light)}.game-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.game-btn-secondary:hover:not(:disabled){background:var(--border-light)}.sichuan-mj-placeholder{text-align:center;padding:16px 12px}.sichuan-mj-placeholder__lead{color:var(--text-muted);margin:0 0 12px;font-size:13px}.sichuan-mj-placeholder__seats{grid-template-columns:repeat(2,1fr);gap:10px;max-width:360px;margin:0 auto 12px;display:grid}.sichuan-mj-placeholder__seat{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);padding:10px}.sichuan-mj-placeholder__wind{color:var(--text);font-weight:700;display:block}.sichuan-mj-placeholder__hint{color:var(--text-muted);font-size:11px}.sichuan-mj-placeholder__foot{color:var(--text-muted);margin:0;font-size:12px}.doudizhu-container{flex-direction:column;gap:20px;display:flex}.doudizhu-table{border-radius:var(--radius-xl);background:linear-gradient(#1a5f1a 0%,#0d3d0d 100%);min-height:400px;padding:24px;position:relative}.doudizhu-players{justify-content:space-between;align-items:flex-start;display:flex}.doudizhu-player{flex-direction:column;align-items:center;gap:8px;display:flex}.doudizhu-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.doudizhu-player.active .doudizhu-avatar{box-shadow:0 0 0 3px #fbbf24,0 0 20px #fbbf24}.doudizhu-player-name{color:#fff;font-size:14px;font-weight:600}.doudizhu-player-role{border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600}.role-dizhu{color:#fff;background:#f97316}.role-nongmin{color:#fff;background:#3b82f6}.doudizhu-card-count{color:#ffffffb3;font-size:12px}.doudizhu-center{flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.doudizhu-deck{gap:4px;display:flex}.doudizhu-hidden-card{background:linear-gradient(135deg,#1e40af,#3b82f6);border:2px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;width:40px;height:56px;font-size:16px;display:flex}.doudizhu-last-play{border-radius:var(--radius-sm);background:#ffffff1a;gap:4px;padding:12px;display:flex}.poker-card{background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:70px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000004d}.poker-card.red{color:#dc2626}.poker-card.black{color:#1f2937}.poker-rank{font-size:16px}.poker-suit{font-size:20px}.doudizhu-hand{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px}.hand-title{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:600}.hand-cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hand-card{cursor:default;width:60px;height:84px;box-shadow:var(--shadow-sm);background:#fff;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}.hand-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.hand-card.selected{border-color:var(--primary);transform:translateY(-12px);box-shadow:0 0 0 2px #8b5cf633}.hand-card.red{color:#dc2626}.hand-card.black{color:#1f2937}.card-rank{font-size:18px}.card-suit{font-size:24px}.doudizhu-actions{justify-content:center;gap:12px;padding:16px;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:15px;font-weight:600;font-family:var(--font-primary);border:none;padding:12px 32px}.action-btn:disabled{opacity:.65;cursor:not-allowed}.action-btn-primary{color:#fff;background:#f97316}.action-btn-primary:hover:not(:disabled){background:#fb923c;transform:translateY(-2px)}.action-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.action-btn-secondary:hover:not(:disabled){background:var(--border-light)}@media (max-width:480px){.doudizhu-table{min-height:280px;padding:16px}.doudizhu-avatar{width:48px;height:48px;font-size:22px}.doudizhu-actions{flex-wrap:wrap;gap:8px;padding:12px}.action-btn{flex:calc(33.33% - 8px);min-width:0;padding:10px 16px;font-size:14px}.hand-card{width:52px;height:72px}.poker-card{width:42px;height:58px}.poker-rank{font-size:14px}.poker-suit{font-size:16px}.create-room-content{padding:16px}}.snake-game-shell{flex-direction:column;gap:16px;display:flex}.snake-toolbar{background:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.snake-toolbar-label{color:var(--text-secondary);font-size:13px;font-weight:600}.snake-toolbar-counts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.snake-count-btn{border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-primary);border-radius:20px;padding:5px 14px;transition:all .2s}.snake-count-btn.active{background:var(--primary);color:#fff}.snake-match-root .snake-count-btn.snake-count-btn--active{color:#fff;background:#ff8c00;border-color:#ea580c}.snake-count-btn:disabled{cursor:not-allowed;opacity:.85}.snake-toolbar-room{color:var(--text-muted);margin-left:auto;font-size:12px}.snake-toolbar-room-id{background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;padding:2px 6px;font-size:12px}.snake-toolbar-end{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-primary);margin-left:12px;padding:6px 12px}.snake-toolbar-end:hover{border-color:var(--primary);color:var(--primary)}.snake-main{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.snake-canvas-col{flex-direction:column;flex:320px;align-items:center;gap:12px;min-width:0;max-width:min(760px,100%);display:flex}.snake-canvas-placeholder{aspect-ratio:1;border-radius:var(--radius-md);box-sizing:border-box;background:#0d1117;border:2px solid #10b9814d;width:480px;max-width:100%}.snake-canvas-live{aspect-ratio:40/30;border-radius:var(--radius-md);box-sizing:border-box;background:#0d1117;border:2px solid #10b9814d;width:100%;max-width:min(760px,96vw);height:auto;display:block}.snake-match-root .snake-side-card{background:var(--bg-card);border:1px solid #94a3b840}.snake-players-card__title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.snake-players-card__title-row .game-info-title{margin-bottom:0}.snake-timer-inline{color:var(--text-muted);font-size:12px;font-weight:500}.snake-timer-inline strong{color:var(--text-secondary);font-variant-numeric:tabular-nums}.snake-player-row{color:var(--text-secondary);border-bottom:1px solid #94a3b81f;grid-template-columns:14px minmax(2rem,auto) 1fr auto auto;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:grid}.snake-player-row:last-child{border-bottom:none}.snake-player-row--active{font-weight:600}.snake-pip{background:var(--snake-seat-color,#94a3b8);width:10px;height:10px;box-shadow:0 0 8px color-mix(in srgb, var(--snake-seat-color,#94a3b8) 45%, transparent);border-radius:3px;flex-shrink:0;display:inline-block}.snake-player-name{color:var(--snake-seat-color,var(--text-secondary));font-weight:700}.snake-player-meta{color:var(--text-secondary);font-size:12px}.snake-player-meta--muted{color:var(--text-muted)}.snake-player-score{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.snake-player-score__label{color:var(--text-muted);font-size:11px;font-weight:500}.snake-players-foot{color:var(--text-muted);margin-top:8px;font-size:12px}.snake-bottom-bar{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.snake-bottom-bar__row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.snake-btn-restart{color:#fff;cursor:pointer;min-width:140px;font-size:15px;font-weight:700;font-family:var(--font-primary);background:linear-gradient(#ff9f30 0%,#ff8c00 100%);border:1px solid #ea580c;border-radius:12px;padding:10px 20px;box-shadow:0 2px 8px #ea580c59}.snake-btn-restart:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.snake-bottom-hint{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.snake-match-foot{margin-top:4px}.snake-match-root .snake-player-line--active{opacity:1;font-weight:600}.snake-seat-B{color:#f97316;font-weight:700}.snake-seat-W{color:#a855f7;font-weight:700}.snake-seat-P3{color:#22c55e;font-weight:700}.snake-seat-P4{color:#3b82f6;font-weight:700}.snake-seat-P5{color:#ec4899;font-weight:700}.snake-seat-P6{color:#eab308;font-weight:700}.snake-canvas-actions{gap:8px;display:flex}.snake-side{flex-direction:column;flex:0 280px;gap:10px;min-width:min(240px,100%);display:flex}.snake-player-list{flex-direction:column;gap:6px;display:flex}.snake-player-line{color:var(--text-secondary);font-size:13px}.tetris-game-shell{flex-direction:column;gap:14px;display:flex}.tetris-toolbar{background:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.tetris-count-btn{border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-primary);border-radius:20px;padding:5px 14px;transition:all .2s}.tetris-count-btn.active{background:var(--primary);color:#fff}.tetris-count-btn:disabled{cursor:not-allowed;opacity:.85}.tetris-toolbar-restart{margin-left:auto}.tetris-panels{align-items:flex-start;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.tetris-panel-placeholder{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;flex:none;align-items:center;gap:8px;min-width:140px;padding:8px;display:flex}.tetris-panel-title{color:var(--text-primary);font-size:13px;font-weight:700}.tetris-canvas-placeholder{background:repeating-linear-gradient(0deg,#1e293b,#1e293b 12px,#0f172a 12px 24px);border:2px solid #6366f159;border-radius:4px;width:120px;height:200px}.tetris-panel-meta{color:var(--text-muted);font-size:11px}.game-modal-content--wide{max-width:960px}.ant-message{z-index:1200!important}.games-room-modal-root{padding-bottom:env(safe-area-inset-bottom,0px)}.games-room-modal-root .ant-modal{max-width:calc(100vw - 16px);margin:12px auto}.games-room-modal-root .ant-modal-container{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.games-room-modal-root .ant-modal-body{background:0 0!important;padding:0!important}.games-room-modal-root .game-modal-content,.games-room-modal-root .create-room-content{box-sizing:border-box;width:100%;max-width:none;box-shadow:0 16px 48px #00000073}@media (max-width:768px){.games-room-modal-root.games-room-modal--game-shell .ant-modal-wrap{overflow-x:hidden}.games-room-modal-root.games-room-modal--game-shell .ant-modal{max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0px);top:0;width:100%!important;margin:0!important}.games-room-modal-root.games-room-modal--game-shell .ant-modal-content{border-radius:0;flex-direction:column;height:100dvh;max-height:100dvh;margin:0;display:flex}.games-room-modal-root.games-room-modal--game-shell .ant-modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.games-room-modal-root.games-room-modal--game-shell .game-modal-content{border-radius:0;flex:1;min-height:0;max-height:none;overflow:hidden}.games-room-modal-root.games-room-modal--game-shell .game-modal-body{min-height:0}.games-room-modal-root.games-room-modal--game-shell .gomoku-board-wrap{width:100%}}.games-room-modal-root.games-room-modal--game-shell .gomoku-container:not(.gomoku-match-layout) .gomoku-board-wrap{box-sizing:border-box;flex:none;width:100%;max-width:100%}.games-room-modal-root.games-room-modal--game-shell .gomoku-container.gomoku-match-layout .gomoku-board-wrap{box-sizing:border-box;flex:0 auto;width:auto;min-width:0;max-width:100%}.games-room-modal-root.games-room-modal--game-shell .gomoku-container.gomoku-match-layout .gomoku-info{flex-shrink:0}@media (max-width:768px){.games-room-modal-root.games-room-modal--game-shell .gomoku-container.gomoku-match-layout .gomoku-board-wrap{flex:none;width:100%}}@media (min-width:769px){.games-room-modal-root.games-room-modal--game-shell .gomoku-match-root{flex-direction:column;align-items:center;width:100%;display:flex}.games-room-modal-root.games-room-modal--game-shell .gomoku-container.gomoku-match-layout{box-sizing:border-box;width:max-content;max-width:100%;margin-inline:auto}.games-room-modal-root.games-room-modal--game-shell .gomoku-match-status-line{box-sizing:border-box;width:100%;max-width:100%}.games-room-modal-root.games-room-modal--game-shell .game-modal-body>.gomoku-container{box-sizing:border-box;width:max-content;max-width:100%;margin-inline:auto}}.games-room-modal-root.games-room-modal--game-shell .gomoku-board{box-sizing:border-box;width:min(85vmin,480px);max-width:100%}.games-room-modal-root.games-room-modal--game-shell .snake-canvas-col{flex:auto;min-width:0;max-width:100%}.games-room-modal-root.games-room-modal--game-shell .snake-canvas-live{width:100%;max-width:100%}.games-room-modal-root.games-room-modal--game-shell .snake-main{min-width:0}.games-room-modal-root.games-room-modal--game-shell .tetris-multi-boards{box-sizing:border-box;max-width:100%}.games-room-modal-root.games-room-modal--game-shell .mj-view{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}@media (max-width:480px){.snake-toolbar{flex-direction:column;align-items:stretch}.snake-main{flex-direction:column}.tetris-toolbar{flex-direction:column;align-items:stretch}.tetris-toolbar .tetris-toolbar-label--readonly{flex:0 auto}.tetris-toolbar-room{align-self:flex-end;margin-left:0}.tetris-toolbar-restart{margin-left:0}}.game-select-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:8px 0;display:grid}@media (max-width:380px){.game-select-grid{grid-template-columns:1fr}}.game-select-option{border:2px solid var(--border-light);cursor:pointer;text-align:center;font-family:var(--font-primary);color:inherit;background:0 0;border-radius:12px;padding:20px;transition:all .3s}.game-select-option:hover{background:#f973160d;transform:translateY(-2px);border-color:var(--primary)!important}.game-select-option .game-select-emoji{margin-bottom:8px;font-size:36px}.game-select-option .game-select-name{color:var(--text-primary);font-size:15px;font-weight:700}.game-select-option .game-select-desc{color:var(--text-muted);margin-top:4px;font-size:11px}.quick-match-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;display:flex}.quick-match-footer .btn{justify-content:center;min-width:100px}.quick-match-mobile-note{color:var(--text-muted);margin:0 0 10px;font-size:12px;line-height:1.45;display:none}@media (max-width:768px){.games-page .room-join-btn.games-mobile-hide-human-join,.games-page .game-meta-actions .room-join-btn.games-mobile-hide-human-join,.game-select-grid .game-select-option:not([data-mobile-quick-match="1"]){display:none!important}.quick-match-mobile-note{display:block}}.ap-toast{color:#f1f5f9;z-index:100000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-family:var(--font-primary);white-space:nowrap;background:#0d111bf2;border:1px solid #fb923c;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;animation:.3s ap-toast-in;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.ap-toast.ap-toast--success{border-color:#10b981}.ap-toast.ap-toast--error{border-color:#ef4444}.ap-toast.ap-toast--info{border-color:#fb923c}.ap-toast.ap-toast--warning{border-color:#f59e0b}@keyframes ap-toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.games-page~.ap-toast{bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:min(420px,100vw - 32px);padding-left:16px;padding-right:16px;font-size:13px}}.games-page .my-rooms-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:20px;padding:16px}.games-page .my-rooms-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.games-page .my-rooms-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.games-page .my-rooms-tabs{gap:4px;display:flex}.games-page .my-room-tab{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-secondary);color:var(--text-muted);transition:var(--transition);font-size:12px;font-weight:600;font-family:var(--font-primary);padding:6px 12px}.games-page .my-room-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.games-page .my-room-tab:hover:not(.active){border-color:var(--primary);color:var(--primary)}.games-page .rooms-list{flex-direction:column;gap:10px;display:flex}.games-page .room-empty{text-align:center;color:var(--text-muted);padding:28px 16px;font-size:13px}.games-page .room-card-header-right{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:flex-start;gap:8px;min-width:0;height:auto;display:flex}.games-page .room-card-header-right .room-card-actions{align-items:center}.games-page .room-card-header-right .room-invite-btn,.games-page .room-card-header-right .room-join-btn{box-sizing:border-box;justify-content:center;align-items:center;min-height:36px;padding:4px 14px;display:inline-flex}.games-page .room-card-tool-btn{box-sizing:border-box;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-secondary);min-width:36px;min-height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:4px 12px;font-size:20px;line-height:1;display:inline-flex}.games-page .room-card-tool-btn--more{letter-spacing:.5px;font-size:14px}.games-page .room-card-tool-btn:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:#f9731673}.games-page .room-card-tool-btn--close:hover{color:#ef4444;background:#ef444414;border-color:#ef444473}.games-page .room-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.tetris-match-root{flex-direction:column;gap:10px;min-height:0;display:flex}.tetris-toolbar{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:8px 10px;display:flex}.tetris-toolbar-label{color:var(--text-muted);font-size:13px;font-weight:600}.tetris-toolbar-label--readonly{flex:200px;min-width:0;font-weight:500;line-height:1.45}.tetris-count-btns{flex-wrap:wrap;gap:6px;display:flex}.tetris-count-btn{border:1px solid var(--border-light);background:var(--bg-tertiary);min-width:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:12px}.tetris-count-btn:disabled{opacity:.5;cursor:not-allowed}.tetris-count-btn--active{color:#ea580c;background:#f9731626;border-color:#f97316a6;font-weight:700}.tetris-toolbar-room{color:var(--text-muted);margin-left:auto;font-size:12px}.tetris-toolbar-room code{color:var(--text-primary);font-size:11px}.tetris-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tetris-btn-restart{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fb923c,#ea580c);border:none;border-radius:8px;padding:6px 12px;font-size:13px}.tetris-btn-restart--muted{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light)}.tetris-multi-boards{grid-template-columns:repeat(2,minmax(0,1fr));place-items:start stretch;gap:14px;padding:4px 4px 12px;display:grid;overflow-x:hidden}@media (max-width:520px){.tetris-multi-boards{grid-template-columns:1fr}}.tetris-board-wrap{border-radius:var(--radius-md);border:1px solid var(--border-light);box-sizing:border-box;z-index:0;isolation:isolate;background:#0f172a;width:100%;min-width:0;max-width:100%;padding:10px 10px 12px;position:relative;box-shadow:0 2px 12px #0f172a59}.tetris-board-wrap--b{border-color:#22d3ee73}.tetris-board-wrap--w{border-color:#f43f5e73}.tetris-board-wrap--p3{border-color:#22c55e73}.tetris-board-wrap--p4{border-color:#a855f773}.tetris-board-wrap--p5{border-color:#eab30873}.tetris-board-wrap--p6{border-color:#94a3b873}.tetris-board-wrap--empty .tetris-grid--ghost .tetris-cell{opacity:.35;background:#1e293b}.tetris-board-head{margin-bottom:6px}.tetris-board-title{color:#e2e8f0;margin:0 0 4px;font-size:13px;font-weight:700}.tetris-board-stats{box-sizing:border-box;background:#02061773;border:1px solid #94a3b840;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:6px 8px;font-size:11px;display:flex}.tetris-stat-score{color:#38bdf8}.tetris-stat-lines{color:#22d3ee}.tetris-stat-lv{color:#fb923c}.tetris-board-go{color:#f87171;font-weight:700}.tetris-board-remote-hint{color:#94a3b8;margin:0 0 6px;font-size:11px}.tetris-board-mainrow{flex-direction:row;justify-content:center;align-items:flex-start;gap:10px;width:100%;min-width:0;display:flex}.tetris-board-sidebar{flex-direction:column;flex:none;align-self:stretch;gap:10px;width:92px;min-width:80px;max-width:120px;display:flex}.tetris-board-sidebar--empty{opacity:.35;border:1px dashed #94a3b840;border-radius:8px;min-height:40px}.tetris-playfield{aspect-ratio:10/20;box-sizing:border-box;flex:1 1 0;width:0;min-width:0;max-width:220px}.tetris-grid{box-sizing:border-box;background:#334155;border-radius:4px;gap:1px;width:100%;min-width:0;height:100%;min-height:0;padding:2px;display:grid}.tetris-cell{border-radius:1px;width:100%;min-width:0;height:100%;min-height:0}.tetris-next-wrap{box-sizing:border-box;background:#020617a6;border:1px solid #94a3b838;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;width:100%;padding:8px 6px;display:flex}.tetris-next-label{color:#cbd5e1;letter-spacing:.02em;margin-bottom:6px;font-size:10px;font-weight:600}.tetris-next-grid{--cell-next:8px;background:#020617;border-radius:4px;gap:1px;padding:4px;display:grid}.tetris-next-cell{width:var(--cell-next);height:var(--cell-next);border-radius:1px}.tetris-next-empty{color:#64748b;padding:8px;font-size:11px}.tetris-match-foot{margin-top:4px}
.salon-scope{--primary:var(--salon-primary,var(--primary));--primary-light:var(--salon-primary-light,var(--primary-light));--primary-glow:var(--salon-primary-glow,var(--primary-glow));--secondary:var(--salon-secondary,var(--secondary));--secondary-glow:var(--salon-secondary-glow,var(--secondary-glow))}.salon-page .page-hero:before{background:radial-gradient(ellipse at 80% 50%, var(--primary) 0%, transparent 60%);opacity:.11}.page-title-salon{background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.salon-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 0 18px var(--primary-glow)}.salon-discover-wrap{max-width:1280px;margin:0 auto;padding:28px 32px 40px}@media (max-width:768px){.salon-discover-wrap{padding:16px}}.salon-section-block{margin-bottom:26px}.salon-block-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.salon-block-title{color:var(--text-primary);font-size:16px;font-weight:800}.salon-block-sub{color:var(--text-muted);font-size:12px}.salon-view-all{border:1px solid var(--border-light);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700}.salon-view-all:hover{color:var(--text-primary);border-color:var(--border-default)}.salon-hot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;display:grid}@media (max-width:1024px){.salon-hot-list{grid-template-columns:1fr}}.salon-hot-item{text-align:left;border:1px solid var(--border-light);background:var(--bg-card);cursor:pointer;width:100%;transition:var(--transition);border-radius:14px;grid-template-columns:74px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.salon-hot-item:hover{box-shadow:var(--shadow-default);border-color:#f9731652;transform:translateY(-1px)}.salon-hot-thumb{background:linear-gradient(135deg,#0206170a,#02061705);border-radius:12px;justify-content:center;align-items:center;width:74px;height:74px;display:flex}[data-theme=dark] .salon-hot-thumb{background:linear-gradient(135deg,#ffffff12,#ffffff08)}.salon-hot-thumb-inner{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));width:46px;height:46px;box-shadow:0 0 16px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex}.salon-hot-body{min-width:0}.salon-hot-time{color:var(--text-muted);font-size:12px;font-weight:600}.salon-hot-title{color:var(--text-primary);margin-top:4px;font-size:16px;font-weight:800;line-height:1.25}.salon-hot-venue{color:var(--text-secondary);margin-top:5px;font-size:13px}.salon-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.salon-local-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;display:grid}@media (max-width:1280px){.salon-local-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:960px){.salon-local-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.salon-local-list{grid-template-columns:1fr}}.salon-local-item{text-align:left;border:1px solid var(--border-light);background:var(--bg-card);cursor:pointer;width:100%;transition:var(--transition);color:inherit;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:grid}.salon-local-item:hover{border-color:#f973164d;transform:translateY(-1px)}.salon-local-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:34px;height:34px;box-shadow:0 0 10px var(--primary-glow);border-radius:999px;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.salon-local-body{flex-direction:column;gap:2px;min-width:0;display:flex}.salon-local-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.salon-local-count{color:var(--text-muted);font-size:12px;line-height:1.2}@media (max-width:1024px){.salon-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.salon-grid{grid-template-columns:1fr}.salon-hot-title{font-size:15px}.salon-hot-venue{font-size:13px}}.salon-card{text-align:left;border:1px solid var(--border-light);background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);padding:0;overflow:hidden}.salon-card:hover{box-shadow:var(--shadow-md);border-color:#f9731640;transform:translateY(-2px)}.salon-card-cover{background:linear-gradient(135deg,#0206170a,#02061705);height:118px;position:relative}[data-theme=dark] .salon-card-cover{background:linear-gradient(135deg,#ffffff0f,#ffffff08)}.salon-card-cover-inner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.salon-card-cover-emoji{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:56px;height:56px;box-shadow:0 0 22px var(--primary-glow);border-radius:16px;justify-content:center;align-items:center;font-size:26px;display:flex}.salon-card-body{padding:14px}.salon-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.salon-card-title{color:var(--text-primary);font-size:14.5px;font-weight:800;line-height:1.35}.salon-card-subtitle{color:var(--text-secondary);margin-top:6px;font-size:12.5px;line-height:1.45}.salon-card-meta{color:var(--text-muted);gap:6px;margin-top:10px;font-size:12px;display:grid}.salon-pill{border:1px solid var(--border-light);background:var(--bg-hover);color:var(--text-secondary);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.salon-pill--sold_out{color:var(--text-muted);background:#64748b1f;border-color:#64748b40}.salon-pill--on_sale{color:var(--primary);background:#f973161f;border-color:#f9731640}.salon-pill--require_approval{color:#3b82f6;background:#3b82f61f;border-color:#3b82f638}.salon-drawer-root{z-index:4000;justify-content:flex-end;display:flex;position:fixed;inset:0}.salon-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02061773;position:absolute;inset:0}.salon-drawer{width:min(520px,92vw);height:100%;position:relative}.salon-drawer-panel{background:var(--bg-card);border-left:1px solid var(--border-light);outline:none;height:100%;position:relative;overflow:auto;box-shadow:0 20px 60px #00000059}.salon-drawer-head{z-index:2;background:color-mix(in srgb, var(--bg-card) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.salon-drawer-head-actions{align-items:center;gap:8px;display:flex}.salon-icon-btn{border:1px solid var(--border-light);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:10px;padding:7px 10px;font-size:12px}.salon-icon-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.salon-icon-btn:disabled{opacity:.45;cursor:not-allowed}.salon-icon-nav-btn{width:34px;height:34px;padding:0;font-size:14px;font-weight:900}.salon-drawer-cover{background:linear-gradient(135deg,#0206170a,#02061705);height:180px;position:relative}[data-theme=dark] .salon-drawer-cover{background:linear-gradient(135deg,#ffffff12,#ffffff08)}.salon-drawer-cover-inner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.salon-drawer-cover-inner--hero-slides{display:block}.salon-drawer-cover-slide{object-fit:cover;opacity:0;z-index:0;width:100%;height:100%;transition:opacity .85s;position:absolute;inset:0}.salon-drawer-cover-slide.is-active{opacity:1;z-index:1}.salon-drawer-cover-emoji{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:86px;height:86px;box-shadow:0 0 28px var(--primary-glow);border-radius:22px;justify-content:center;align-items:center;font-size:38px;display:flex}.salon-drawer-body{padding:16px 16px 22px}.salon-drawer-title{color:var(--text-primary);font-size:18px;font-weight:900;line-height:1.3}.salon-drawer-subtitle{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.5}.salon-drawer-facts{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);gap:10px;margin-top:14px;padding:12px;display:grid}.salon-fact{grid-template-columns:64px 1fr;gap:10px;display:grid}.salon-fact-k{color:var(--text-muted);font-size:12px;font-weight:700}.salon-fact-v{color:var(--text-primary);font-size:12.5px;line-height:1.4}.salon-fact-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.salon-section{margin-top:16px}.salon-section-title{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:800}.salon-section-text{color:var(--text-secondary);font-size:13px;line-height:1.65}.salon-inline-list{flex-wrap:wrap;gap:8px;display:flex}.salon-chip{border:1px solid var(--border-light);background:var(--bg-hover);color:var(--text-secondary);border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.salon-chip--muted{color:var(--text-muted)}.salon-chip-link{text-decoration:none}.salon-chip-link:hover{color:var(--primary);border-color:#f9731659}.salon-map-box{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.salon-map-name{color:var(--text-primary);font-size:13px;font-weight:800;line-height:1.2}.salon-map-sub{color:var(--text-muted);margin-top:5px;font-size:12px;line-height:1.35}.salon-link{color:var(--primary);font-size:12.5px;font-weight:700;text-decoration:none}.salon-link:hover{text-decoration:underline}.salon-section-links{color:var(--text-muted);justify-content:flex-start;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.salon-link-sep{opacity:.8}.page-hero-salon-detail{padding-bottom:18px}.salon-detail-head{align-items:center;gap:14px;margin-top:6px;display:flex}.salon-detail-cover{background:linear-gradient(135deg, var(--primary), var(--secondary));width:58px;height:58px;box-shadow:0 0 24px var(--primary-glow);color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.salon-detail-cover-inner{transform:translateY(1px)}.salon-detail-titles .page-title{margin:0}.salon-detail-subtitle{color:var(--text-secondary);margin-top:6px;font-size:14px;line-height:1.5}.salon-detail-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:flex}.salon-dot{opacity:.7}.salon-detail-actions{justify-content:flex-end;gap:10px;display:flex}.salon-prev-next{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.salon-detail-content{padding-top:18px}.salon-card-pane .card-body{padding:22px}.salon-detail-md{margin-top:14px}.salon-md-h3{color:var(--text-primary);margin:14px 0 10px;font-size:14px;font-weight:900}.salon-md-p{color:var(--text-secondary);margin:8px 0;font-size:13px;line-height:1.7}.salon-md-li{color:var(--text-secondary);gap:8px;margin:7px 0;font-size:13px;line-height:1.55;display:flex}.salon-md-bullet{color:var(--primary);font-weight:900;line-height:1.55}.salon-ticket-list{gap:10px;margin-top:10px;display:grid}.salon-ticket-item{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;grid-template-columns:16px 1fr;align-items:flex-start;gap:10px;padding:12px;display:grid}.salon-ticket-item:hover{border-color:#f9731640}.salon-ticket-item.is-disabled{opacity:.72;cursor:not-allowed}.salon-ticket-item input{margin-top:3px}.salon-ticket-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.salon-ticket-name{color:var(--text-primary);font-size:13px;font-weight:900}.salon-ticket-price{color:var(--primary);font-size:12.5px;font-weight:800}.salon-ticket-desc{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.55}.salon-ticket-flag{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f647;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:800}.salon-ticket-cta{margin-top:14px}.salon-btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 0 18px var(--primary-glow);border:none}.salon-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.salon-muted{color:var(--text-muted);font-size:13px}.salon-muted-sm{color:var(--text-muted);margin-top:8px;font-size:12px;line-height:1.5}.salon-side-pad{padding:14px 16px}.salon-side-row{border-bottom:1px dashed var(--border-light);grid-template-columns:44px 1fr;gap:10px;padding:10px 0;display:grid}.salon-side-row:last-child{border-bottom:none}.salon-side-k{color:var(--text-muted);font-size:12px;font-weight:800}.salon-side-v{color:var(--text-primary);font-size:12.5px;line-height:1.5}.salon-side-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.salon-links{align-items:center;gap:8px;display:flex}.salon-detail-sidebar{top:24px}.page-hero-salon-profile{padding-bottom:20px}.salon-profile-head{align-items:center;gap:14px;display:flex}.salon-profile-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));width:58px;height:58px;box-shadow:0 0 22px var(--primary-glow);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.salon-profile-username{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);margin-top:6px}@media (max-width:1024px){.salon-detail-actions,.salon-prev-next{justify-content:flex-start}}@media (max-width:768px){.salon-page{max-width:100%;padding-bottom:env(safe-area-inset-bottom,0);overflow-x:clip}.salon-page .page-hero{padding:16px}.salon-discover-wrap{padding-left:max(12px, env(safe-area-inset-left,0));padding-right:max(12px, env(safe-area-inset-right,0))}.salon-block-head{flex-wrap:wrap;align-items:flex-start;row-gap:8px}.salon-hot-time{overflow-wrap:anywhere;word-break:break-word}.salon-hot-title{overflow-wrap:anywhere}.salon-drawer{width:100%;max-width:100%}.salon-drawer-panel{max-width:100%}.salon-drawer-head{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 8px;padding:10px 12px}.salon-drawer-head-actions{flex-wrap:wrap;row-gap:6px}.salon-map-box{flex-direction:column;align-items:stretch}.salon-detail-content{padding-left:12px;padding-right:12px}.salon-card-pane .card-body{padding:16px}.salon-profile-head{flex-direction:column;align-items:flex-start}}.salon-detail-gallery-anchor{scroll-margin-top:96px}.salon-detail-gallery-wrap{border-top:1px solid var(--border-light);margin-top:28px;padding-top:22px}.salon-gallery-peek{margin-top:0}.salon-side-gallery-peek-inner{border:1px solid var(--border-light);background:var(--bg-hover);border-radius:12px;position:relative;overflow:hidden}.salon-side-gallery-grid{grid-template-columns:repeat(3,1fr);gap:2px;min-height:56px;display:grid}.salon-side-gallery-cell{aspect-ratio:1;background:var(--bg-secondary);overflow:hidden}.salon-side-gallery-thumb{object-fit:cover;vertical-align:middle;width:100%;height:100%;display:block}.salon-side-gallery-overlay{background:linear-gradient(#0000000f 0%,#00000061 100%);justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:flex;position:absolute;inset:0}.salon-side-gallery-overlay:hover{background:linear-gradient(#0000001a 0%,#0000007a 100%)}.salon-scope .salon-side-gallery-overlay:hover .salon-side-gallery-overlay-btn{border-color:color-mix(in srgb, var(--primary) 45%, var(--border-default))}.salon-side-gallery-overlay-btn{pointer-events:none;font-weight:700;box-shadow:0 4px 14px #0003}.salon-gallery-masonry{column-count:2;column-gap:12px}@media (min-width:720px){.salon-gallery-masonry{column-count:3}}.salon-gallery-tile{break-inside:avoid;-webkit-column-break-inside:avoid;border:1px solid var(--border-light);cursor:zoom-in;background:var(--bg-hover);border-radius:12px;width:100%;margin-bottom:12px;padding:0;line-height:0;display:block;overflow:hidden}.salon-gallery-tile:hover{border-color:var(--border-default);box-shadow:0 6px 20px #00000014}.salon-scope .salon-gallery-tile:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border-default))}.salon-gallery-img{vertical-align:middle;width:100%;height:auto;display:block}.salon-gallery-lightbox{z-index:5000;cursor:zoom-out;background:#080a12e6;justify-content:center;align-items:center;padding:48px 20px 20px;display:flex;position:fixed;inset:0}.salon-gallery-lightbox-close{color:#fff;cursor:pointer;z-index:1;background:#00000059;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;line-height:1;display:flex;position:absolute;top:16px;right:18px}.salon-gallery-lightbox-close:hover{background:#ffffff1f}.salon-gallery-lightbox-img{object-fit:contain;cursor:zoom-out;border-radius:10px;width:auto;max-width:min(1120px,96vw);height:auto;max-height:min(88vh,100%);box-shadow:0 16px 48px #00000073}
.mj-app{min-height:100vh}.mj-app-bar{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 16px;display:flex}.mj-app-bar a{color:var(--primary);text-decoration:none}.mj-page{max-width:960px;margin:0 auto;padding:16px}.mj-title{margin:0 0 8px;font-size:1.2rem}.mj-meta{color:var(--text-muted);font-size:13px;line-height:1.5}.mj-row{gap:16px;margin:8px 0;font-size:14px;display:flex}.mj-table{margin-top:16px}.mj-table-row{justify-content:center;align-items:stretch;gap:8px;display:flex}.mj-table-row--mid{align-items:stretch}.mj-seat{min-width:120px}.mj-seatbox{border:1px solid var(--border);background:#0f172a08;border-radius:10px;padding:8px}.mj-seatbox--me{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.mj-seat-title{color:var(--text-muted);margin-bottom:6px;font-size:12px}.mj-discards{flex-wrap:wrap;gap:4px;min-height:28px;display:flex}.mj-center{flex:1;justify-content:center;align-items:center;min-width:160px;max-width:280px;display:flex}.mj-center-inner{border:1px dashed var(--border);text-align:center;border-radius:10px;padding:12px;font-size:13px}.mj-lastdraw,.mj-win{color:var(--primary);margin-top:6px;font-weight:600}.mj-actions{margin-top:20px}.mj-hint{font-size:14px}.mj-hand{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.mj-tile{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:14px}.mj-tile--sm{cursor:default;padding:2px 6px;font-size:11px}.mj-tile--sel{border-color:var(--primary);background:#b453091f}.mj-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:8px;margin-top:8px;margin-right:8px;padding:8px 14px}.mj-btn--primary{background:var(--primary);color:#fff;border-color:#0000}.mj-btn--danger{background:var(--danger);color:#fff;border-color:#0000}.mj-err{color:var(--danger)}.mj-placeholder{max-width:720px;margin:0 auto;padding:24px 16px}.mj-openclaw-cmd{color:#e2e8f0;white-space:pre-wrap;word-break:break-all;background:#0f172a;border-radius:6px;margin:8px 0;padding:10px;font-size:11px;display:block;overflow-x:auto}.mj-view{--bg:#0f172a;--text:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--primary:#38bdf8;--danger:#f87171;--riichi-tile-border-color:#0f172a;--riichi-tile-back-color:#f0a818;--mj-wood-dark:#2c1810;--mj-wood-mid:#4a2f22;--mj-gold:#d4a84b;--mj-felt:#0d3d2a;--mj-felt-deep:#062a1c;--mj-z-sector:2;--mj-z-hand:20;--mj-z-handSelf:22;--mj-z-river:24;--mj-z-hud:26;--mj-z-float:28;--mj-z-actions:30;box-sizing:border-box;background:radial-gradient(120% 80% at 50% 0,#1e293b 0%,#0f172a 55%,#020617 100%);max-width:1100px;margin:0 auto;padding:16px 16px 40px}.mj-view *,.mj-view :before,.mj-view :after{box-sizing:border-box}.mj-view__head{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px;display:flex}.mj-view__head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.mj-view__head-actions{z-index:4;flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.mj-view__wait-hint{color:var(--text-muted);text-align:right;max-width:min(100%,280px);margin:0;font-size:12px;font-weight:600;line-height:1.35}.mj-view__brand{min-width:0}.mj-view__title{letter-spacing:.04em;color:#f8fafc;text-shadow:0 1px 2px #0006;margin:0;font-size:1.35rem;font-weight:700}.mj-view__sub{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.mj-view__status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mj-view__hint{color:#94a3b8;margin:0 0 16px;font-size:12px;line-height:1.5}.mj-view__hint code{background:#0f172a0f;border-radius:4px;padding:2px 6px;font-size:11px}.mj-pill{border:1px solid var(--border);background:#0f172a0f;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.mj-pill--spectator{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-light);box-shadow:0 1px #0000000f}.sichuan-mj-toolbar .sichuan-mj-toolbar__btn{white-space:nowrap;flex:none;width:auto;min-width:auto;max-width:100%;padding:6px 14px;font-size:13px;font-weight:600}.mj-pill--phase.mj-pill--playing{color:#15803d;background:#16a34a1f;border-color:#16a34a59}.mj-pill--phase.mj-pill--lobby{color:#a16207;background:#b453091f;border-color:#b4530959}.mj-pill--phase.mj-pill--finished{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f659}.mj-pill--phase.mj-pill--waiting{color:var(--text-muted);background:#64748b1f}.mj-pill--phase.mj-pill--pending_start{color:#60a5fa;background:#3b82f624;border-color:#3b82f661}.mj-parlor{padding:12px 8px 8px;position:relative}.mj-parlor__corners:before,.mj-parlor__corners:after{content:"";pointer-events:none;z-index:0;opacity:.35;background:radial-gradient(circle,#d4a84b40 0%,#0000 70%);width:120px;height:120px;position:absolute}.mj-parlor__corners:before{top:0;left:0}.mj-parlor__corners:after{bottom:80px;right:0}.mj-tableDock{box-sizing:content-box;width:min(92vw,680px);margin:0 auto;padding:0 0 12px;position:relative;overflow:visible}.mj-float{z-index:var(--mj-z-float);-webkit-backdrop-filter:blur(8px);color:#f1f5f9;text-align:center;pointer-events:none;background:#0f172a8c;border:1px solid #d4a84b61;border-radius:10px;min-width:68px;max-width:112px;padding:5px 7px;font-size:9px;font-weight:600;line-height:1.2;position:absolute;box-shadow:0 4px 14px #00000038}.mj-float--onTable{position:absolute}.mj-float--me{background:#0f172a8c;border-color:#fbbf248c}.mj-float--turn{border-color:#facc158c;box-shadow:0 0 14px #facc1538}.mj-float__row1{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;display:flex}.mj-float__wind{color:#fde68a;font-size:1.05em;font-weight:800}.mj-float__dot{opacity:.5}.mj-float__role{opacity:.95;font-size:9px}.mj-float__go{color:#fff;background:#ca8a04;border-radius:4px;margin-left:2px;padding:0 4px;font-size:8px;font-weight:800}.mj-float__row2{color:#f1f5f9eb;letter-spacing:.04em;margin-top:3px;font-size:10px;font-weight:600}.mj-float__nameLine{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mj-float--onTable.mj-float--n{top:8px;right:8px;transform:none}.mj-float--onTable.mj-float--s{bottom:8px;left:8px;transform:none}.mj-float--onTable.mj-float--w{top:8px;left:8px;transform:none}.mj-float--onTable.mj-float--e{bottom:8px;right:8px;transform:none}.mj-tableScene{z-index:1;padding:8px 8px 32px;position:relative;overflow:visible}.mj-tableScene__persp{display:block}.mj-tableTilt{aspect-ratio:1;background:linear-gradient(165deg, #5c3d2e 0%, var(--mj-wood-dark) 35%, #3d2418 100%);border:2px solid #1a0f0a;border-radius:18px;flex-direction:column;align-items:stretch;width:min(92vw,680px);min-height:0;margin:0 auto;padding:14px;display:flex;position:relative;box-shadow:0 4px #1a0f0a,0 24px 48px #00000073,inset 0 2px #ffffff14}.mj-tableTilt__refTint{opacity:.09;mix-blend-mode:soft-light;pointer-events:none;z-index:0;background-position:50%;background-size:cover;border-radius:12px;position:absolute;inset:14px}.mj-tableTilt__refTint--planet{opacity:.14;background-image:radial-gradient(80% 60% at 50% 30%,#38bdf82e,#0000 60%),radial-gradient(70% 50% at 70% 80%,#a855f724,#0000 55%)}.mj-tableTilt__pattern{opacity:.12;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(90deg,#0000,#0000 14px,#ffffff0a 14px 15px),repeating-linear-gradient(0deg,#0000,#0000 14px,#ffffff08 14px 15px);border-radius:12px;position:absolute;inset:14px}.mj-tableSurface{z-index:1;box-sizing:border-box;background:radial-gradient(ellipse 90% 70% at 50% 42%, #ffffff14 0%, transparent 55%), radial-gradient(ellipse 105% 95% at 50% 50%, #145236 0%, var(--mj-felt) 45%, var(--mj-felt-deep) 100%);border-radius:12px;width:100%;position:relative;box-shadow:inset 0 3px 28px #00000073,inset 0 -1px #ffffff0f}.mj-tableSurface--play{isolation:isolate;flex-direction:column;flex:1 1 0;gap:0;min-height:0;padding:10px clamp(12px,3.2vmin,18px);display:flex;overflow:visible}.mj-tableSurface:after{content:"";pointer-events:none;z-index:0;border:1px solid #d4a84b38;border-radius:10px;position:absolute;inset:6px;box-shadow:inset 0 0 0 1px #00000059,0 0 40px #00000026}.mj-tableSectors{z-index:var(--mj-z-sector);pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.mj-tableSector{mix-blend-mode:soft-light;opacity:.12;position:absolute;inset:0}.mj-tableSector--tl{clip-path:polygon(0 0,50% 50%,0 50%);background:linear-gradient(135deg,#ffffff1a 0%,#0000 55%)}.mj-tableSector--tr{clip-path:polygon(100% 0,50% 50%,100% 50%);background:linear-gradient(225deg,#ffffff1a 0%,#0000 55%)}.mj-tableSector--br{clip-path:polygon(100% 100%,50% 50%,100% 50%);background:linear-gradient(315deg,#ffffff1a 0%,#0000 55%)}.mj-tableSector--bl{clip-path:polygon(0 100%,50% 50%,0 50%);background:linear-gradient(45deg,#ffffff1a 0%,#0000 55%)}.mj-seatHand{z-index:var(--mj-z-hand);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.mj-seatHand--interactive{pointer-events:auto;z-index:var(--mj-z-handSelf)}.mj-seatHand--n{filter:drop-shadow(0 3px 6px #0006);width:min(88%,340px);max-height:min(38%,200px);top:4px;left:50%;transform:translate(-50%)}.mj-seatHand--s{filter:drop-shadow(0 4px 8px #00000073);width:min(88%,380px);max-height:min(38%,220px);bottom:clamp(10px,2.2vmin,18px);left:50%;transform:translate(-50%)}.mj-seatHand--w{transform-origin:0;filter:drop-shadow(3px 0 6px #00000061);justify-content:flex-start;width:max-content;max-width:min(58%,300px);max-height:min(44%,260px);inset:50% auto auto clamp(26px,5.5vmin,44px);transform:translateY(-50%)rotate(-90deg)}.mj-seatHand--e{transform-origin:100%;filter:drop-shadow(-3px 0 6px #00000061);justify-content:flex-end;width:max-content;max-width:min(58%,300px);max-height:min(44%,260px);inset:50% clamp(26px,5.5vmin,44px) auto auto;transform:translateY(-50%)rotate(90deg)}.mj-seatHand__shell{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.mj-seatHand--w .mj-seatHand__shell{justify-content:flex-start}.mj-seatHand--e .mj-seatHand__shell{justify-content:flex-end}.mj-seatHand--w .mj-seatHand__ns,.mj-seatHand--e .mj-seatHand__ns{width:auto}.mj-seatHand__ns{flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;display:flex}.mj-seatHand__ns--s{flex-direction:column-reverse}.mj-seatHand__ns--w{align-items:flex-start}.mj-seatHand__ns--w .mj-seatHand__row--inner{margin-left:10px}.mj-seatHand__ns--e{align-items:flex-end}.mj-seatHand__ns--e .mj-seatHand__row--inner{margin-right:10px}.mj-seatHand__row{flex-flow:row;justify-content:center;align-items:flex-end;gap:0;width:100%;max-width:100%;display:flex;overflow:hidden}.mj-seatHand__row.riichi-tile-group{flex-wrap:nowrap;justify-content:center}.mj-seatHand--interactive .mj-seatHand__row{overflow:visible}.mj-seatHand__row--inner{opacity:.97;transform:scale(.93)}.mj-seatHand__selfCol{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.mj-seatHand--self .mj-seatHand__selfCol{align-items:flex-start;width:100%;padding-left:2px}.mj-seatHand--self .mj-seatHand__ns--s{padding-inline:clamp(6px,1.8vw,16px);box-sizing:border-box;padding-bottom:2px}.mj-seatHand__actionRow{width:100%;z-index:calc(var(--mj-z-actions) + 1);flex-flow:row;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin:0 0 6px;display:flex;position:relative}.mj-seatHand__actionRow .mj-btn--solid{opacity:1;-webkit-font-smoothing:antialiased}.mj-seatHand__actionRow .mj-btn--solid.mj-btn--gold{color:#1c1917;background:linear-gradient(#facc15 0%,#ca8a04 100%);border-color:#a16207;box-shadow:0 2px #854d0e,0 4px 14px #0006}.mj-seatHand__actionRow .mj-btn--solid.mj-btn--hu{box-shadow:0 2px #7f1d1d,0 4px 14px #0006}.mj-seatHand--self .mj-seatHand__hint--glass{max-width:10em;margin-left:clamp(64px,16vw,100px)}.mj-seatHand__hint{color:#e2e8f0f5;text-align:center;text-shadow:0 1px 3px #000c;max-width:98%;margin:0;font-size:10px;font-weight:600;line-height:1.25}.mj-seatHand__hint--glass{text-align:left;max-width:11em;text-shadow:none;-webkit-backdrop-filter:blur(6px);background:#0f172a7a;border:1px solid #d4a84b59;border-radius:12px;flex-direction:column;align-items:stretch;gap:2px;padding:6px 8px;display:flex;box-shadow:0 4px 10px #0000004d}.mj-seatHand__hintLine{color:#f1f5f9f5;font-size:10px;font-weight:700;line-height:1.2;display:block}.mj-seatHand__hintLine--sub{color:#cbd5e1eb;font-size:9px;font-weight:600}.mj-seatHand__floatBar{display:none}.mj-tableSurface__pot{z-index:var(--mj-z-river);pointer-events:none;flex:1 1 0;min-height:0;display:block;position:relative}.mj-tableSurface__pot--sectors{overflow:visible}.mj-tableHud{z-index:var(--mj-z-hud);color:#e2e8f0;text-align:center;pointer-events:none;background:radial-gradient(circle at 50% 25%,#1e293beb 0%,#0f172af5 100%);border:1px solid #d4a84b47;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;max-width:min(44%,176px);padding:8px 10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 12px #00000073,0 4px 16px #0003}.mj-tableHud__label{letter-spacing:.12em;color:#94a3b8f2;margin:0 0 2px;font-size:8px;font-weight:700}.mj-tableHud__round{color:#fde68a;text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.mj-tableHud__wind{background:#00000059;border:1px solid #d4a84b66;border-radius:4px;padding:2px 6px}.mj-tableHud__sep{opacity:.6}.mj-tableHud__ju{font-variant-numeric:tabular-nums}.mj-tableHud__remain{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.mj-tableHud__win{color:#fbbf24;font-size:11px;font-weight:700}.mj-tableHud__drawEnd{color:#94a3b8;font-size:12px;font-weight:700}.mj-sectorPot{z-index:1;pointer-events:none;padding:0;display:block;position:absolute;inset:0;overflow:visible}.mj-sectorPot__windLabel{z-index:2;color:#fde68a61;text-shadow:0 2px 14px #00000059;pointer-events:none;letter-spacing:.14em;white-space:nowrap;font-size:clamp(28px,9.5vmin,52px);font-weight:800;line-height:1;position:absolute}.mj-sectorPot__river{z-index:1;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute}.mj-sectorPot--tl .mj-sectorPot__river{top:50%;left:38%;transform:translate(-50%,-50%)}.mj-sectorPot--tl .mj-sectorPot__windLabel{top:50%;left:20%;transform:translate(-50%,-50%)}.mj-sectorPot--tr .mj-sectorPot__river{top:30%;left:50%;transform:translate(-50%,-50%)}.mj-sectorPot--tr .mj-sectorPot__windLabel{top:19%;left:50%;transform:translate(-50%,-50%)}.mj-sectorPot--br .mj-sectorPot__river{top:50%;left:62%;transform:translate(-50%,-50%)}.mj-sectorPot--br .mj-sectorPot__windLabel{top:50%;left:80%;transform:translate(-50%,-50%)}.mj-sectorPot--bl .mj-sectorPot__river{top:auto;bottom:clamp(96px,37%,215px);left:50%;transform:translate(-50%)}.mj-sectorPot--bl .mj-sectorPot__windLabel{top:auto;bottom:18%;left:50%;transform:translate(-50%)}.mj-sectorPot .mj-discardStack{filter:drop-shadow(0 2px 5px #0000008c);max-width:min(46%,280px);overflow:visible}.mj-sectorPot--tl .mj-sectorPot__river .mj-discardStack--vert,.mj-sectorPot--br .mj-sectorPot__river .mj-discardStack--vert{width:auto;max-width:none;min-height:0;max-height:min(52vh,42vmin)}.mj-sectorPot--tl .mj-sectorPot__river .mj-discardStack--vert.mj-discardStack--xs,.mj-sectorPot--br .mj-sectorPot__river .mj-discardStack--vert.mj-discardStack--xs{max-height:min(50vh,40vmin)}.mj-sectorPot--tl .mj-discardStack--vert .mj-discardStack__slot .mj-riichi-tileWrap,.mj-sectorPot--tl .mj-discardStack--vert .mj-discardStack__slot .mj-riichiTileBtn{transform-origin:50%;transform:rotate(-90deg)}.mj-sectorPot--br .mj-discardStack--vert .mj-discardStack__slot .mj-riichi-tileWrap,.mj-sectorPot--br .mj-discardStack--vert .mj-discardStack__slot .mj-riichiTileBtn{transform-origin:50%;transform:rotate(90deg)}.mj-sectorPot--tl .mj-discardStack--vert .mj-discardStack__slot,.mj-sectorPot--br .mj-discardStack--vert .mj-discardStack__slot{min-width:28px;height:22px;margin-top:-12px}.mj-sectorPot--tl .mj-discardStack--vert .mj-discardStack__slot:first-child,.mj-sectorPot--br .mj-discardStack--vert .mj-discardStack__slot:first-child{margin-top:0}.mj-discardStack{pointer-events:none;justify-content:center;align-items:flex-end;min-width:0;max-width:100%;display:flex;overflow:hidden}.mj-discardStack--horiz{flex-flow:row;height:44px}.mj-discardStack--vert{flex-flow:column;align-items:center;width:100%;max-height:100px}.mj-discardStack--xs.mj-discardStack--horiz{height:40px}.mj-discardStack--xs.mj-discardStack--vert{max-height:88px}.mj-discardStack__slot{flex:none;justify-content:center;align-items:flex-end;display:flex}.mj-discardStack--horiz .mj-discardStack__slot{width:18px;margin-left:-10px}.mj-discardStack--horiz .mj-discardStack__slot:first-child{margin-left:0}.mj-discardStack--vert .mj-discardStack__slot{width:auto;height:11px;margin-top:-9px}.mj-discardStack--vert .mj-discardStack__slot:first-child{margin-top:0}.mj-tableSurface--play .mj-sectorPot .riichi-tile,.mj-tableSurface--play .mj-sectorPot .mj-riichi-tileWrap{z-index:1;position:relative}.mj-dicePair{justify-content:center;align-items:center;gap:6px;margin:4px 0 2px;display:flex}.mj-dice{background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #94a3b8;border-radius:4px;width:22px;height:22px;display:inline-block;position:relative;box-shadow:0 2px 4px #00000040,inset 0 1px #fffc}.mj-dice--4:before{content:"";background-image:radial-gradient(circle at 25% 25%,#1e293b 2px,#0000 2.5px),radial-gradient(circle at 75% 25%,#1e293b 2px,#0000 2.5px),radial-gradient(circle at 25% 75%,#1e293b 2px,#0000 2.5px),radial-gradient(circle at 75% 75%,#1e293b 2px,#0000 2.5px);position:absolute;inset:5px}.mj-dice--5:before{content:"";background-image:radial-gradient(circle at 20% 20%,#1e293b 2px,#0000 2.5px),radial-gradient(circle at 80% 20%,#1e293b 2px,#0000 2.5px),radial-gradient(circle,#1e293b 2px,#0000 2.5px),radial-gradient(circle at 20% 80%,#1e293b 2px,#0000 2.5px),radial-gradient(circle at 80% 80%,#1e293b 2px,#0000 2.5px);position:absolute;inset:4px}.mj-btn--compact{border-radius:8px;padding:6px 12px;font-size:12px}.mj-bar{text-align:center;margin-top:16px}.mj-bar__hint{color:#94a3b8;max-width:360px;margin:10px auto 0;font-size:12px;line-height:1.45}.mj-startWaitBar{z-index:95000;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af0;border-bottom:1px solid #d4a84b59;padding:10px 16px;position:fixed;top:0;left:0;right:0}.mj-startWaitBar__text{color:#fde68a;margin:0;font-size:13px;font-weight:600}.mj-modal-backdrop{z-index:100000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617bf;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.mj-modal{background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #d4a84b59;border-radius:16px;width:min(400px,100%);padding:22px 22px 20px;box-shadow:0 24px 48px #0000008c}.mj-modal__title{color:#f8fafc;margin:0 0 10px;font-size:1.1rem;font-weight:800}.mj-modal__desc{color:#cbd5e1;margin:0 0 18px;font-size:13px;line-height:1.55}.mj-modal__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:44px;display:flex}.mj-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .12s}.mj-btn:disabled{opacity:.45;cursor:not-allowed}.mj-btn--wood{color:#fafaf9;background:linear-gradient(#78716c 0%,#57534e 100%);border-color:#44403c;box-shadow:0 2px #292524}.mj-btn--wood:hover:not(:disabled){filter:brightness(1.06)}.mj-btn--gold{color:#1c1917;background:linear-gradient(#eab308 0%,#ca8a04 100%);border-color:#a16207;box-shadow:0 2px #854d0e}.mj-btn--gold:hover:not(:disabled){filter:brightness(1.05)}.mj-btn--hu{color:#fff;background:linear-gradient(#dc2626 0%,#b91c1c 100%);border-color:#991b1b;box-shadow:0 2px #7f1d1d}.mj-btn--hu:hover:not(:disabled){filter:brightness(1.06)}.mj-riichiTileBtn{cursor:pointer;font:inherit;vertical-align:bottom;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:flex-end;margin:0;padding:0;line-height:0;display:inline-flex}.mj-riichiTileBtn:disabled{cursor:not-allowed;opacity:.55}.mj-riichi-tileWrap{justify-content:center;align-items:flex-end;line-height:0;display:inline-flex}.mj-riichi-tileWrap--lg:not(.mj-riichi-tileWrap--standing) .riichi-tile{transform-origin:bottom;transform:scale(1.08)}.mj-riichi-tileWrap--selected:not(.mj-riichi-tileWrap--lg):not(.mj-riichi-tileWrap--standing) .riichi-tile{outline-offset:2px;border-radius:6px;outline:2px solid #fbbf24;transform:translateY(-5px);box-shadow:0 6px #0000004d,0 10px 18px #0003}.mj-riichi-tileWrap--standing.mj-riichi-tileWrap--lg .riichi-tile{transform-origin:bottom;transition:transform .14s,box-shadow .14s;transform:scale(1.1)translateY(-4px);box-shadow:0 20px 16px #00000061}.mj-riichi-tileWrap--standing.mj-riichi-tileWrap--lg.mj-riichi-tileWrap--selected .riichi-tile{border-radius:6px;outline:none;transform:translateY(-12px)scale(1.14);box-shadow:0 24px 20px #0000006b,0 0 0 2px #fbbf24}.mj-riichi-tileEmpty{border:2px solid var(--border);background:var(--bg);width:70px;height:94px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.mj-riichi-tileEmpty--sm{width:35px;height:47px;padding:0;font-size:11px}.mj-spectator-tools{background:#0f172a73;border:1px solid #ffffff1f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-left:8px;padding:4px 8px;display:inline-flex}.mj-spectator-tools__label{color:#f8fafcbf;margin-right:2px;font-size:11px}.mj-icon-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;min-width:34px;height:32px;padding:0 8px;font-size:16px;line-height:1}.mj-icon-btn--active{color:#fffbeb;background:#fbbf2433;border-color:#fbbf24}.mj-wind-pivot-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;min-width:32px;height:28px;padding:0 6px;font-size:12px;font-weight:700}.mj-wind-pivot-btn--on{color:#f0f9ff;background:#38bdf833;border-color:#38bdf8}.mj-seatHand--reveal .mj-seatHand__row--reveal{flex-wrap:wrap;justify-content:center;max-width:min(92vw,520px)}.mj-tableBubble{z-index:30;pointer-events:none;max-width:min(90vw,420px);position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.mj-tableBubble__inner{color:#fef3c7;text-align:center;background:#0f172ae0;border:1px solid #fbbf2473;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:600;animation:.25s ease-out mj-tableBubble-in;box-shadow:0 12px 32px #00000059}@keyframes mj-tableBubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}