:root{color:#fff8e8;font-synthesis:none;text-rendering:optimizelegibility;background:#143126;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(140deg,#125a3ee6,#123126),#143126;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#fff5d6;cursor:pointer;background:linear-gradient(#315c49,#214837);border:1px solid #ffde8080;border-radius:6px;min-height:40px;padding:0 16px}button:disabled{cursor:not-allowed;opacity:.45}button:hover:not(:disabled){filter:brightness(1.08)}button.gold{color:#2b1d08;background:linear-gradient(#ffd56b,#d79828);border-color:#ffe4a2}input{color:#fff8e8;background:#03140e61;border:1px solid #ffde805c;border-radius:6px;outline:none;width:100%;min-height:44px;padding:0 12px}label{color:#f4d68a;margin-bottom:8px;font-size:13px;font-weight:700;display:block}h1,h2,h3,p{margin-top:0}.notice,.empty{color:#ffe4d6;background:#70191675;border:1px solid #ff6b506b;border-radius:8px;margin:0;padding:12px 14px}.lobby-shell{width:min(1120px,100vw - 28px);margin:0 auto;padding:32px 0}.lobby-hero{justify-content:space-between;align-items:end;gap:20px;min-height:190px;padding:28px 0;display:flex}.lobby-hero p{color:#ffcf5b;margin-bottom:8px;font-size:18px;font-weight:800}.lobby-hero h1{color:#fff7dd;letter-spacing:0;text-shadow:0 8px #2c0c0840;margin:0;font-size:clamp(52px,9vw,118px);line-height:.9}.lobby-hero span,.table-topbar span{color:#d3c7a1;background:#02120d52;border:1px solid #ffde8059;border-radius:999px;padding:8px 12px}.lobby-hero span.online{color:#c7ffdc}.lobby-board{grid-template-columns:320px minmax(0,1fr);gap:18px;display:grid}.lobby-controls,.room-list{background:#02120d52;border:1px solid #ffde8038;border-radius:8px;padding:18px;box-shadow:inset 0 0 44px #fff4c90a}.lobby-controls{align-content:start;gap:16px;display:grid}.create-room{grid-template-columns:1fr auto;gap:10px;display:grid}.create-room label{grid-column:1/-1}.room-list{align-content:start;gap:12px;min-height:280px;display:grid}.lobby-room{background:linear-gradient(110deg,#245641d1,#092a1ecc);border:1px solid #ffde8042;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:86px;padding:16px;display:flex}.lobby-room.active{outline:2px solid #ffcf5b}.lobby-room h3{margin-bottom:6px;font-size:20px}.lobby-room p{color:#d3c7a1;margin:0}.table-shell{grid-template-rows:auto 1fr;min-height:100vh;padding:14px;display:grid}.table-topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:56px;display:grid}.table-topbar strong{font-size:20px}.game-table{background:radial-gradient(#228153fa,#0b462efa 62%,#082c1f),#0d5136;border:2px solid #ffde8061;border-radius:8px;min-height:calc(100vh - 84px);position:relative;overflow:hidden;box-shadow:inset 0 0 90px #0000006b,0 18px 54px #00000042}.game-table:before{content:"";border:2px solid #ffde8033;border-radius:50%;position:absolute;inset:72px 110px 132px}.seat{z-index:2;position:absolute}.north{top:16px;left:50%;transform:translate(-50%)}.south{bottom:214px;left:50%;transform:translate(-50%)}.west{top:42%;left:18px;transform:translateY(-50%)}.east{top:42%;right:18px;transform:translateY(-50%)}.player-seat{color:#fff6dc;background:#02120d94;border:1px solid #ffde8047;border-radius:8px;align-items:center;gap:10px;width:210px;min-height:68px;padding:10px;display:flex}.player-seat.current{box-shadow:0 0 0 2px #ffcf5b,0 0 28px #ffcf5b6b}.player-seat.empty{opacity:.72}.player-seat .avatar{color:#2b1d08;background:linear-gradient(#ffe4a2,#d79828);border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.player-seat strong,.player-seat span{display:block}.player-seat span{color:#d3c7a1;margin-top:4px;font-size:12px}.player-seat em{color:#fff8e8;background:#b72d24;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:12px;font-style:normal;font-weight:800}.center-play{z-index:1;text-align:center;align-content:center;gap:14px;width:min(520px,100vw - 80px);min-height:230px;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.phase-banner{background:#02120d61;border:1px solid #ffde803d;border-radius:999px;justify-self:center;align-items:center;gap:12px;padding:8px 14px;display:inline-flex}.phase-banner strong{color:#ffcf5b}.phase-banner span{color:#efe1bb}.played-zone{min-height:120px}.played-zone p{color:#e8d5a5;margin-bottom:10px}.played-cards{justify-content:center;gap:8px;min-height:84px;display:flex}.sit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.my-hand{z-index:3;gap:12px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.hand-cards{justify-content:center;min-height:138px;padding:18px 4px 4px;display:flex;overflow-x:auto}.hand-cards.disabled{opacity:.72}.hand-cards.dealing .playing-card{animation:.72s cubic-bezier(.2,.78,.18,1) both deal-card;animation-delay:calc(var(--deal-index,0) * 54ms)}.playing-card{color:#17120d;background:linear-gradient(145deg,#fffdf5,#e8dcc3);border:1px solid #d8c7a0;border-radius:8px;flex:0 0 74px;place-items:start;width:74px;height:110px;min-height:110px;margin-left:-22px;padding:9px;transition:transform .14s,box-shadow .14s;display:grid;box-shadow:0 10px 20px #00000047}.playing-card:first-child{margin-left:0}.playing-card.selected{transform:translateY(-18px);box-shadow:0 18px 24px #0000005c,0 0 0 2px #ffcf5b}.playing-card.red{color:#b9211c}.playing-card.compact{flex-basis:56px;width:56px;height:78px;min-height:78px;margin-left:0}.playing-card span{font-size:18px;font-weight:900}.playing-card strong{place-self:end;font-size:24px}@keyframes deal-card{0%{opacity:0;filter:brightness(.8);transform:translateY(-190px)scale(.72)rotate(-10deg)}66%{opacity:1;transform:translateY(8px)scale(1.03)rotate(2deg)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)rotate(0)}}.action-bar{flex-wrap:wrap;justify-content:center;gap:10px;min-height:44px;display:flex}.result-modal{z-index:10;background:#02120da8;place-items:center;display:grid;position:fixed;inset:0}.result-modal>div{text-align:center;background:#19392b;border:1px solid #ffde806b;border-radius:8px;width:min(360px,100vw - 32px);padding:28px}.result-modal p{color:#ffcf5b;font-weight:800}.result-modal h2{margin-bottom:12px;font-size:42px}@media (width<=820px){.lobby-board{grid-template-columns:1fr}.lobby-hero{display:block}.table-shell{grid-template-rows:auto minmax(0,1fr);min-height:100dvh;padding:8px}.table-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-height:46px}.table-topbar button{min-height:36px;padding:0 12px}.table-topbar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;line-height:1.2;overflow:hidden}.table-topbar span{white-space:nowrap;padding:7px 10px;font-size:13px}.game-table{border-width:1px;height:calc(100dvh - 70px);min-height:620px}.game-table:before{border-radius:46%;inset:122px 44px 168px}.player-seat{gap:8px;width:148px;min-height:58px;padding:8px}.player-seat .avatar{flex-basis:38px;width:38px;height:38px;font-size:18px}.player-seat strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2;overflow:hidden}.player-seat span{font-size:11px}.north{top:14px}.west{top:25%;left:8px}.east{top:25%;right:8px}.south{width:min(210px,100% - 32px);bottom:154px}.center-play{gap:10px;width:calc(100% - 32px);min-height:150px;top:50%}.phase-banner{max-width:min(300px,100%);padding:7px 12px}.phase-banner strong,.phase-banner span{font-size:14px;line-height:1.2}.played-zone{min-height:86px}.played-zone p{margin-bottom:6px;font-size:18px;font-weight:800}.sit-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;width:min(320px,100%)}.sit-grid button{min-height:38px;padding:0 10px}.my-hand{gap:8px;bottom:10px;left:8px;right:8px}.hand-cards{justify-content:flex-start;min-height:104px;padding-top:14px}.playing-card{flex-basis:54px;width:54px;height:82px;min-height:82px;margin-left:-14px;padding:7px}.playing-card span{font-size:15px}.playing-card strong{font-size:20px}.action-bar{gap:8px;min-height:40px}.action-bar button{min-height:38px;padding:0 12px}}@media (width<=520px){.table-shell{padding:6px}.table-topbar{grid-template-columns:auto minmax(0,1fr)}.table-topbar span{text-align:center;grid-column:1/-1;justify-self:stretch}.game-table{height:calc(100dvh - 104px);min-height:590px}.game-table:before{inset:118px 28px 156px}.player-seat{width:132px;min-height:54px}.west,.east{top:25%}.center-play{top:49%}.south{bottom:142px}}