#lobby,#room-screen{max-width:1160px;margin:auto}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:26px}.game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}
@media(min-width:1600px){.hero{padding-top:65px;padding-bottom:43px}.hero h1{font-size:64px}.game-choice{padding:32px 28px}.mini-hand{height:170px}.game-link{margin-top:33px}.create-panel{padding:32px 34px}}
@media(max-width:1220px){#lobby,#room-screen{margin:0 28px}.site-footer{margin-left:28px;margin-right:28px}.hero h1{font-size:49px}.game-choice{padding:24px 21px}.lobby-grid{gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.game-list{gap:15px}.room-layout{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.hand .card{width:56px;height:79px}.hand .card+.card{margin-left:-30px}}
@media(max-width:960px){.hero{padding:32px 0 28px}.hero h1{font-size:42px}.hero p{font-size:13px}.lobby-grid{grid-template-columns:1fr 330px;gap:17px}.game-list{grid-template-columns:1fr;gap:14px}.game-choice{padding:20px 20px 15px;min-height:195px}.game-name{font-size:23px;margin-top:15px}.game-copy{font-size:11px;max-width:155px}.game-link{margin-top:16px;font-size:11px;max-width:155px}.mini-hand{position:absolute;right:-5px;top:35px;width:140px;opacity:.85}.mini-hand i{width:49px;height:73px;font-size:20px;padding:7px}.mini-hand small{font-size:19px}.mini-hand i+i{margin-left:-22px}.game-number{font-size:8px}.create-panel{padding:24px}.room-layout{grid-template-columns:1fr}.room-side{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;align-items:start}.room-tips{margin:0}.room-log{max-height:180px}.table-panel{min-height:500px}.hand .card{width:62px;height:87px}.hand .card+.card{margin-left:-33px}.hero-tags{margin-top:17px;gap:19px}}
@media(max-width:640px){.site-header{padding:18px 17px}.brand{font-size:17px;gap:9px}.brand-mark{width:33px;height:37px;font-size:25px;border-radius:10px}.brand small{font-size:7px;letter-spacing:1.3px}.header-actions{gap:8px;font-size:10px}.friends-badge{display:none}.header-actions .quiet{font-size:11px}#lobby,#room-screen{margin:0 17px}.hero{padding:28px 0 23px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:37px;margin:12px 0 13px;letter-spacing:0;line-height:1.25}.hero h1 br{display:block}.hero p{font-size:11px;line-height:1.9}.hero-tags{gap:11px;font-size:9px;margin-top:15px}.lobby-grid{display:flex;flex-direction:column;gap:20px}.game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-choice{padding:17px 13px;min-height:245px;border-radius:13px}.game-choice .mini-hand{position:static;width:100%;height:99px;margin-top:7px;opacity:1;padding:8px 0}.mini-hand i{width:42px;height:61px;font-size:17px;padding:6px}.mini-hand small{font-size:18px;margin-top:3px}.mini-hand i+i{margin-left:-18px}.game-name{font-size:22px;gap:7px;margin:11px 0 7px;letter-spacing:0}.game-name b{font-size:8px;padding:1px 4px}.game-copy{font-size:9px;max-width:none;line-height:1.8}.game-link{font-size:10px;margin-top:15px;padding-top:10px;max-width:none}.game-number{font-size:7px;letter-spacing:1px}.create-panel{padding:23px 20px;border-radius:13px}.panel-title h2{font-size:21px}.panel-title p{font-size:11px}.field{margin-top:21px}.small-note{font-size:9px}.howto{margin:25px 0 20px;gap:12px;font-size:9px}.howto>div{gap:6px}.howto b{width:20px;height:20px;font-size:8px}.step-arrow{font-size:8px}.site-footer{margin:27px 17px 0;padding:18px 0 24px;font-size:8px}.room-toolbar{margin:21px 0 17px;gap:10px;align-items:flex-start}.room-toolbar h1{font-size:20px;margin-top:4px}.room-toolbar h1>span{letter-spacing:1px}.room-toolbar .eyebrow{font-size:8px;letter-spacing:1px}.copy-btn{font-size:8px;padding:4px 6px;margin-left:7px}.room-tools{font-size:9px;gap:6px;flex-direction:column-reverse;align-items:flex-end}.room-tools .quiet{font-size:10px;padding:5px 0}.sync-state{font-size:8px}.table-panel{border-radius:14px;min-height:0}.table-topline{padding:12px 13px;font-size:8px;gap:10px}.players{padding:15px 11px 6px;gap:7px}.player-tile{padding:9px 8px;min-width:90px;max-width:none;gap:7px;border-radius:8px}.avatar{width:25px;height:29px;font-size:12px;border-radius:6px}.player-name{font-size:10px;max-width:77px}.player-name small{font-size:7px;margin-left:3px}.player-info{font-size:8px;line-height:1.8}.role-badge{font-size:7px;margin-left:3px}.empty-seat{font-size:9px;min-height:61px}.table-center{min-height:170px;padding:15px 10px;gap:10px}.table-center>p{font-size:12px;line-height:1.9}.my-area{padding:15px 11px 18px}.my-caption{font-size:10px;margin-bottom:22px}.clear-btn{font-size:9px}.hand{min-height:75px;padding:0}.hand .card{width:44px;height:68px;border-radius:6px;font-size:18px;padding:5px 4px}.hand .card+.card{margin-left:-30px}.hand .card .suit{font-size:17px}.hand .card.joker .rank{font-size:9px}.hand.zjh{min-height:92px}.hand.zjh .card{width:66px;height:90px;margin:0 5px;font-size:24px}.hand.zjh .suit{font-size:26px}.selection-note{font-size:9px;margin:12px 0 10px;min-height:20px;line-height:1.8}.game-controls{gap:7px}.game-controls .primary,.game-controls .secondary{font-size:11px;padding:8px 12px;min-height:36px}.game-controls select{font-size:10px;min-height:36px;max-width:130px}.bottom-cards .card,.played-cards .card{width:31px;height:46px;font-size:12px;padding:3px 4px}.bottom-cards .card .suit,.played-cards .card .suit{font-size:12px}.bottom-cards .card.joker .rank,.played-cards .card.joker .rank{font-size:7px}.played-cards{max-width:100%;gap:2px}.room-side{grid-template-columns:1fr;gap:13px}.room-panel .panel-title{padding:14px 16px}.room-log{max-height:170px;padding-left:16px;padding-right:16px}.room-log li{font-size:10px;padding:9px 0}.room-tips{padding:15px 16px}.room-tips p{font-size:10px}.round-result{padding:10px 14px}.round-result strong{font-size:16px}.round-result p{font-size:9px}dialog{padding:20px}.rules-content p{font-size:11px}.message{font-size:11px;padding:11px 14px;bottom:20px}}
@media(max-width:370px){#lobby,#room-screen{margin-left:13px;margin-right:13px}.hero h1{font-size:34px}.game-name{font-size:20px}.game-choice{padding-left:11px;padding-right:11px}.hero-tags{gap:8px;font-size:8px}.player-tile{min-width:80px;padding:8px 6px;gap:5px}.player-name{max-width:66px;font-size:9px}.players{gap:5px;padding-left:8px;padding-right:8px}.avatar{width:22px;height:26px}.my-area{padding-left:7px;padding-right:7px}.hand .card{width:42px}.hand .card+.card{margin-left:-29px}.copy-btn{display:block;width:max-content;margin:6px 0 0}.room-toolbar h1{font-size:22px}.room-toolbar{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:641px) and (max-width:780px){.hand .card{width:54px;height:77px}.hand .card+.card{margin-left:-31px}}
@media(max-width:640px){.hand:not(.zjh) .card+.card{margin-left:-27px}.hand:not(.zjh) .card .rank{font-size:17px}.hand:not(.zjh) .card.ten .rank{font-size:12px;letter-spacing:-.5px}.hand.long-hand .card+.card{margin-left:-30px}.hand.long-hand .card{padding-left:3px}.hand.long-hand .card .rank{font-size:15px}.hand.long-hand .card.ten .rank{font-size:11px;letter-spacing:-.7px}.player-tile>div:not(.player-reveal){min-width:0;flex:1}.player-name{max-width:100%}.player-name small{display:none}.player-info{font-size:8px}}@media(max-width:370px){.hand:not(.zjh) .card+.card{margin-left:-26px}.hand.long-hand .card+.card{margin-left:-29px}}