/* Accepted reference: compact player menu / room list / full-page creation.
   Existing prototype flows are retained; app source and network remain untouched. */
.demo-tools{max-width:430px}.demo-tools select{max-width:170px}.app-header{border-bottom:1px solid #e9edf5;background:#fff;height:76px;padding:12px 16px}.app-header .balance small{font-size:11px}.app-header .balance strong{font-size:20px}.phone{background:#f6f8fd}.header-actions .icon{background:#f4f7fd;border:1px solid #e7edf9}.app-header .balance svg{width:27px;height:27px}.app-header .balance{gap:9px}main{padding:14px 15px 20px}.nav{height:76px;background:white;border-top:1px solid #e7edf6}.nav button{min-height:68px;font-size:11px;gap:6px}.nav button svg{width:24px;height:24px}.nav button[aria-current=page]:before{display:none}.account-panel{background:white;border:1px solid #e1e8f6;border-radius:14px;display:flex;align-items:center;padding:16px 14px;gap:14px;margin-bottom:14px;min-height:106px}.account-panel .avatar{width:60px;height:60px;font-size:29px;flex-shrink:0;background:#3265f3;color:#fff}.account-panel h1{font-size:21px;letter-spacing:-.6px}.account-panel .account-link{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:0;min-height:35px}.account-panel .account-link svg{margin-left:auto;width:17px;color:#7b89a2}.account-panel small{font-size:12px;display:block;margin-top:2px}.account-record{font-size:12px;color:#64738c;margin-top:10px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #e1e8f6;background:white;border-radius:14px}.menu-cell{padding:17px 14px;min-height:111px;text-align:left;display:flex;flex-direction:column;position:relative;align-items:flex-start;justify-content:center;gap:7px}.menu-cell:nth-child(odd){border-right:1px solid #e1e8f6}.menu-cell:nth-child(n+3){border-top:1px solid #e1e8f6}.menu-cell>.menu-icon{color:var(--blue);display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px}.menu-cell>.menu-icon svg{width:27px;height:27px;stroke-width:1.7}.menu-cell>.menu-icon .chevron{width:15px;height:15px;color:#7a8da8;stroke-width:1.6}.menu-cell strong{font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.3px}.menu-cell small{font-size:11px;line-height:1.4;color:#62718a}.accepted-invite{background:white;border:1px solid #e1e8f6;border-radius:13px;display:flex;align-items:center;text-align:left;gap:9px;padding:12px;margin-top:14px;width:100%;min-height:76px}.accepted-invite .avatar{width:36px;height:36px;font-size:20px;background:#e4edff;color:var(--blue)}.accepted-invite strong{font-size:13px;display:block}.accepted-invite small{display:block;font-size:12px;margin-top:2px}.outline-link{padding:9px 10px;border:1px solid var(--blue);border-radius:10px;color:var(--blue);font-size:11px;font-weight:700;min-height:40px;display:flex;align-items:center}.accepted-active{background:#eef4ff;border-color:#d0ddfc}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 17px}.page-heading h1{font-size:25px}.page-heading small{font-size:12px}.room-filters{display:flex;align-items:center;gap:6px;margin-bottom:16px;flex-wrap:wrap}.room-filters>button:not(.icon){padding:9px 12px;background:#edf2fa;border-radius:999px;font-size:11px;min-height:40px;white-space:nowrap;color:#384961}.room-filters>button[aria-pressed=true]{background:var(--blue);color:white}.room-filters .icon{margin-left:auto;width:40px;height:40px;border:1px solid #e1e8f6;border-radius:10px}.room-filters .icon svg{width:19px;height:19px}.room-list-unified{background:#fff;border:1px solid #e1e8f6;border-radius:13px;overflow:hidden}.room-line{width:100%;text-align:left;display:grid;grid-template-columns:82px minmax(0,1fr) 77px;gap:9px;padding:17px 13px;min-height:112px;align-items:center}.room-line+.room-line{border-top:1px solid #e1e8f6}.seat-pair{display:flex;gap:4px;flex-wrap:wrap;max-width:80px}.seat-pair .seat-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#6298fa;color:white;font-size:14px;font-weight:700}.seat-pair .seat-avatar:nth-child(2){background:#8291ac}.seat-pair .empty-seat{background:#fafcff!important;border:1px dashed #bacbe8;color:#8291ad!important;font-size:21px;font-weight:400}.room-description strong{font-size:13px;line-height:1.35;display:block;overflow-wrap:anywhere}.room-description small{font-size:11px;display:block;line-height:1.5;margin-top:3px}.room-speed{display:flex;align-items:center;gap:4px;font-size:11px;color:#6c7d96;margin-top:6px}.room-speed svg{width:14px;height:14px}.room-right{align-self:start;padding-top:3px;text-align:right}.room-right strong{display:block;color:var(--blue);font-size:17px;letter-spacing:-.5px;white-space:nowrap}.room-right>span{display:flex;align-items:center;justify-content:flex-end;font-size:12px;color:#6c7d96;gap:6px;margin-top:12px}.room-right svg{width:14px;height:14px}.lobby-finance-note{display:flex;align-items:center;gap:8px;background:#edf2fa;padding:12px;margin-top:13px;border:1px solid #e3eaf7;border-radius:11px;font-size:11px;color:#60718c;line-height:1.5}.lobby-finance-note svg{width:17px;height:17px;flex-shrink:0}.creation-title{font-size:25px;margin:2px 0 17px}.creation-form{background:white;border:1px solid #e6ecf8;border-radius:14px;padding:15px}.creation-form fieldset{margin-bottom:16px}.creation-form legend,.creation-form .field>span{font-size:13px;font-weight:700;color:#26354d}.creation-form .field{margin-bottom:7px}.creation-form .field input{background:#f9fbff;border-color:#dce5f6;min-height:49px;font-size:24px;border-radius:10px}.creation-form .segments{padding:0;gap:0;border:1px solid #e0e8f7;background:#f3f6fc;border-radius:9px;overflow:hidden}.creation-form .segments span{min-height:40px;font-size:12px;border-radius:7px}.creation-form .segments input:checked+span{background:var(--blue);color:white;box-shadow:none}.creation-form .segments label+label{border-left:1px solid #e1e8f7}.creation-form .paired-fields{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.creation-form .paired-fields legend{margin-bottom:9px}.stake-presets{display:flex;gap:6px;margin-bottom:19px}.stake-presets button{background:#f0f4fc;color:#60708c;border-radius:7px;flex:1;min-height:33px;font-size:12px}.stake-presets button.selected{background:var(--blue);color:white;font-weight:700}.other-rules{border:1px solid #e0e8f5;border-radius:9px;padding:0 10px;margin-bottom:8px}.other-rules summary{min-height:43px;display:flex;align-items:center;justify-content:space-between;font-size:12px;cursor:pointer;gap:8px;list-style:none}.other-rules summary::-webkit-details-marker{display:none}.other-rules summary small{font-size:10px;text-align:right}.other-rules[open] summary{border-bottom:1px solid #e0e8f5;margin-bottom:12px}.creation-form .cost-link{font-size:12px;font-weight:400;text-decoration:underline;min-height:40px}.creation-form .primary{min-height:50px;border-radius:10px;font-size:15px}.creation-note{margin-top:8px;text-align:center;font-size:10px;color:#6a7a94}.create-error{font-size:12px;color:#a33d46;min-height:0;margin:5px 0}.private-panel{padding:17px;background:#fff;border:1px solid #e1e8f6;border-radius:13px;margin-top:16px}.private-panel h2{font-size:17px;margin-bottom:8px}.private-panel>p{font-size:12px;color:var(--muted);margin-bottom:15px}.private-panel label span{font-size:12px}.private-panel input{font-size:13px!important;min-height:46px}.private-panel .primary{font-size:14px;min-height:46px}.private-panel .field{margin-bottom:11px}.accepted-state-note{margin-top:18px;font-size:12px;line-height:1.6;color:#687790}.prototype-label{font-size:10px}
@media(max-width:480px){main{padding:12px 13px 20px}.app-header{height:72px;padding:10px 13px}.room-line{grid-template-columns:65px minmax(0,1fr) 73px;padding:15px 11px;gap:8px}.seat-pair{gap:3px}.seat-pair .seat-avatar{width:29px;height:29px;font-size:12px}.room-filters>button:not(.icon){font-size:10px;padding:8px 10px}.account-panel{padding:14px 12px;gap:12px}.account-panel h1{font-size:20px}.account-panel .avatar{width:54px;height:54px;font-size:27px}.menu-cell{padding:15px 12px;min-height:107px}.menu-cell small{font-size:11px}.creation-form{padding:13px}.creation-form .paired-fields{gap:10px}}
@media(max-width:350px){.room-line{grid-template-columns:47px minmax(0,1fr) 68px;gap:7px}.seat-pair .seat-avatar{width:26px;height:26px;font-size:11px}.seat-pair{max-width:42px}.room-right strong{font-size:15px}.room-description strong{font-size:12px}.menu-cell strong{font-size:14px}.menu-cell small{font-size:10px}.accepted-invite{padding:10px;gap:7px}.accepted-invite strong{font-size:12px}.accepted-invite small{font-size:10px}.outline-link{padding:8px;font-size:10px}}