/* Readable type for menus and records; table type has its own fitted layout. */
:root{font-size:16px;--muted:#b7c4ba}
body{font-size:16px}
.small{font-size:15px}.tiny{font-size:13px}
.eyebrow{font-size:13px;letter-spacing:1.5px}
.btn{font-size:16px;min-height:48px}
.btn.small{font-size:14px;min-height:44px;padding:10px 14px}
.btn.icon-only{min-width:44px;min-height:44px}
.text-btn{font-size:15px;min-height:44px;line-height:1.35}
.pill{font-size:13px}
.field label,.field-label{font-size:15px;line-height:1.35}
.field input,.field select,.input{font-size:16px;min-height:46px}
.field small{font-size:14px;line-height:1.45;color:#b5c5b8}
.check-field label{font-size:15px;line-height:1.4}
.check-field small{font-size:14px;color:#b5c5b8}
.segmented button{font-size:15px;min-height:44px;padding:10px 12px}
.entry-card h2{font-size:26px}.entry-card p{font-size:15px;line-height:1.5}
.hero-features{font-size:14px}.game-strip span{font-size:13px}
.service-details summary,.link-line{font-size:14px}
.brand-tag{font-size:11px;letter-spacing:1.8px}
.landing-footer{font-size:14px;line-height:1.5}.landing-footer span{min-width:0;flex:1}
.room .room-nav button{font-size:15px;min-height:44px;padding:0 12px}
.room .room-code{font-size:12px}
.room .room-brand .brand-name{font-size:21px}
.room .mobile-nav button{font-size:11px;line-height:1.1;min-height:44px;padding:6px;gap:3px}
.room .mobile-nav button .icon svg{width:20px;height:20px}
.room-view{font-size:16px}
.view-header h1{font-size:34px}.view-header p{font-size:16px;line-height:1.45}
.view-header .btn{font-size:15px;min-height:46px}
.stat-card .label{font-size:15px}.stat-card .sub{font-size:14px;line-height:1.45}
.stat-card .value{font-size:32px}
.panel-head h2{font-size:19px}.panel-body{font-size:16px}
.data-table th{font-size:13px;letter-spacing:.6px;line-height:1.35}
.data-table td{font-size:15px;line-height:1.4}
.badge{font-size:12px}.hand-tile-top{font-size:16px}.hand-tile-footer{font-size:15px}
.chart-axis{font-size:12px}.chart-legend{font-size:14px}
.award-card h3{font-size:22px}.award-card p{font-size:15px;line-height:1.5}
.award-card .amount{font-size:30px}
.modal{font-size:16px}.modal-head h2{font-size:28px}
.modal-head p{font-size:15px;line-height:1.45}.modal-section h3{font-size:18px}
.modal-actions .btn{font-size:16px;min-height:48px}
.notice,.summary-item{font-size:15px;line-height:1.5}
.summary-item{gap:15px}.summary-item span{min-width:0;overflow-wrap:anywhere}
.effect-options button,.target-picker button{font-size:15px;min-height:44px}
.empty-state,.error-box{font-size:15px;line-height:1.5}
.toast{font-size:15px;line-height:1.4}
.sidebar h3{font-size:calc(18px * var(--sidebar-scale,1))}
.sidebar-session-mode{font-size:calc(12px * var(--sidebar-scale,1))}
.sidebar .stat-pair{font-size:calc(14px * var(--sidebar-scale,1))}
.sidebar .stat-pair strong{font-size:calc(15px * var(--sidebar-scale,1))}
.sidebar .award-mini .eyebrow{font-size:calc(12px * var(--sidebar-scale,1))}
.sidebar .award-mini p{font-size:calc(14px * var(--sidebar-scale,1))}
.sidebar .award-mini .stat-pair{font-size:calc(14px * var(--sidebar-scale,1))}
.sidebar .text-btn{font-size:calc(14px * var(--sidebar-scale,1))}
.sidebar .activity-item{font-size:calc(14px * var(--sidebar-scale,1))}
.sidebar .activity-item time{font-size:calc(12px * var(--sidebar-scale,1));color:#9bb49e}
@media(max-width:740px){
 .landing .topbar{padding:0 16px;gap:12px}
 .landing .brand{gap:9px;min-width:0}
 .landing .brand-tag,.landing .toplinks .pill{display:none}
 .landing .toplinks{gap:0;flex:none}
 .landing .toplinks .btn{white-space:nowrap;min-height:44px;padding:10px 12px;font-size:14px}
 .hero h1{font-size:44px}.hero>p{font-size:16px}
 .hero-features{font-size:14px}.entry-card p{font-size:15px}
 .landing-footer{font-size:13px}
 .room .room-brand .brand-name{font-size:17px}
 .room .room-code{font-size:11px}
 .room-view{padding:20px 14px}
 .view-header h1{font-size:28px}.view-header p{font-size:15px}
 .stat-card{padding:15px}.stat-card .label{font-size:14px}.stat-card .sub{font-size:13px}
 .stat-card .value{font-size:29px}
 .panel-head h2{font-size:18px}
 .modal-head h2{font-size:25px}.modal-head p{font-size:15px}
 .data-table th{font-size:13px}.data-table td{font-size:15px}
}
@media(max-width:360px) and (orientation:portrait){
 .room .room-brand .brand-name{font-size:15px}
 .room .room-brand .brand-mark{width:24px;height:24px;font-size:19px}
}
@media(max-height:500px) and (orientation:landscape){
 .room .room-brand .brand-name{font-size:15px}
 .room .room-code{font-size:11px}
 .room .room-nav button{font-size:12px;padding:0 7px}
}