/* AI assist strip (practice modes only). Sits above the action buttons like the beginner coach strip. */
.assist-panel{order:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;width:100%;box-sizing:border-box;margin-bottom:10px;padding:8px 10px;border:1px solid #5b4a8f;border-left:3px solid #b98cff;border-radius:4px;background:#1a1530e6;color:#ece6ff;font-size:12px;line-height:1.5}
.assist-panel.off{padding:4px 8px;background:#1a1530b3;border-left-color:#5b4a8f}
.assist-panel.off small{color:#a99fcc;font-size:11px}
.assist-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #6d5ca8;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.assist-toggle b{font-size:12px;letter-spacing:.5px}
.assist-toggle span{font-size:11px;font-weight:700;color:#1a1530;background:#b98cff;border-radius:999px;padding:0 7px}
.assist-toggle[aria-pressed="false"] span{background:#4a4170;color:#d6cff2}
.assist-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.assist-stats{display:flex;gap:14px;margin:0}
.assist-stats div{display:flex;flex-direction:column}
.assist-stats dt{font-size:10px;color:#b6acd9}
.assist-stats dd{margin:0;font-weight:700;font-size:13px;white-space:nowrap}
.assist-advice{display:flex;flex:1 1 220px;align-items:baseline;gap:8px;margin:0}
.assist-advice b{white-space:nowrap;font-size:13px;padding:1px 8px;border-radius:3px;background:#3b2f63}
.assist-advice.assist-fold b{background:#5a3040}.assist-advice.assist-call b,.assist-advice.assist-check b{background:#26485a}.assist-advice.assist-raise b{background:#5d2b6f}
.assist-advice span{color:#d9d2f5}
.assist-line{display:flex;align-items:center;gap:8px;margin:0;color:#d9d2f5}
@media(max-width:900px){
 .assist-panel{gap:4px 8px;padding:5px 8px;margin-bottom:6px;font-size:11px}
 .assist-stats{gap:8px}.assist-stats div{flex-direction:row;align-items:baseline;gap:3px}.assist-stats dd{font-size:12px}
 .assist-advice{flex-basis:100%;gap:6px}.assist-advice b{font-size:12px}
 .assist-toggle{min-height:26px;padding:0 8px}.assist-toggle b{font-size:11px}
 /* The strip is taller than the coach strip, so lift the hand above it. */
 body:not(.tutorial-table) .arena-screen.night-table:has(.assist-panel:not(.off)){--table-floor:calc(316px + env(safe-area-inset-bottom))}
 body:not(.tutorial-table) .arena-screen.night-table:has(.assist-panel:not(.off)):has(.coach-strip){--table-floor:calc(366px + env(safe-area-inset-bottom))}
}
@media(max-width:900px) and (max-height:860px){
 body:not(.tutorial-table) .arena-screen.night-table:has(.assist-panel:not(.off)){--table-floor:calc(298px + env(safe-area-inset-bottom))}
 body:not(.tutorial-table) .arena-screen.night-table:has(.assist-panel:not(.off)):has(.coach-strip){--table-floor:calc(348px + env(safe-area-inset-bottom))}
}
@media(max-width:900px) and (max-height:720px){
 body:not(.tutorial-table) .arena-screen.night-table:has(.assist-panel:not(.off)){--table-floor:calc(290px + env(safe-area-inset-bottom))}
 body:not(.tutorial-table) .arena-screen.night-table:has(.assist-panel:not(.off)):has(.coach-strip){--table-floor:calc(340px + env(safe-area-inset-bottom))}
}
/* プレミアム: the explanation under the advice. */
.assist-explain{flex:1 1 100%;margin:0}
.assist-explain-toggle{min-height:28px;padding:0 10px;border:1px solid #6d5ca8;border-radius:999px;background:transparent;color:#d9cdff;font:inherit;font-size:11px;cursor:pointer}
.assist-explain-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.assist-explain ol{margin:6px 0 0;padding-left:18px;display:grid;gap:3px;color:#e4dcff;font-size:11.5px;line-height:1.6}
.assist-explain-lock{flex:1 1 100%;font-size:11px;color:#c9b4ff;text-decoration:underline;text-underline-offset:3px}
.assist-explain-list{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.75}