:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#f6efe3;background:radial-gradient(circle at top,rgba(236,184,82,.22),transparent 30%),linear-gradient(160deg,#123524,#0c1f17 45%,#081411);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0}#root{min-height:100vh}.shell{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}.shell--narrow{width:min(980px,calc(100% - 28px))}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.hero--single{grid-template-columns:1fr .9fr}.hero__content,.panel{border:1px solid rgba(255,255,255,.08);background:#07140ea3;box-shadow:0 18px 60px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero__content{border-radius:24px;padding:28px}.hero__card{border-radius:24px}.eyebrow,.panel__label{margin:0 0 8px;color:#e2b45c;letter-spacing:.15em;text-transform:uppercase;font-size:12px}.hero h1,.panel h2{margin:0}.hero h1{font-size:clamp(2rem,3vw,3.2rem);line-height:1.06}.hero__desc{margin:14px 0 0;color:#f6efe3c7}.status-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.status-pill,.status-meta,.room-summary span{border-radius:999px;padding:8px 14px;font-size:.9rem}.status-pill{border:1px solid rgba(255,255,255,.14)}.status-pill--online{background:#36a05a38;color:#bff3bf}.status-pill--offline{background:#af474733;color:#ffb5b5}.status-meta,.room-summary span{background:#ffffff0f;color:#f6efe3d6}.panel{border-radius:22px;padding:20px}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.field input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;color:#f6efe3;background:#ffffff0f;outline:none}.field input:focus{border-color:#e2b45cb3}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions--inline{margin-top:14px}.actions button{border-radius:14px;padding:10px 16px;background:linear-gradient(135deg,#e2b45c,#c9822c);color:#1f1304;font-weight:700;cursor:pointer;transition:transform .18s ease}.actions button:hover:not(:disabled){transform:translateY(-1px)}.actions button:disabled{opacity:.45;cursor:not-allowed}.button-ghost{background:#ffffff14!important;color:#f6efe3!important}.error-banner{margin-top:14px;border:1px solid rgba(255,98,98,.25);border-radius:14px;padding:10px 12px;background:#7a161642;color:#ffc9c9;cursor:pointer}.table-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.sidebar-panel{height:fit-content}.room-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.player-list{display:grid;gap:10px}.player-item{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;padding:12px;display:flex;justify-content:space-between;align-items:center}.player-item--me{box-shadow:inset 0 0 0 1px #e2b45c8f}.player-name{margin:0 0 2px;font-size:1rem;font-weight:700}.player-meta{margin:0;color:#f6efe3a6;font-size:.86rem}.board-section{display:grid;gap:18px}.board-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.board-message{margin:6px 0 14px;color:#f6efe3e0}.table-area{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-slot{border:1px dashed rgba(255,255,255,.16);border-radius:16px;padding:12px;background:#ffffff08}.table-cards{min-height:96px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-card-wrap{animation:cardDrop .32s ease both}.card-back{width:56px;height:82px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:repeating-linear-gradient(45deg,#d2a24866,#d2a24866 8px,#7e3e1d73 8px 16px)}.table-placeholder{margin:0;color:#f6efe399}.hand-panel{overflow:hidden}.hand-fan{position:relative;min-height:170px;overflow-x:auto;padding:8px 0 6px}.hand-fan__item{position:absolute;left:0;top:20px;transition:transform .16s ease;animation:dealIn .32s ease both}.playing-card{width:74px;height:108px;border-radius:12px;border:1px solid rgba(13,20,18,.3);background:#fffef9;color:#111;display:flex;flex-direction:column;justify-content:space-between;padding:6px;box-shadow:0 8px 20px #00000042;cursor:pointer}.playing-card--compact{width:56px;height:82px;border-radius:10px;padding:4px}.playing-card--selected{transform:translateY(-10px)}.playing-card:disabled{cursor:not-allowed;opacity:.84}.playing-card__corner{font-size:.8rem;font-weight:700;line-height:1}.playing-card__corner--bottom{align-self:flex-end;transform:rotate(180deg)}.playing-card__center{align-self:center;font-size:1.4rem;line-height:1}.playing-card__center--red,.playing-card__corner--red{color:#c52828}.log-list{display:grid;gap:10px}.log-item,.empty-state{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.log-item{padding:12px}.log-item span{display:inline-block;margin-bottom:6px;color:#e2b45ceb;font-size:.82rem}.log-item p,.empty-state p{margin:0;color:#f6efe3d6}.empty-state{min-height:90px;display:grid;place-items:center;padding:16px}@keyframes cardDrop{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dealIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1080px){.table-layout,.hero,.hero--single,.table-area{grid-template-columns:1fr}.hand-fan{min-height:190px}}@media(max-width:720px){.shell{width:min(100% - 16px,1240px);padding:18px 0 32px}.hero__content,.panel{padding:16px}.hero h1{font-size:1.9rem}.board-top{flex-direction:column}}