.layout-choice{display:flex;align-items:center;gap:8px;margin-bottom:22px}
.layout-choice span{font-size:.72rem;letter-spacing:.14em;color:#aeb8b3;margin-right:5px}
.layout-choice button{padding:9px 13px;background:transparent;color:#aeb8b3;border:1px solid #ffffff25}
.layout-choice button.active{background:var(--gold);color:#182019;border-color:var(--gold)}
body[data-layout="iphone"] main{max-width:430px;padding:24px 14px}
body[data-layout="iphone"] header{height:58px;padding:0 14px}
body[data-layout="iphone"] header nav{display:none}
body[data-layout="iphone"] .hero{padding:18px 0}
body[data-layout="iphone"] .hero h1{font-size:3.2rem}
body[data-layout="iphone"] .grid,body[data-layout="iphone"] .choices,body[data-layout="iphone"] .dashboard,body[data-layout="iphone"] .summary,body[data-layout="iphone"] .saved{grid-template-columns:1fr}
body[data-layout="iphone"] .actions{flex-wrap:wrap}
body[data-layout="iphone"] .actions button{flex:1 1 150px}
body[data-layout="iphone"] .table{height:400px;border-width:8px;margin:55px 3px 45px}
body[data-layout="iphone"] .seat{width:91px;padding:5px 3px;font-size:.68rem}
body[data-layout="iphone"] .seat small{font-size:.6rem}
body[data-layout="iphone"] .seat .card{width:21px;height:31px;font-size:.78rem}
body[data-layout="iphone"] .s0,body[data-layout="iphone"] .s9{left:37%}
body[data-layout="iphone"] .s1,body[data-layout="iphone"] .s2{right:-5px}
body[data-layout="iphone"] .s5,body[data-layout="iphone"] .s6{left:-5px}
body[data-layout="iphone"] .s3{right:5%}
body[data-layout="iphone"] .s4{left:5%}
body[data-layout="iphone"] .board{inset:35% 21%}
body[data-layout="iphone"] .board>.card{width:30px;height:43px;font-size:.9rem;margin:1px}
body[data-layout="iphone"] .table-action-panel{font-size:.65rem}
body[data-layout="iphone"] .controls{margin-top:18px;position:sticky;bottom:0;background:#101614ef;padding:10px;z-index:20}
body[data-layout="iphone"] .live-hand-log,body[data-layout="iphone"] .review-layout,body[data-layout="iphone"] .training-table{grid-template-columns:1fr}
body[data-layout="iphone"] main:has(.live-hand-log){padding-right:14px}
body[data-layout="iphone"] .live-hand-log{position:static;inset:auto;width:auto;display:grid;margin-top:20px;padding:14px;box-shadow:none}
body[data-layout="iphone"] .live-hand-log ol{max-height:230px}
body[data-layout="iphone"] .live-hand-log li small{margin-left:0}
body[data-layout="iphone"] .spot-facts,body[data-layout="iphone"] .review-numbers,body[data-layout="iphone"] .compact-numbers{grid-template-columns:1fr 1fr}
body[data-layout="iphone"] h2{font-size:2.3rem}
body[data-layout="macbook"] .hero .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-layout="macbook"] .hero .actions button{text-align:left}
body[data-layout="macbook"] .choose-heading{margin:16px 0 8px}
body[data-layout="macbook"] .training-table{margin-bottom:8px}
body[data-layout="macbook"] .trainer>.choices.three{position:sticky;bottom:0;z-index:12;padding:10px;background:#101614f2;border-top:1px solid #ffffff18}
body[data-layout="iphone"] .layout-choice{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}
body[data-layout="iphone"] .layout-choice span{grid-column:1/-1}
body[data-layout="iphone"] .trainer>.choices.three{position:sticky;bottom:0;z-index:20;padding:8px 0;background:#101614f2}
body[data-layout="iphone"] .training-heading{margin-top:20px}
body[data-layout="iphone"] .training-jump>div{grid-template-columns:1fr 1fr}
body[data-layout="iphone"] .training-levels>div{grid-template-columns:1fr}
body[data-layout="iphone"] .hand-progress{grid-template-columns:1fr 1fr}
body[data-layout="iphone"] .mini-table{min-height:220px}
body[data-layout="iphone"] .mini-seat{width:86px;padding:5px}
body[data-layout="iphone"] .action-story{padding:13px}
body[data-layout="iphone"] .action-story ol{line-height:1.55}
body[data-layout="iphone"] header nav{display:flex;gap:2px}
body[data-layout="iphone"] header nav button{padding:5px 6px;font-size:.62rem;letter-spacing:.04em}
body[data-layout="iphone"] header>small{display:none}
body[data-layout="iphone"] .choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-layout="iphone"] .choices.three .choice{padding:12px 4px}
body[data-layout="iphone"] .trainer>.choices.three{gap:5px}
.table-action-panel{max-height:112px;overflow:auto}
body[data-layout="iphone"] .table-action-panel{max-height:88px}
.choose-heading{display:none}
.training-levels{display:none}