:root{color:#1b1208;font-synthesis:none;text-rendering:optimizelegibility;background:#f4d89b;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;min-width:320px;min-height:100dvh;margin:0}#app{min-height:100dvh}button,input{font:inherit}button{color:#fff8df;cursor:pointer;touch-action:manipulation;background:#8b310e;border:0;border-radius:13px;min-height:44px;padding:0 14px;box-shadow:0 5px #4d1b09}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:#116149;box-shadow:0 5px #06392a}button.ghost{color:#3b210d;background:#f1c66d;box-shadow:0 5px #a36d24}input{color:#281306;background:#fff5d6;border:2px solid #7a3d12;border-radius:12px;width:100%;min-width:0;min-height:40px;padding:0 12px}button:focus-visible,input:focus-visible{outline-offset:2px;outline:4px solid #ffe06b}.app{background:radial-gradient(circle at 15% 10%,#fff1b3e6,#0000 28%),linear-gradient(135deg,#f2ca72,#c5511c 48%,#61310f);min-height:100dvh;padding:24px}.app.phase-bidding{background:radial-gradient(circle at 15% 15%,#ffee99e6,#0000 30%),linear-gradient(135deg,#ffd166,#d65f22 52%,#4b2a0c)}.app.phase-playing{background:radial-gradient(circle at 85% 10%,#7adbaebf,#0000 30%),linear-gradient(135deg,#e0bd64,#237a57 48%,#173c30)}.app.phase-result{background:radial-gradient(circle at 50% 5%,#fff8cae6,#0000 30%),linear-gradient(135deg,#f1b34d,#9f321e 52%,#2f170c)}.hero,.panel{background:#fff5d6f0;border:3px solid #3c1b07;border-radius:24px;box-shadow:0 16px #3c1b0759}.hero{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:0 auto 22px;padding:22px;display:flex}.app.has-room .hero{margin-bottom:16px;padding:14px 18px}.app.has-room h1{font-size:clamp(30px,3.8vw,46px)}.app.has-room .subtitle{margin-bottom:0}.app.has-session{padding-top:18px}.app.has-session .hero{border-radius:18px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:10px;padding:10px 14px;display:grid}.app.has-session .eyebrow,.app.has-session .subtitle{display:none}.app.has-session h1{margin:0;font-size:clamp(24px,2.7vw,34px);line-height:1}.app.has-session .status{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;display:flex}.app.has-session .status span{align-self:center;font-weight:800}.eyebrow{letter-spacing:.12em;color:#8b310e;text-transform:uppercase;margin:0 0 8px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(34px,6vw,72px);line-height:.95}.subtitle,.muted,small{color:#66411c}.status{text-align:right;gap:8px;min-width:160px;display:grid}.status strong,.chips span{color:#fff7db;background:#3c1b07;border-radius:999px;padding:8px 12px}.route-bar,.page-shell{max-width:1440px;margin:0 auto}.route-bar{background:#fff5d6eb;border:3px solid #3c1b07;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex;box-shadow:0 10px #3c1b0747}.route-title{gap:2px;min-width:0;display:grid}.route-title strong{font-size:18px}.route-title span{color:#66411c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-actions{flex:none;gap:8px;display:flex}.route-actions button,.back-button{box-shadow:none;min-height:48px}.page-stack{display:block}.panel{min-width:0;padding:18px}.lobby{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.lobby.sub-page{grid-template-columns:1fr}.side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.row{align-items:center;gap:8px;display:flex}.full{width:100%;margin:12px 0}label,.section-title{justify-content:space-between;margin:14px 0 8px;font-weight:800;display:flex}.rooms{-webkit-overflow-scrolling:touch;gap:10px;max-height:360px;display:grid;overflow:auto}.feed-list{-webkit-overflow-scrolling:touch;flex-direction:column-reverse;gap:10px;min-height:220px;max-height:min(52vh,520px);padding:2px 2px 6px;display:flex;overflow-y:auto}.settings-card,.message-block,.room-card,.player,.center,.hand{background:#ffe8a9;border:2px solid #7a3d12;border-radius:18px;padding:12px}.room-card{grid-template-columns:1fr auto;gap:12px;display:grid}.room-card p,.room-card small{margin:4px 0 0}.room-actions{gap:8px;display:grid}.table{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);grid-template-areas:"head head""players players""center center""hand actions";align-self:start;gap:16px;display:grid}.table-head{color:#fff7db;background:#3c1b07;border-radius:18px;grid-area:head;justify-content:space-between;gap:12px;padding:14px;display:flex}.table-head p{color:#ffe9a8;margin-bottom:0}.chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chips span{color:#241104;background:#ffd66f}.players{grid-area:players;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.player.active{background:#d8ffe8;outline:4px solid #116149}.player.mine{background:#fff2c6;box-shadow:inset 0 0 0 3px #1161492e}.player em{color:#fff8df;background:#8b310e;border-radius:999px;padding:2px 6px;font-size:12px;font-style:normal}.player span,.player small{margin-top:6px;display:block}.center{grid-area:center;grid-template-columns:1fr 1fr;gap:14px;display:grid}.actions{background:#fff2c6;border:2px solid #3c1b07;border-radius:18px;grid-area:actions;grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:10px;padding:12px;display:grid}.actions button{min-height:52px}.phase-playing .actions .primary,.phase-result .actions .primary{grid-column:1/-1}.cards{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.cards.compact{min-height:52px}.card{color:#15100a;background:#fffdf2;border:2px solid #3c1b07;border-radius:10px;min-width:52px;height:70px;padding:0 8px;font-weight:900;box-shadow:0 5px #9c7a4b}.card.red{color:#ba1f18}.card.selected{background:#d8ffe8;transform:translateY(-16px);box-shadow:0 9px #116149}.back{color:#fff7db;background:#3c1b07;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 14px;display:inline-flex}.hand h3{justify-content:space-between;display:flex}.hand{grid-area:hand}.hand .cards{overscroll-behavior-x:contain;scrollbar-width:thin;scroll-snap-type:x proximity;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:18px 4px 12px;overflow:auto hidden}.hand .card{scroll-snap-align:start;touch-action:none;-webkit-user-select:none;user-select:none;flex:0 0 54px}.hand .cards.is-dragging{cursor:grabbing;scroll-snap-type:none}.alert{color:#fff7db;background:#9f321e;border-radius:12px;padding:10px}.chat p,.events p{background:#ffe8a9;border-radius:12px;margin:0;padding:8px 10px}.feed-empty{color:#66411c;text-align:center}.events .danger{color:#fff7db;background:#9f321e}.events .success{color:#fff7db;background:#116149}@media (width<=1360px){.lobby{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.side{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rooms{max-height:none}}@media (width<=980px){.table{grid-template-columns:1fr;grid-template-areas:"head""players""center""hand""actions"}.actions{align-content:stretch}}@media (orientation:landscape) and (width>=900px) and (height<=900px){.app.route-table.has-session{padding:10px 14px 14px}.app.route-table.has-session .hero{margin-bottom:8px;padding:8px 12px;box-shadow:0 8px #3c1b0747}.app.route-table.has-session .route-bar{margin-bottom:8px;padding:6px;box-shadow:0 7px #3c1b073d}.app.route-table.has-session .route-actions button,.app.route-table.has-session .back-button{min-height:44px}.app.route-table.has-session .panel{border-radius:18px;padding:12px;box-shadow:0 10px #3c1b074d}.app.route-table.has-session .table{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:10px}.app.route-table.has-session .table-head{padding:10px 12px}.app.route-table.has-session .table-head h2{margin-bottom:4px}.app.route-table.has-session .players{gap:8px}.app.route-table.has-session .player{padding:9px 10px}.app.route-table.has-session .center,.app.route-table.has-session .hand,.app.route-table.has-session .actions{padding:10px}.app.route-table.has-session .actions{gap:8px}.app.route-table.has-session .actions button{min-height:58px;font-weight:900}.app.route-table.has-session .hand h3{margin-bottom:4px}.app.route-table.has-session .hand .cards{padding-top:16px;padding-bottom:8px}.app.route-table.has-session .hand .card{flex-basis:58px;height:76px}}@media (width<=820px){.lobby,.side{grid-template-columns:1fr}}@media (width<=720px){.app{padding:10px}.hero,.table-head,.center{flex-direction:column;grid-template-columns:1fr}.hero,.panel{border-radius:18px;box-shadow:0 10px #3c1b0752}.hero{gap:12px;margin-bottom:14px;padding:16px}.app.has-room .hero{padding:12px 14px}.app.has-session .hero{grid-template-columns:1fr}.app.has-session .status{text-align:left;justify-content:flex-start}.route-bar{flex-direction:column;align-items:stretch}.route-actions{grid-template-columns:1fr 1fr;display:grid}h1{font-size:clamp(30px,12vw,46px)}.status{text-align:left;grid-template-columns:1fr auto;width:100%;min-width:0}.players{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player{padding:10px 8px;font-size:14px}.row,.room-card{flex-wrap:wrap;grid-template-columns:1fr}.room-actions{grid-template-columns:1fr 1fr}.cards{gap:6px}.card{min-width:46px;height:64px;padding:0 6px}.hand .card{flex-basis:46px}button{flex:1}}