.hall{max-width:1140px;margin:0 auto;padding:38px 28px 48px}.hall-topbar{padding-inline:max(24px,calc((100vw - 1084px)/2))}.hall-topbar .topbar__mark{width:30px;height:30px;color:var(--primary-fg)}.hall-connection{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text-2);font-size:12px}.hall-connection__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hall__hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.hall__title{font-size:clamp(27px,4vw,36px);font-weight:700;line-height:1.25;letter-spacing:.015em}.hall__sub{margin-top:9px;color:var(--text-2);font-size:15px}.hall__count{font-size:12px;color:var(--text-2)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2,.resume-section>h2{font-size:18px;font-weight:650}.section-head>span{font-size:12px;color:var(--text-2)}.resume-section{margin-bottom:32px}.resume-section>h2{margin-bottom:13px}.resume-list{display:grid;gap:10px}.resume-room{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--surface)}.resume-room__info{min-width:0}.resume-room h3{font-size:16px;font-weight:650}.resume-room p{margin-top:4px;font-size:13px;color:var(--text-2)}.resume-room .btn{flex:none}.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.game__select{display:flex;flex-direction:column;width:100%;padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.game__select:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.game__select:hover .game__heading{color:var(--accent)}.game__body{display:block;width:100%;padding:17px 16px 12px}.game__heading{display:flex;align-items:center;justify-content:space-between;gap:10px;transition:color .15s}.game__heading>svg{color:var(--text-3)}.game__name{font-size:17px;font-weight:650}.game__desc{display:block;margin-top:6px;color:var(--text-2);font-size:13px;line-height:1.6;min-height:42px}.game__modes{display:block;margin-top:9px;font-size:12px;color:var(--text-2)}.game__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin-top:auto;padding:0 12px 8px}.game__action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 4px;border:0;border-radius:5px;background:transparent;color:var(--accent);font:600 12px/1.5 var(--font);text-decoration:none;cursor:pointer}.game__action:hover{background:var(--accent-soft)}.game__action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.game-preview{width:100%;height:124px;background:var(--preview-bg);color:var(--preview-ink);overflow:hidden;--preview-bg: #ddc6a1;--preview-ink: #695637}.game-preview>svg{display:block;width:100%;height:100%;object-fit:cover}.preview-grid{stroke:var(--preview-ink);stroke-width:1;opacity:.32;fill:none}.preview-black{fill:#27313a;stroke:#ffffff18;stroke-width:1}.preview-white{fill:#fbfcfd;stroke:#29394924;stroke-width:1}.game-preview--othello{--preview-bg: #bcd0c4;--preview-ink: #355b49}.game-preview--go{--preview-bg: #e2d9c7;--preview-ink: #796c55}.game-preview--xiangqi{--preview-bg: #e0c69e;--preview-ink: #654b31}.preview-piece{color:#493c2e}.preview-red-piece{color:#a13c34}.preview-piece circle,.preview-red-piece circle{fill:#efd8b3;stroke:currentColor;stroke-width:1.5}.preview-piece text,.preview-red-piece text{fill:currentColor;font:28px KaiTi,STKaiti,serif}.game-preview--yacht{--preview-bg: #d7e2ed;--preview-ink: #345272}.preview-die{fill:#f8fafc;stroke:#34527255;stroke-width:1}.preview-pips{fill:#345272}.game-preview--doudizhu{--preview-bg: #c8d9ed}.preview-card{fill:#fcfdff;stroke:#34527222;stroke-width:1}.preview-card-ink{fill:#2b405a}.preview-card-red{fill:#b83f47}.preview-card-ink text,.preview-card-red text{font:19px var(--font)}.preview-card-ink .preview-suit,.preview-card-red .preview-suit{font-size:29px}.game-preview--dots{--preview-bg: #edf0f5;--preview-ink: #57708e}.preview-paper{stroke:var(--preview-ink);opacity:.12;fill:none}.preview-dots-grid{stroke:var(--preview-ink);opacity:.35;stroke-dasharray:2 4;fill:none}.preview-box-fill{fill:#345aa024}.preview-box-line{fill:none;stroke:#345aa0;stroke-width:3;stroke-linecap:round}.preview-dots{fill:var(--preview-ink)}.hall__foot{margin-top:28px;color:var(--text-2);font-size:13px}.hall__offline{margin-top:24px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);font-size:13px}body:has(.mode-panel[open]){overflow:hidden}.mode-panel{position:fixed;width:min(660px,calc(100% - 40px));max-height:calc(100dvh - 40px);margin:auto;overflow-y:auto;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.mode-panel--entry{width:min(480px,calc(100% - 40px))}.mode-panel::backdrop{background:#10203499;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mode-panel__close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);font:26px/1 var(--font);cursor:pointer}.mode-panel__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-panel__eyebrow{display:block;padding-right:44px;color:var(--text-2);font-size:13px}.mode-panel h2{margin:6px 40px 22px 0;font-size:24px;font-weight:650;line-height:1.4}.mode-panel__intro{margin:-10px 0 24px;color:var(--text-2);font-size:14px;line-height:1.7}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-option{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--surface);font:inherit;text-align:left}button.mode-option,a.mode-option{cursor:pointer}button.mode-option:hover,a.mode-option:hover{border-color:var(--accent);background:var(--accent-soft)}button.mode-option:focus-visible,a.mode-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-option__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:15px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:650}.mode-option strong{font-size:16px}.mode-option small{display:block;margin:6px 0 16px;font-size:13px;line-height:1.6;color:var(--text-2)}.mode-option b{display:block;margin-top:auto;padding-top:18px;color:var(--accent);font-size:14px;font-weight:600}.mode-option label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--text-2);font-size:13px}.mode-option select{max-width:100%;width:124px;min-height:44px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);font:inherit}.mode-option .btn{margin-top:16px}.mode-options--go>:last-child{grid-column:1 / -1}.mode-options--go>button{display:grid;grid-template-columns:40px 1fr;gap:0 14px}.mode-options--go>button .mode-option__icon{grid-row:1 / 4;align-self:center;margin:0}.mode-options--go>button small{margin-bottom:0}.mode-options--go>button b{padding-top:8px}.saved-room{margin-bottom:6px;padding:12px;border-radius:8px;background:var(--accent-soft)}.saved-room strong{font-size:13px}.saved-room .btn{margin-top:10px}.mode-option .saved-room-help{margin:12px 0 0;font-size:12px}.entry-form{display:grid;gap:18px}.namefield{display:flex;flex-direction:column;gap:8px;min-width:0}.namefield__label{font-size:14px;font-weight:600;color:var(--text)}.entry-form .input{height:48px;font-size:16px}.entry-form .input--code{font-size:20px}.entry-error{color:var(--danger);font-size:13px}.entry-connection{color:var(--text-2);font-size:13px}@media(prefers-color-scheme:dark){.game-preview{--preview-bg: #65563f;--preview-ink: #f0d3a5}.game-preview--othello{--preview-bg: #35584a;--preview-ink: #bcd6c8}.game-preview--go{--preview-bg: #5e584c;--preview-ink: #e2d9c7}.game-preview--xiangqi{--preview-bg: #645038;--preview-ink: #e0c69e}.game-preview--yacht{--preview-bg: #344b64}.game-preview--doudizhu{--preview-bg: #304e70}.game-preview--dots{--preview-bg: #344154;--preview-ink: #c1ccdb}.preview-box-line{stroke:#adc9ff}.preview-box-fill{fill:#adc9ff26}}@media(max-width:1000px){.games{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.hall{padding:28px 16px 32px}.hall-topbar{padding-inline:16px;gap:10px}.hall__count{display:none}.hall__hero{margin-bottom:26px}.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-preview{height:104px}.game__body{padding:14px 12px 8px}.game__name{font-size:16px}.game__desc{font-size:13px;min-height:42px}.game__actions{padding-inline:8px;gap:0 4px}.game__action{padding-inline:4px}.section-head>span{font-size:11px}.resume-room{padding:14px}.resume-room .btn{padding-inline:12px}.mode-panel{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:24px 18px;border-radius:14px}.mode-panel h2{font-size:21px}.mode-options{grid-template-columns:1fr}.mode-option{padding:18px}.mode-option select{font-size:16px}.mode-options--go>:last-child{grid-column:auto}}@media(max-width:480px){.hall-connection{max-width:80px;gap:5px;font-size:11px}.hall-connection .dot{flex:none}.hall-topbar .btn{padding-inline:10px;font-size:13px}.resume-room{flex-wrap:wrap}.resume-room__info{flex:1 1 150px}.game__actions{gap:0}}@media(prefers-reduced-motion:reduce){.game__heading{transition:none}}