/* Study workspace components. The poker table geometry lives in styles.css. */
:root{--bg:#101014;--panel:#19181f;--panel-2:#222029;--purple:#9166ed;--accent:#bda5f5;--text:#f5f3f8;--muted:#aaa5b4;--line:#ffffff10;--radius:14px}
body{background:var(--bg);text-rendering:optimizeLegibility}button{font-weight:500}button.primary,.transport button.play-button{background:#9064e8}.panel{background:var(--panel);border-color:#ffffff0d}.topbar{background:#141218;height:74px;padding:0 34px}.topbar-actions{display:flex;align-items:center;gap:9px}.topbar .privacy{font-size:10px}.library-button{background:transparent;font-size:12px}.brand-tag{letter-spacing:1.6px}.tournament-bar{padding:23px 32px 17px}.tournament-bar h1{font-size:20px;letter-spacing:-.6px}.workspace{max-width:1720px;gap:20px}.workspace.history-hidden{grid-template-columns:242px minmax(0,1fr)}.workspace:not(.history-hidden){grid-template-columns:242px minmax(0,1fr) 282px}
.study-toolbar{display:flex;align-items:center;gap:8px;padding:0 28px 20px;max-width:1720px;margin:auto}.study-toolbar button{font-size:11px;min-height:36px;background:transparent;padding:7px 12px}.workspace-label{color:var(--muted);font-size:10px;margin-right:12px}.toolbar-hint{color:#827b8f;font-size:10px;margin-left:auto}.study-toolbar .badge{margin-left:5px;padding:3px 6px}.study-toolbar button:hover,.library-button:hover{background:#9166ed13;color:var(--accent)}body:not(.has-history) .study-toolbar{display:none}.eyebrow{font-weight:600;letter-spacing:1.4px}
.welcome{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;justify-content:normal;text-align:left;min-height:calc(100svh - 145px);padding:65px 45px 80px}.welcome-copy{min-width:0}.welcome-kicker{font-size:9px;letter-spacing:1.5px;color:#b49acb;display:block}.welcome h2{font-size:clamp(42px,4.7vw,65px);font-weight:550;line-height:1.06;letter-spacing:-2.8px;margin:24px 0}.welcome h2 span{color:#b29acb}.welcome p{font-size:14px;line-height:1.9;max-width:400px;color:#aaa3b5;margin-bottom:29px}.welcome .primary{display:inline-flex;gap:38px;min-height:48px;font-size:12px;border-radius:9px}.welcome-hint{display:block;font-size:10px;margin-top:14px}.welcome-steps{display:flex;gap:19px;margin-top:52px;padding-top:24px;font-size:10px;border-color:#ffffff0c}.welcome-steps b{background:transparent;color:#95839f;font-size:10px;padding:0;margin-right:5px}.welcome-preview{border:1px solid #7260803d;background:linear-gradient(140deg,#211b2a,#141219);border-radius:22px;min-height:385px;overflow:hidden}.preview-heading,.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:22px;color:#93899f;font-size:10px}.preview-heading .eyebrow{font-size:8px;margin:0}.preview-live{color:var(--accent);border:1px solid #b49bd83d;border-radius:5px;padding:4px 6px;font-size:8px;letter-spacing:1px}.preview-orbit{position:relative;min-height:255px;display:grid;place-items:center;isolation:isolate}.preview-orbit::before,.preview-orbit::after{content:"";position:absolute;left:15%;right:15%;top:2%;bottom:2%;border:1px solid #a486c92b;border-radius:50%;transform:rotate(-24deg);z-index:-1}.preview-orbit::after{left:8%;right:8%;top:10%;bottom:10%;transform:rotate(24deg)}.preview-cards{display:flex;gap:12px;transform:rotate(-8deg)}.preview-card{width:85px;height:118px;padding:12px;border-radius:9px;color:#24212d;background:#f5f0fc;font-size:35px;font-weight:750;box-shadow:0 8px 20px #0003}.preview-card small{display:block;font-size:30px;line-height:1.2}.preview-card-purple{margin-top:15px;color:#7d4bb7;transform:rotate(18deg);background:#ded0f3}.orbit-label{position:absolute;color:#96869f;font-size:9px;letter-spacing:1px}.orbit-label-top{top:15px;right:28px}.orbit-label-bottom{bottom:12px;left:24px}.preview-footer{border-top:1px solid #ffffff08;font-size:9px;padding:18px 22px}
.hand-panel{padding:18px 13px 13px;max-height:880px}.hand-panel>.panel-title{padding-bottom:18px}.hand-row{padding:11px 5px;border-radius:8px}.hand-row.selected{background:#9166ed12;border-color:#9873d136}.search{background:#121116}.search input{font-size:11px}.quick-filters{gap:4px}.quick-filters button{font-size:10px;border-color:#ffffff0c}.hand-panel select{font-size:10px}.advanced-search{border-top:1px solid var(--line);margin-top:12px}.advanced-search summary{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);padding:11px 4px;list-style:none}.advanced-search summary::-webkit-details-marker{display:none}.advanced-fields{display:grid;gap:11px;padding:6px 2px 12px}.advanced-fields label{display:grid;gap:6px;color:#bcb4c8;font-size:9px}.advanced-fields input,.advanced-fields select{min-width:0;width:100%;border:1px solid var(--line);border-radius:7px;background:#131117;color:var(--text);padding:9px;font-size:11px;min-height:37px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.list-meta{padding-top:9px}.table-heading h2{font-size:21px;letter-spacing:-.5px}.heading-actions button{font-size:10px;background:#ffffff02;border-color:#ffffff0b}.heading-actions button:hover{background:#9166ed12}.heading-actions #favorite{font-size:18px;padding-inline:11px}.heading-actions #history-toggle{color:var(--accent)}.current-action{color:#bfb4ce}.playback{border-color:#ffffff0b;background:#19161f}.playback-header{padding-bottom:3px}.decision-controls button{border-radius:8px}.decision-controls #next-decision{background:#9166ed0c;border-color:#9166ed35}.action-row.active{background:#9166ed12}.notes{max-height:580px}.notes textarea{background:#121116}.tags-section,.bookmarks-section{margin-top:18px;padding-top:3px;border-top:1px solid var(--line)}.tags-section h3,.bookmarks-section h3{font-size:11px;font-weight:600;margin:14px 0 10px}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tags-list>.muted{font-size:10px;line-height:1.7}.tag-chip{display:inline-flex;align-items:center;gap:3px;max-width:100%;background:#9265e916;border:1px solid #a181d033;border-radius:6px;color:#c9b3e6;padding:3px 5px 3px 9px;font-size:10px}.tag-chip>span{overflow-wrap:anywhere}.tag-remove{padding:0;min-width:24px;min-height:26px;background:transparent;border:0;font-size:15px;color:#b5a0cc}.tag-entry{display:flex;gap:6px;margin-top:11px}.tag-entry input{width:100%;min-width:0;background:#121116;border:1px solid var(--line);color:var(--text);padding:9px;border-radius:7px;font-size:11px}.tag-entry button{min-width:36px;min-height:36px;padding:5px;font-size:18px}.tag-presets{display:flex;flex-wrap:wrap;gap:3px;margin-top:8px}.tag-presets button{font-size:8px;min-height:27px;padding:4px 6px;background:transparent;border-color:transparent;color:#9688a7}
.four-colors .card[data-suit=d],.four-colors .suit-d{color:#2672c9}.four-colors .card[data-suit=c],.four-colors .suit-c{color:#14895a}.four-colors .card[data-suit=h],.four-colors .suit-h{color:#d13b63}.four-colors .card[data-suit=s],.four-colors .suit-s{color:#252234}
dialog{border-color:#6f557e66;border-radius:18px;background:#1b1722;padding:27px}.wide-dialog{width:760px;max-width:calc(100% - 28px)}.dialog-heading h2{font-weight:550;font-size:25px;letter-spacing:-.7px}.dialog-heading .eyebrow{font-size:8px}.dialog-status{font-size:11px!important;line-height:1.7;margin:15px 0 0!important;color:#b4a2c6!important}.library-list,.review-list{display:grid;gap:10px;max-height:52svh;overflow:auto;padding:2px;scrollbar-width:thin}.library-item,.review-item{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#121016;border:1px solid #ffffff0d;border-radius:11px;padding:16px}.library-info,.review-info{display:grid;gap:7px;min-width:0}.library-info strong,.review-info strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.library-info span,.review-info span{font-size:11px;line-height:1.7;color:#a79aB5;overflow-wrap:anywhere}.review-info small{font-size:9px;color:#9885ac}.library-actions,.review-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;flex-shrink:0;max-width:240px}.library-actions button,.review-actions button{font-size:10px;min-height:36px;padding:8px 12px}.review-item.is-reviewed{opacity:.65}.review-item.is-reviewed .review-info strong{color:#84c6a5}.empty-state{padding:32px 18px;color:#9d8daa;font-size:12px;line-height:1.8;text-align:center}.stack-chart{padding:12px;background:#121016;border:1px solid #ffffff0c;border-radius:12px}.stack-chart svg{display:block;width:100%;height:auto;min-height:160px}.chart-point{cursor:pointer}.chart-point:focus{outline:none}.chart-point:focus circle:last-child{stroke:white;stroke-width:3}.chart-navigation{display:flex;gap:9px;margin-top:12px}.chart-navigation select{flex:1;min-width:0;font-size:11px;background:#201a29}.chart-navigation button{font-size:11px}.app-footer{padding-top:26px;color:#82778f}
@media(max-width:1200px){.workspace,.workspace.history-hidden,.workspace:not(.history-hidden){grid-template-columns:210px minmax(0,1fr)}.welcome{gap:40px;padding-inline:35px}.welcome h2{font-size:51px}.study-toolbar{padding-inline:20px}}
@media(max-width:850px){.workspace,.workspace.history-hidden,.workspace:not(.history-hidden){grid-template-columns:minmax(0,1fr)}.topbar-actions{gap:6px;margin-left:auto}.topbar .library-button{min-height:40px;font-size:10px;padding:7px 10px}.topbar .primary{font-size:10px;padding:8px 11px}.study-toolbar{padding:3px 14px 13px;gap:7px}.study-toolbar button{font-size:10px;min-height:40px;padding:8px 10px}.workspace-label,.toolbar-hint{display:none}.tournament-bar h1{font-size:16px}.table-heading h2{font-size:18px}.heading-actions{gap:4px}.heading-actions button{min-height:40px;font-size:9px;padding:7px}.welcome{grid-template-columns:1fr 1fr;gap:30px;min-height:calc(100svh - 140px);padding:45px 25px}.welcome h2{font-size:43px;letter-spacing:-1.8px}.welcome p{font-size:12px}.welcome-kicker{font-size:7px;line-height:1.8}.welcome-preview{min-height:320px}.preview-orbit{min-height:210px}.preview-card{width:65px;height:94px;font-size:28px;padding:9px}.preview-card small{font-size:25px}.preview-heading{padding:17px 13px}.preview-heading .eyebrow{font-size:6px}.welcome-steps{font-size:8px;gap:9px}.advanced-fields{grid-template-columns:1fr 1fr;gap:13px}.advanced-fields label{font-size:11px}.advanced-fields .field-pair{grid-column:1/-1}.advanced-fields input,.advanced-fields select{font-size:16px;min-height:44px}.advanced-fields #clear-search{grid-column:1/-1;min-height:44px}.search input{font-size:16px}.quick-filters button{font-size:11px}.hand-panel{max-height:none;min-height:60vh}.hand-panel select{font-size:13px;min-height:44px}.advanced-search summary{min-height:44px;font-size:12px}.notes{max-height:none}.tag-entry input{font-size:16px;min-height:44px}.tag-entry button{min-width:44px;min-height:44px}.tag-presets button{font-size:10px;min-height:36px}.tag-remove{min-width:30px;min-height:30px}.tag-chip{font-size:11px}.tags-list>.muted{font-size:11px}.wide-dialog{max-width:calc(100% - 20px);padding:22px;max-height:calc(100svh - 20px)}.library-item,.review-item{padding:14px;gap:14px}.library-actions button,.review-actions button{min-height:44px;font-size:11px}.review-info span,.library-info span{font-size:12px}.library-list,.review-list{max-height:55svh}.chart-navigation{flex-wrap:wrap}.chart-navigation select{min-height:44px;font-size:13px}.chart-navigation button{min-height:44px}.transport{background:#1c1626}.playback-options label{min-height:30px}.library-info strong,.review-info strong{font-size:13px}}
@media(max-width:600px){.welcome{display:block;padding:50px 23px 40px;text-align:left;min-height:calc(100svh - 145px)}.welcome h2{font-size:48px;line-height:1.08;margin:24px 0 20px;letter-spacing:-2px}.welcome p{font-size:13px;max-width:310px}.welcome .primary{min-height:48px;font-size:12px}.welcome-hint{font-size:9px}.welcome-steps{gap:17px;font-size:9px;margin-top:37px;max-width:350px}.welcome-steps span{max-width:100px;line-height:1.8}.welcome-steps b{display:block;margin:0 0 7px;width:auto;height:auto;padding:0}.welcome-preview{margin-top:35px;min-height:250px;max-width:390px}.preview-orbit{min-height:155px}.preview-card{width:56px;height:80px;font-size:23px;padding:8px}.preview-card small{font-size:21px}.preview-cards{gap:10px}.preview-heading,.preview-footer{padding:15px 17px}.preview-heading .eyebrow{font-size:7px}.orbit-label{font-size:8px}.topbar .privacy{display:none}.topbar{padding-inline:12px}.topbar .brand{font-size:22px}.topbar .brand-tag{display:none}.topbar .brand-icon{font-size:28px}.topbar .session-clear{font-size:8px;max-width:42px;padding:4px;line-height:1.5}.topbar .library-button{font-size:9px;padding:7px}.topbar .primary{font-size:10px;padding:9px}.tournament-bar{padding:12px}.study-toolbar{padding:0 10px 10px}.study-toolbar button{min-height:40px;font-size:10px;flex:1}.table-heading .eyebrow{max-width:130px;font-size:7px}.table-heading h2{font-size:17px}.heading-actions button{font-size:8px;padding:6px;min-height:40px}.heading-actions #favorite{font-size:16px;padding:6px 7px}.heading-actions #units{max-width:53px;line-height:1.5}.heading-actions #export-image{max-width:53px}.heading-actions #history-toggle{max-width:56px}.advanced-fields{grid-template-columns:1fr}.advanced-fields .field-pair{grid-column:auto}.library-item,.review-item{display:grid;gap:13px}.library-actions,.review-actions{max-width:none;justify-content:flex-start}.library-actions .primary,.review-actions .primary{flex:1}.library-info strong,.review-info strong{font-size:14px}.dialog-heading h2{font-size:21px}.wide-dialog{padding:19px}.chart-navigation{display:grid;grid-template-columns:1fr}.dialog-footer>span{font-size:9px}.panel-footer small{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(max-width:850px) and (orientation:portrait){body.has-history .arena{height:clamp(440px,calc(100svh - 365px - env(safe-area-inset-bottom,0px)),620px)}}
.tool-label-short{display:none}
@media(max-width:600px){.tool-label-full{display:none}.tool-label-short{display:inline}.study-toolbar{gap:5px}.study-toolbar button{flex:1;min-width:0;font-size:10px;padding:7px}.study-toolbar button>span[aria-hidden]{display:none}}
@media(max-width:850px) and (orientation:portrait){.seat.hero{top:86%;width:clamp(76px,24vw,112px)}.table-bet.hero-bet{top:65%}}
.chart-view-controls{display:flex;gap:7px;flex-wrap:wrap}.chart-view-controls button{font-size:11px;min-height:40px;background:transparent}.chart-view-controls button[aria-pressed=true]{background:#9166ed20;color:#d0baf4;border-color:#b49aff66}.chart-caption{color:#a79ab5;font-size:11px;margin:13px 0 3px}.chart-detail{font-size:13px;color:#e1d2f6;margin:5px 0 13px;font-variant-numeric:tabular-nums}.chart-empty-hint{border:1px solid #9e7ccc40;background:#9166ed0c;border-radius:8px;padding:12px;color:#bfb0d0;font-size:12px;line-height:1.7;margin-bottom:13px}.stack-chart svg{height:auto;min-height:0;aspect-ratio:8 / 3;overflow:visible}
@media(max-width:600px){.chart-view-controls{display:grid;grid-template-columns:1fr 1fr}.chart-view-controls button{font-size:10px;min-height:44px;padding:7px}.stack-chart{padding:12px 8px}.stack-chart svg text{font-size:20px}.chart-detail,.chart-empty-hint{font-size:11px}.chart-caption{font-size:10px}}