/* v0.3 — the next action should be obvious, before it is beautiful. */
.in-lobby .game-shell{display:none}.in-lobby .lobby-panel{margin-top:0}.in-lobby .lobby-heading{background:linear-gradient(110deg,#e8efdf,#fbf6e7);padding:19px;border-radius:10px;margin-bottom:18px}.in-lobby .lobby-heading p{margin-bottom:0}.lobby-actions>div{flex-wrap:wrap;justify-content:flex-end}.resume-room{display:block;font-size:11px;margin:12px auto 0;color:#e5d8b2;text-decoration:underline;text-underline-offset:4px}.current-table-rules{padding:12px;background:#f0ead6;border-radius:8px}.current-table-rules b{font-size:12px}.current-table-rules p{margin:4px 0}
.turn-banner{position:relative;display:flex;justify-content:space-between;align-items:center;background:#edf1e8;color:#63775d;border:1px solid #dce4d4;border-radius:9px;padding:9px 14px;margin:0 0 12px;overflow:hidden;min-height:53px}
.turn-banner>div:first-child{display:flex;align-items:center;gap:15px}.turn-banner b{font-size:14px;font-weight:650}.turn-banner #turn-detail{font-size:10px;color:#809276}.turn-clock{font:600 25px/1.1 ui-rounded,system-ui,sans-serif;min-width:55px;text-align:center;font-variant-numeric:tabular-nums}.turn-banner.mine{background:#f8edcf;border-color:#d7b75e;color:#644c1c;box-shadow:0 0 0 2px #dcbf7426}.turn-banner.mine #turn-detail{color:#897242}.turn-progress{position:absolute;bottom:0;left:0;height:3px;background:#b79a50;transition:width .25s linear}.turn-banner.urgent{background:#fff0df;border-color:#c48444;color:#974c24}.urgent .turn-clock{color:#a84b2b}.urgent .turn-progress{background:#c87143}.your-move{border-color:#cbb170;box-shadow:0 0 0 2px #d9c18a23}.your-move #hint{background:#fff3c9;border:1px solid #d5b663;color:#7d5b1f;font-weight:600}.your-move #play{min-width:150px;background:#b68430;color:#fffdf4;font-size:15px;font-weight:650;border:1px solid #b4863a;box-shadow:0 4px 12px #98713226}.your-move #play:hover:not(:disabled){background:#9c7127}.your-move #play:disabled{opacity:.52}.action-bar button{min-height:43px}.action-bar #deselect{font-size:10px;min-width:0;padding:8px 11px}.hand-panel.spectating .hand-topline,.hand-panel.spectating .group-legend,.hand-panel.spectating .hand,.hand-panel.spectating .action-bar{display:none}.hand-panel.spectating .turn-banner{margin:0}.result-actions{display:flex;gap:8px;align-items:center}.center-action:disabled{opacity:.45;box-shadow:none}
.lobby-panel{margin-top:15px;padding:21px;background:#fffef9;border:1px solid #e1e5d7;border-radius:14px}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lobby-heading h2{font:500 22px/1.4 'Songti SC',serif;margin:7px 0}.lobby-heading p{font-size:11px;color:#8b957d;margin:0 0 17px}.lobby-observers{font-size:11px;color:#7f9677;white-space:nowrap}.lobby-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lobby-seat{background:#f2f5ec;border:1px solid #dce5d3;border-radius:11px;padding:15px 12px;display:flex;flex-direction:column;gap:9px}.lobby-seat.warm{background:#f9f3e5;border-color:#e8dfc9}.lobby-seat.mine{outline:2px solid #859d6b;outline-offset:1px}.seat-number{font-size:10px;color:#88977c}.lobby-person{font-size:23px;color:#728869;display:flex;align-items:center;gap:9px}.lobby-person img{width:34px;height:34px;object-fit:cover;border-radius:8px}.lobby-person b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ready-status{font-size:10px;color:#72826b;min-height:15px}.lobby-seat button,.lobby-seat select{font-size:10px;padding:7px;border-radius:6px;border:1px solid #d9e2ce;background:#fffdf7;color:#526a48;width:100%}.lobby-seat .seat-sit{background:#e4ead9;border-color:#c7d6ba}.lobby-seat .seat-agent{background:#eee7d5;color:#786136}.lobby-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}.lobby-actions>span{font-size:10px;color:#8b967e}.lobby-actions>div{display:flex;gap:8px;align-items:center}.spectator-label{font-size:10px;color:#88947a}.watch-panel{margin-top:13px;padding:14px 18px;background:#eaf0e3;border:1px solid #dce5d1;border-radius:11px;display:flex;justify-content:space-between;align-items:center;gap:14px}.watch-panel b{display:block;font-size:12px;color:#526c47}.watch-panel span{font-size:10px;color:#829475}.watch-views{display:flex;align-items:center;gap:5px}.watch-views button{font-size:10px;padding:8px;border:1px solid #cfdbc3;border-radius:5px}.watch-views button.active{background:#54744c;color:#fff9e7}
.create-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.create-seats label{font-size:10px;margin:13px 0 2px}.create-seats select{font-size:11px;padding:9px 4px}dialog .check-row{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7}dialog input[type=checkbox]{width:16px;flex:0 0 16px;margin-top:2px;accent-color:#647e4c}.join-seats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.join-seats button{display:flex;flex-direction:column;gap:9px;padding:16px;background:#edf3e6;border:1px solid #cddbbf;border-radius:10px;text-align:left}.join-seats b{font-size:12px}.join-seats span{font-size:13px}.join-seats small{font-size:10px;color:#7c926e}.invite-link{min-height:65px;white-space:normal;overflow-wrap:anywhere;resize:vertical}.in-lobby .game-shell{height:320px;min-height:320px}.in-lobby .felt-table{top:105px;bottom:45px}.in-lobby .center-table{top:128px;gap:9px}.in-lobby .player.top{top:42px}.in-lobby .player.left,.in-lobby .player.right{top:143px}.in-lobby .player.bottom{bottom:37px}.in-lobby .table-status{font-size:9px}.room-toolbar>div{gap:12px}
@media(min-width:901px) and (max-height:850px){.turn-banner{min-height:44px;padding:6px 11px;margin-bottom:8px}.turn-clock{font-size:24px}.topbar .eyebrow{display:none}.hand-panel{padding-top:9px;padding-bottom:9px;margin-top:8px}.page-footer{padding-top:6px;font-size:9px}.your-move #play{min-width:132px}.action-bar>span{max-width:42%;line-height:1.5}.lobby-panel{padding:16px}}
@media(max-width:1100px){.lobby-seats{gap:8px}.lobby-seat{padding:12px 8px}.turn-banner>div:first-child{gap:8px;flex-direction:column;align-items:flex-start}.turn-banner #turn-detail{font-size:9px}.action-bar{gap:8px}.action-bar>div{gap:6px}.action-bar button{padding-left:12px;padding-right:12px}.your-move #play{min-width:110px}.lobby-actions{flex-wrap:wrap}.lobby-actions>div{margin-left:auto}}
@media(max-width:600px){.lobby-panel{padding:15px 11px}.lobby-seats{grid-template-columns:1fr 1fr;gap:11px}.lobby-heading h2{font-size:19px}.lobby-heading p{font-size:9px;line-height:1.6;max-width:245px}.lobby-observers{font-size:9px}.lobby-actions>div{flex-wrap:wrap}.lobby-actions button{font-size:10px;padding:10px}.lobby-actions>span{font-size:9px;line-height:1.8}.in-lobby .game-shell{height:340px;min-height:340px}.in-lobby .player.top{top:70px}.in-lobby .player.left,.in-lobby .player.right{top:175px}.in-lobby .center-table{top:164px;left:82px;right:82px}.in-lobby .center-action{font-size:10px;line-height:1.6;padding:8px 10px}.in-lobby .center-caption{font-size:8px}.in-lobby .player.bottom{bottom:43px}.in-lobby .felt-table{top:149px;bottom:43px}.in-lobby .table-status{bottom:10px;font-size:8px;left:87px;right:95px}.turn-banner{padding:8px 10px;min-height:52px;margin-bottom:13px}.turn-banner b{font-size:14px}.turn-clock{font-size:25px}.turn-banner #turn-detail{font-size:8px}.your-move #play{min-width:0;font-size:13px;flex:1.3}.action-bar>div{gap:6px}.action-bar button{padding:10px 7px;font-size:11px}.action-bar #deselect{flex:.6;font-size:9px;padding:8px 4px}.action-bar>span{max-width:100%}.watch-panel{padding:12px;flex-wrap:wrap;gap:9px}.watch-panel>div>span{font-size:9px}.watch-views{margin-left:auto}.create-seats{grid-template-columns:1fr 1fr}.room-toolbar>div{gap:6px}.room-id{max-width:53px;font-size:7px}.invite-button{padding:7px 5px}.plain-button{font-size:9px}.result-actions{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.turn-progress{transition:none}}
@media(max-width:600px){
 main{padding-top:12px}.topbar{margin-bottom:12px}.topbar .eyebrow{display:none}.topbar h1{margin-top:0;font-size:18px}.page-footer{display:flex;padding:3px 0;justify-content:flex-end}.page-footer>span{display:none}
 .game-shell{height:360px;min-height:360px}.felt-table{inset:117px 42px 40px}.player.top{top:37px}.player.left,.player.right{top:137px}.player.bottom{bottom:47px}.seat-play.top{top:116px}.seat-play.left,.seat-play.right{top:218px}.seat-play.bottom{bottom:16px;left:50%}.table-status{display:none}
 .hand-panel{padding-top:10px;padding-bottom:9px}.turn-banner{min-height:44px;margin-bottom:9px;padding:6px 9px}.turn-banner b{font-size:13px}.turn-clock{font-size:23px}.hand{padding-top:20px;padding-bottom:5px;gap:18px 10px}.hand .card{height:58px}.hand .card .corner{font-size:16px}.hand .card .corner small{font-size:11px}.hand .card .pip{font-size:16px}.hand-cluster{padding-top:10px}.loose .cluster-cards{gap:10px 0}
 .action-bar{position:static;margin-top:5px;padding:5px 0 0;gap:0}.action-bar>span{display:none}.action-bar>div{width:100%}.group-legend{margin-top:6px}
}