:root{--bg: #f2eadb;--paper: rgba(255, 249, 239, .9);--paper-strong: #fffaf0;--paper-dark: rgba(17, 34, 30, .72);--ink: #1f241d;--muted: #5d6658;--accent: #0f5b4f;--accent-strong: #0a433a;--teal-soft: #dbeee7;--gold: #d7a846;--gold-strong: #f0c569;--gold-soft: #f6e1b0;--danger: #a23a30;--success: #2d7c60;--shadow: 0 24px 80px rgba(34, 30, 20, .14);--shadow-soft: 0 18px 46px rgba(15, 32, 28, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);font-family:Segoe UI Variable Text,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(255,244,215,.95),transparent 28%),radial-gradient(circle at bottom right,rgba(208,164,78,.22),transparent 26%),linear-gradient(135deg,#f9f0dd,#efe3ca 45%,#e8dece)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;filter:saturate(.85)}h1,h2,h3{margin:0;font-family:Georgia,"Noto Serif SC",Songti SC,serif}p{margin:0}.page-shell,.room-shell{padding:24px}.panel,.splash-card,.overlay-card,.waiting-panel,.floating-card,.host-diagnostics-panel{border:1px solid rgba(60,69,55,.14);border-radius:28px;background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{margin:0 0 8px;color:var(--accent);letter-spacing:.14em;font-size:12px;text-transform:uppercase}.section-hint,.room-stage-copy,.landing-copy,.tabletop-help-strip p,.splash-card p,.waiting-panel p,.selection-summary-card p,.seat-card-copy,.toolbar-popover-header span{color:var(--muted);line-height:1.65}.primary-button,.secondary-button,.ghost-button,.toolbar-toggle{border:none;border-radius:999px;padding:11px 18px;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.toolbar-toggle:hover{transform:translateY(-1px);filter:brightness(1.03)}.primary-button{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-strong) 100%);color:#231a0e;font-weight:700}.secondary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#eff8f4}.ghost-button,.toolbar-toggle{background:#0f5b4f1a;color:var(--accent-strong)}.button-row,.header-actions,.room-action-buttons,.landing-home-actions,.toolbar-button-grid,.seat-card-tags{display:flex;flex-wrap:wrap;gap:10px}.field{display:grid;gap:8px}.field span{color:var(--muted);font-size:13px}.field input,.field select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(50,56,49,.18);background:#ffffffd6}.info-list,.log-list,.inspector-list{list-style:none;padding:0;margin:0}.info-list,.log-list{display:grid;gap:12px}.info-list li,.highlight-row,.log-item,.inspector-list li{display:grid;gap:6px;padding:12px 14px;border-radius:18px;background:#ffffffa3}.highlight-row{background:#d7a84629}.info-list span,.log-item span{display:block;color:var(--muted);font-size:13px}.log-item{grid-template-columns:1fr auto;align-items:start}.log-item button{border:none;background:transparent;color:var(--muted)}.log-item.error{border-left:4px solid var(--danger)}.log-item.success{border-left:4px solid var(--success)}.compact-info-list li,.compact-log-list li,.compact-inspector-list li{padding:10px 12px;border-radius:16px}.compact-inspector-list{display:grid;gap:8px}.compact-inspector-list li{background:#ffffffb3}.landing-shell{min-height:100vh;padding:24px;display:grid;place-items:center}.landing-stage{width:min(920px,100%);padding:clamp(28px,5vw,56px);border-radius:36px;background:radial-gradient(circle at top center,rgba(240,197,105,.22),transparent 32%),linear-gradient(145deg,#fff9eef0,#f8f1e2e0);box-shadow:0 28px 90px #221e1429;border:1px solid rgba(60,69,55,.12)}.landing-brand{text-align:center;margin-bottom:28px}.brand-mark{display:inline-grid;justify-items:center;gap:6px;margin-bottom:20px}.brand-mark-main{display:inline-flex;align-items:center;justify-content:center;min-width:168px;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#0f5b4f1f,#d7a8462e);color:var(--accent-strong);font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.1rem,5vw,3.8rem);letter-spacing:.08em}.brand-mark-sub{font-size:12px;letter-spacing:.36em;color:var(--muted)}.landing-brand h1,.splash-card h1{font-size:clamp(2rem,4vw,3.6rem)}.landing-home-actions{justify-content:center}.landing-action{min-width:180px;padding:14px 20px}.landing-panel{width:min(760px,100%);margin:0 auto;padding:24px}.landing-panel-compact{width:min(520px,100%)}.module-list{display:grid;gap:14px}.module-card{width:100%;padding:18px;text-align:left;border-radius:20px;border:1px solid rgba(19,73,64,.15);background:#ffffffb8;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.module-card:hover,.module-card.selected{transform:translateY(-1px);border-color:#0f5b4f85;box-shadow:0 18px 40px #0f5b4f1f}.module-card span,.module-card small{display:block;margin-top:6px;color:var(--muted)}.selection-summary-card{margin:18px 0 22px;padding:18px;border-radius:20px;background:#10463d14}.selection-summary-card span{display:block;color:var(--muted);font-size:13px}.selection-summary-card strong{display:block;font-size:1.1rem;margin-top:4px}.redesigned-room-shell{display:grid;gap:18px}.room-stage-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr) auto;gap:20px;padding:24px}.room-stage-meta,.host-diagnostics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.room-stage-meta div,.host-diagnostics-grid>div{padding:14px 16px;border-radius:18px;background:#10463d14}.room-stage-meta span{display:block;color:var(--muted);font-size:13px}.room-stage-meta strong{font-size:1rem}.room-prep-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px}.prep-panel,.tabletop-panel,.room-action-dock,.host-diagnostics-panel,.waiting-panel{padding:20px}.prep-panel-wide{min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.seat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.seat-card{width:100%;padding:18px;text-align:left;border-radius:22px;border:1px solid rgba(19,73,64,.16);background:#ffffffc7;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.seat-card.available:hover{transform:translateY(-1px);border-color:#0f5b4f8a;box-shadow:var(--shadow-soft)}.seat-card.ready{background:#2d7c601f}.seat-card.current{border-color:#d7a846b3;box-shadow:0 18px 40px #d7a8462e}.seat-card:disabled{opacity:1;cursor:default}.seat-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.seat-card-name{display:block;margin-top:14px;font-size:1.05rem;font-weight:700}.status-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#0f5b4f1f;color:var(--accent-strong);font-size:12px;font-weight:700}.status-chip-success{background:#2d7c6029;color:var(--success)}.status-chip-gold{background:#d7a84633;color:#7f5611}.member-list-stack{gap:10px}.room-action-dock{display:flex;justify-content:space-between;align-items:center;gap:16px}.tabletop-panel{padding:18px}.tabletop-board{position:relative;min-height:760px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at top center,rgba(234,207,146,.18),transparent 34%),linear-gradient(160deg,#0d463d,#0e5a50 52%,#0b4c42)}.scene-host{width:100%;min-height:760px;height:min(76vh,820px)}.tabletop-chrome{position:absolute;inset:18px 18px auto 18px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;pointer-events:none;z-index:2}.tabletop-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding:36px;background:radial-gradient(circle at top center,rgba(255,245,214,.18),transparent 34%),linear-gradient(165deg,#0b181533,#0b18157a);-webkit-backdrop-filter:blur(8px) saturate(1.02);backdrop-filter:blur(8px) saturate(1.02);animation:tabletop-preview-overlay-in .22s cubic-bezier(.2,.82,.22,1) both}.tabletop-preview-overlay.closing{animation:tabletop-preview-overlay-out .17s cubic-bezier(.4,0,.2,1) both}.tabletop-preview-card-frame{position:relative;width:min(440px,calc(100% - 96px));max-width:100%;animation:tabletop-preview-card-in .23s cubic-bezier(.18,.84,.24,1) both;will-change:transform,opacity}.tabletop-preview-card-frame.closing{animation:tabletop-preview-card-out .16s cubic-bezier(.4,0,.2,1) both}.tabletop-preview-card-glow{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:40px;background:radial-gradient(circle at 50% 18%,rgba(255,241,197,.2),transparent 42%),radial-gradient(circle at 50% 82%,rgba(12,58,51,.16),transparent 58%);filter:blur(14px);opacity:.82}.tabletop-preview-card-surface{position:relative;width:100%;height:100%;overflow:hidden;border-radius:28px;border:1px solid rgba(255,246,218,.58);box-shadow:0 24px 52px #0b181647,0 0 0 1px #0b1c182e;isolation:isolate}.tabletop-preview-card-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 28%,transparent 72%,rgba(6,12,11,.12));pointer-events:none}.tabletop-preview-card-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ffffff14,#ffffff38,#ffffff14);background-size:200% 100%;animation:tabletop-preview-skeleton .56s ease-in-out infinite;pointer-events:none}.tabletop-preview-image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transition:opacity .12s ease-out}.tabletop-preview-image.ready{opacity:1}.tabletop-preview-image.loading{opacity:0}.tabletop-preview-card-surface.image-pending{background-image:linear-gradient(145deg,#ffffff14,#071a161f)}.tabletop-selection-card,.toolbar-popover,.toolbar-toggle,.host-diagnostics-panel{pointer-events:auto}.floating-card,.toolbar-popover{border-radius:22px;border:1px solid rgba(243,231,191,.16);background:#f8f4e8f0;box-shadow:0 24px 60px #071a1638}.tabletop-selection-card{width:min(340px,calc(100vw - 120px));padding:16px}.tabletop-toolbar{display:flex;gap:12px;align-items:flex-start;pointer-events:auto}.toolbar-menu-group{position:relative}.toolbar-toggle{box-shadow:0 12px 26px #071a162e}.toolbar-popover{position:absolute;top:calc(100% + 12px);right:0;width:min(360px,calc(100vw - 64px));padding:16px}.host-popover{width:min(420px,calc(100vw - 64px))}.toolbar-popover-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.toolbar-popover-header-spaced{margin-top:16px}.toolbar-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.host-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.compact-field input{padding:10px 12px}.tabletop-help-strip{margin-top:16px;padding:16px 18px;border-radius:22px;background:#10463d14;display:flex;justify-content:space-between;gap:16px}.tabletop-help-strip span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.host-diagnostics-panel{display:grid;gap:16px}.host-diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.waiting-panel{width:min(560px,calc(100vw - 32px));margin:0 auto;text-align:center}.empty-scene{min-height:760px;display:grid;place-items:center;color:#fff8ecdb;font-size:1.1rem}.splash-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.splash-card,.overlay-card{width:min(560px,calc(100vw - 32px));padding:28px}.splash-card.error{border-color:#a23a3066}.reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#111b1866;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.transient-alert-layer{position:fixed;top:22px;left:50%;transform:translate(-50%);display:grid;gap:10px;width:min(520px,calc(100vw - 32px));z-index:60;pointer-events:none}.transient-alert{padding:14px 18px;border-radius:18px;border:1px solid rgba(60,69,55,.14);background:#fff9eef0;box-shadow:0 18px 40px #221e1429;color:var(--ink);font-weight:600}.transient-alert.info{border-left:4px solid var(--accent)}.transient-alert.success{border-left:4px solid var(--success)}.transient-alert.warning{border-left:4px solid var(--gold)}.transient-alert.error{border-left:4px solid var(--danger)}@keyframes tabletop-preview-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes tabletop-preview-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes tabletop-preview-card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tabletop-preview-card-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes tabletop-preview-skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width: 1180px){.room-stage-header,.room-prep-grid,.host-diagnostics-grid,.tabletop-help-strip{grid-template-columns:1fr}.room-stage-header,.room-action-dock,.tabletop-help-strip{display:grid}.room-stage-meta,.host-diagnostics-grid{grid-template-columns:1fr}.tabletop-chrome{position:static;padding:18px 18px 0;display:grid;justify-content:stretch}.tabletop-selection-card,.toolbar-popover,.host-popover{width:100%}.tabletop-preview-overlay{padding:26px}.tabletop-preview-card-frame{width:min(400px,calc(100% - 40px))}.toolbar-popover{position:static;margin-top:10px}}@media (max-width: 720px){.landing-shell,.page-shell,.room-shell,.splash-screen{padding:14px}.landing-stage,.panel,.splash-card,.overlay-card,.waiting-panel{padding:16px;border-radius:22px}.seat-grid,.toolbar-button-grid,.host-form-grid{grid-template-columns:1fr}.tabletop-board,.scene-host,.empty-scene{min-height:560px;height:560px}.tabletop-preview-overlay{padding:18px}.tabletop-preview-card-frame{width:min(320px,calc(100% - 28px))}.landing-home-actions,.room-action-buttons,.tabletop-toolbar{flex-direction:column;align-items:stretch}.landing-action,.toolbar-toggle{width:100%}.seat-card-header{flex-direction:column}}