:is(.pf, .poker-table-theme) { --pf-bg: #fcfcfa; --pf-soft: #f6f6f5; --pf-border: #dededd; --pf-ink: #45474b; --pf-muted: #85878a; --pf-accent: #55575b; --pf-accent-soft: #e1e2e2; --pf-call: #65626a; --pf-call-soft: #e5e3e6; --pf-red: #ad6861; color: var(--pf-ink); }
body[data-theme="dark"] :is(.pf, .poker-table-theme) { --pf-bg: #303135; --pf-soft: #252629; --pf-border: #414247; --pf-ink: #e0e0de; --pf-muted: #b7b7b5; --pf-accent: #e0e0de; --pf-accent-soft: #414247; --pf-call: #d0cdd3; --pf-call-soft: #3e3c42; --pf-red: #e0a298; }
.pf [hidden] { display: none !important; }
.pf button, .pf input, .pf select, .pf textarea { font: inherit; }
.pf button { cursor: pointer; }
.pf button:disabled { cursor: default; }
.pf button:focus-visible, .pf input:focus-visible, .pf select:focus-visible, .pf textarea:focus-visible { outline: 2px solid #92949a; outline-offset: 3px; }
.pf-heading { gap: 20px; align-items: center; }
.pf-heading h1 { font-size: clamp(24px, 2.4vw, 34px); letter-spacing: -.055em; }
.pf-heading p { margin-top: 9px; }
.pf-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 9px 13px; border: 1px solid var(--pf-border); border-radius: 7px; color: var(--pf-ink); background: var(--pf-bg); font-size: 11px !important; font-weight: 600 !important; transition: background .18s, border-color .18s; }
.pf-button:hover { background: var(--pf-soft); border-color: #85878a; }
.pf-primary { background: #64666a; color: #fff; border-color: #64666a; }
.pf-primary:hover { background: #53555a; color: #fff; }
body[data-theme="dark"] .pf-primary { background: #626468; border-color: #626468; }
body[data-theme="dark"] .pf-primary:hover { background: #737579; border-color: #737579; }
.pf-wide { width: 100%; }
.pf-setup { padding: 23px 25px; }
.pf-setup-options { display: grid; grid-template-columns: 1.3fr 1.7fr; gap: 16px; }
.pf-setup-options > div { min-width: 0; }
.pf-setup .pf-select-pair { grid-template-columns: 1fr 1fr; gap: 16px; }
.pf-setup #pfEditActive { width: auto; }
.pf-start-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 21px; padding-top: 18px; border-top: 1px solid var(--pf-border); }
#pfStartTraining { min-height: 42px; padding-inline: 20px; font-size: 12px !important; }
.pf-button:disabled { opacity: .45; cursor: not-allowed; }
.pf-training-window .training-window-close { font-size: 11px; }
@media (max-width: 680px) {
  .pf-setup { padding: 19px 16px; }
  .pf-setup-options { grid-template-columns: 1fr; gap: 0; }
  .pf-start-row { flex-direction: column-reverse; align-items: stretch; }
  #pfStartTraining { width: 100%; }
  .pf-training-window .training-window-header { gap: 8px; }
  .pf-training-window .training-window-close { padding-inline: 8px; font-size: 10px; }
}
.pf-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 18px; align-items: start; }
.pf-main, .pf-side { display: grid; gap: 14px; min-width: 0; }
.pf-panel { border: 1px solid var(--pf-border); border-radius: 13px; background: var(--pf-bg); }
.pf-arena { padding: 21px 22px 10px; overflow: hidden; }
.pf-arena-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
.pf-arena-top .pf-table-tools { margin-left: auto; }
.pf-kicker { display: inline-flex; align-items: center; gap: 7px; color: var(--pf-muted); font: 500 9px/1.5 'DM Mono', ui-monospace, monospace; letter-spacing: .12em; }
.pf-kicker i { width: 5px; height: 5px; border-radius: 50%; background: #96989c; box-shadow: 0 0 0 3px #96989c16; }
.pf-replay-stage { container: replayer / inline-size; margin: 20px -22px 16px; border-block: 1px solid var(--pf-border); --hr-custom-felt: var(--pf-custom-felt); --hr-custom-rail: var(--pf-custom-rail); --hr-custom-line: var(--pf-custom-line); --hr-custom-ink: var(--pf-custom-ink); --hr-custom-muted: var(--pf-custom-muted); }
.pf-replay-stage .hr-replay-table:focus-visible { outline: 2px solid #92949a; outline-offset: -3px; border-radius: 12px; }
@media (max-width: 540px) { .pf-replay-stage { margin-inline: -12px; } }
.pf [data-felt] { --pf-felt: #fafaf9; --pf-rail: #dededd; --pf-felt-line: #e1e1e0; --pf-felt-ink: #45474b; --pf-felt-muted: #85878a; }
body[data-theme="dark"] .pf [data-felt="standard"] { --pf-felt: #303135; --pf-rail: #414247; --pf-felt-line: #414247; --pf-felt-ink: #e0e0de; --pf-felt-muted: #b7b7b5; }
.pf [data-felt="preflop"] { --pf-felt: radial-gradient(ellipse at 50% 30%, #edf1e7, #dde7d8 90%); --pf-rail: #d6dcd2; --pf-felt-line: #adbaa44f; --pf-felt-ink: #53634b; --pf-felt-muted: #7e8d75; }
body[data-theme="dark"] .pf [data-felt="preflop"] { --pf-felt: radial-gradient(ellipse at 50% 30%, #39443a, #303b33 90%); --pf-rail: #414743; --pf-felt-line: #859b7740; --pf-felt-ink: #d5dfc6; --pf-felt-muted: #9dad95; }
.pf :is([data-felt="green"], [data-felt="blue"], [data-felt="burgundy"], [data-felt="violet"], [data-felt="custom"]) { --pf-rail: #34373b; --pf-felt-line: #ffffff20; --pf-felt-ink: #f1f1ed; --pf-felt-muted: #d0d3d0; --pf-felt-shadow: 0 5px 0 #00000020, 0 12px 24px #00000020, inset 0 2px 14px #00000018; }
.pf [data-felt="green"] { --pf-felt: radial-gradient(ellipse at 50% 30%, #325d46, #234431 90%); }
.pf [data-felt="blue"] { --pf-felt: radial-gradient(ellipse at 50% 30%, #345570, #253e54 90%); }
.pf [data-felt="burgundy"] { --pf-felt: radial-gradient(ellipse at 50% 30%, #6a3c4c, #4b2b38 90%); }
.pf [data-felt="violet"] { --pf-felt: radial-gradient(ellipse at 50% 30%, #554565, #3d324b 90%); }
.pf [data-felt="custom"] { --pf-felt: var(--pf-custom-felt); --pf-rail: var(--pf-custom-rail); --pf-felt-line: var(--pf-custom-line); --pf-felt-ink: var(--pf-custom-ink); --pf-felt-muted: var(--pf-custom-muted); }
.pf-table-tools { display: flex; align-items: flex-end; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.pf-table-tools > .pf-button { height: 36px; padding-block: 5px; }
.pf .pf-table-setting { display: grid; gap: 5px; margin: 0; color: var(--pf-muted); font: 8px/1.4 ui-monospace, monospace; letter-spacing: .1em; }
.pf .pf-table-setting select { width: 132px; height: 36px; margin: 0; padding: 0 8px; border: 1px solid var(--pf-border); border-radius: 8px; color: var(--pf-ink); background: var(--pf-soft); font-size: 11px; letter-spacing: 0; }
.pf-felt-preview { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 23px; border: 3px solid var(--pf-rail); border-radius: 50%; background: var(--pf-felt); }
.pf-felt-menu { position: fixed; inset: auto; margin: 0; width: min(280px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; padding: 12px; border: 1px solid var(--pf-border); border-radius: 13px; color: var(--pf-ink); background: var(--pf-bg); box-shadow: 0 12px 36px #00000038; }
.pf-felt-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; padding-left: 3px; }
.pf-felt-menu-heading strong { font-size: 12px; font-weight: 600; }
.pf-felt-menu-heading button { display: grid; place-items: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 6px; color: var(--pf-muted); background: transparent; font-size: 20px; }
.pf-felt-menu-heading button:hover { color: var(--pf-ink); background: var(--pf-soft); }
.pf-felt-options { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.pf-felt-option { display: flex; align-items: center; gap: 7px; min-height: 43px; padding: 7px; border: 1px solid transparent; border-radius: 8px; color: var(--pf-muted); background: var(--pf-soft); font-size: 10px !important; text-align: left; }
.pf-felt-option:hover { border-color: var(--pf-border); color: var(--pf-ink); }
.pf-felt-option[aria-pressed="true"] { border-color: #85878a; color: var(--pf-ink); }
.pf-felt-option[aria-pressed="true"] .pf-felt-preview::after { content: '✓'; color: var(--pf-felt-ink); font: 600 10px/1 system-ui, sans-serif; }
.pf .pf-felt-custom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0 0; padding: 10px 3px 0; border-top: 1px solid var(--pf-border); color: var(--pf-muted); font-size: 11px; cursor: pointer; }
.pf .pf-felt-custom.is-selected { color: var(--pf-ink); }
.pf .pf-felt-custom input { width: 40px; height: 28px; padding: 3px; margin: 0; border: 1px solid var(--pf-border); border-radius: 6px; background: var(--pf-soft); cursor: pointer; }
.pf-felt-custom input::-webkit-color-swatch-wrapper { padding: 0; }
.pf-felt-custom input::-webkit-color-swatch { border: 0; border-radius: 3px; }
.pf-felt-custom input::-moz-color-swatch { border: 0; border-radius: 3px; }
.pf-cards { display: flex; gap: 1px; }
.pf-card { --pf-card-width: 44px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 44px; height: 59px; overflow: hidden; border: 1px solid #dddeda; border-radius: 6px; background: #fffffc; color: #3e474a; box-shadow: 0 3px 0 #00000022, 0 5px 12px #0000000d; animation: pf-deal .26s ease-out both; }
.pf-card + .pf-card { animation-delay: .06s; }
.pf-card b { font: 750 24px/1.1 system-ui, sans-serif; letter-spacing: -.06em; }
.pf-card > span { font-size: 20px; line-height: 1.1; }
.pf-suit-h { color: #bb5956; }.pf-suit-d { color: #6289ad; }.pf-suit-c { color: #538568; }
.pf-small-cards .pf-card { --pf-card-width: 25px; }
@media (max-width: 540px) { .pf-table-tools { justify-content: flex-start; } }
@keyframes pf-deal { from { opacity: 0; transform: translateY(-9px) rotate(-5deg); } to { opacity: 1; transform: none; } }
.pf-decision { border-top: 1px solid var(--pf-border); padding-top: 15px; }
.pf-actions { display: flex; gap: 9px; }
.pf-action { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 63px; padding: 11px 13px; border: 1px solid var(--pf-border); border-radius: 8px; color: var(--pf-ink); background: var(--pf-soft); text-align: left; transition: transform .15s, filter .15s; }
.pf-action:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.05); }
.pf-action > span { font-size: 14px; font-weight: 650; }.pf-action > small { display: flex; justify-content: space-between; align-items: center; width: 100%; color: var(--pf-muted); font-size: 9px; }
.pf-action kbd { display: grid; place-items: center; width: 15px; height: 15px; padding: 0; border: 1px solid #88888838; border-radius: 3px; background: transparent; color: inherit; font: 8px ui-monospace, monospace; }
.pf-call { background: var(--pf-call-soft); color: var(--pf-call); border-color: #9c93b12e; }
.pf-raise { background: var(--pf-accent-soft); color: var(--pf-accent); border-color: #96989c44; }
.pf-action:disabled { opacity: .4; }.pf-action.pf-best { opacity: 1; outline: 1px solid var(--pf-accent); outline-offset: 2px; }.pf-action.pf-picked:not(.pf-best) { opacity: .85; border-color: var(--pf-red); }
.pf-feedback { color: var(--pf-muted); font-size: 11px; line-height: 1.6; }.pf-feedback:not(:empty) { margin-top: 14px; padding: 10px 12px; border-radius: 6px; background: var(--pf-soft); }
.pf .pf-correct { color: var(--pf-accent); }.pf .pf-wrong, .pf .pf-danger { color: var(--pf-red); }
.pf-next-row { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-height: 40px; }
.pf-text-button { padding: 5px 0; border: 0; color: var(--pf-muted); background: transparent; font-size: 10px !important; text-align: left; }.pf-text-button:hover { color: var(--pf-ink); }.pf-text-button span { margin-left: 6px; }
.pf-stats { display: grid; grid-template-columns: repeat(3, 1fr) 1.4fr; padding: 17px 4px; }.pf-stats > div { display: grid; gap: 4px; padding-left: 18px; border-right: 1px solid var(--pf-border); }.pf-stats > div:last-child { border: 0; }
.pf-stats > div > span { color: var(--pf-muted); font-size: 9px; }.pf-stats strong { font: 600 21px/1.2 system-ui, sans-serif; letter-spacing: -.04em; }
.pf-stats .pf-stat-note { display: flex; align-items: center; gap: 10px; font-size: 25px; color: #b4a480; }.pf-stat-note span { font-size: 9px; line-height: 1.6; }
.pf-settings, .pf-review { padding: 21px 18px; }.pf-section-heading { display: flex; align-items: center; justify-content: space-between; color: var(--pf-muted); }.pf-section-heading > span:last-child { font-size: 13px; }
.pf h3 { font-size: 14px; margin: 9px 0 18px; font-weight: 650; letter-spacing: -.025em; }
.pf label { display: block; margin: 13px 0 6px; color: var(--pf-muted); font-size: 10px; line-height: 1.5; }
.pf input, .pf select, .pf textarea { width: 100%; min-width: 0; min-height: 36px; padding: 8px 9px; border: 1px solid var(--pf-border); border-radius: 6px; background: var(--pf-soft); color: var(--pf-ink); font-size: 11px; }
.pf-editor input:focus, .pf-editor select:focus, .pf-editor textarea:focus { outline: none; box-shadow: none; border-color: var(--pf-border); }
.pf select { padding-right: 4px; }.pf textarea { resize: vertical; line-height: 1.55; font: 11px/1.6 ui-monospace, monospace; }.pf input:disabled, .pf select:disabled { opacity: .45; }
.pf-select-pair { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8px; }.pf-select-pair > div { min-width: 0; }
.pf-active-info { display: grid; gap: 7px; margin: 19px 0 14px; padding: 15px 12px; border-left: 2px solid #92949a; border-radius: 0 6px 6px 0; background: var(--pf-soft); }.pf-active-info > span { color: var(--pf-muted); font-size: 10px; }.pf-active-info > span.pf-profile-label { font-size: 8px; letter-spacing: .1em; color: var(--pf-accent); }.pf-active-info strong { font-size: 12px; font-weight: 550; }.pf-active-info small { color: var(--pf-muted); font-size: 10px; line-height: 1.55; }
.pf-help { margin: 13px 0 0; color: var(--pf-muted); font-size: 10px; line-height: 1.7; }
.pf-locked { display: grid; place-items: center; width: 40px; height: 40px; margin: 28px auto 14px; border-radius: 12px; color: var(--pf-muted); background: var(--pf-soft); font-size: 22px; }
#pfReview > h3 { text-align: center; margin-bottom: 7px; font-size: 12px; }#pfReview > p { color: var(--pf-muted); font-size: 10px; line-height: 1.7; margin-bottom: 8px; }#pfReview > .pf-locked ~ p { text-align: center; margin: 0 9px 12px; }
.pf-save-note { display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--pf-muted); font-size: 8px; }
.pf-review-result { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; }.pf-review-result > strong { font: 600 26px ui-monospace, monospace; }.pf-review-result > span { padding: 6px 10px; border-radius: 5px; font-size: 11px; background: var(--pf-soft); }.pf-review-result .pf-result-raise { background: var(--pf-accent-soft); color: var(--pf-accent); }.pf-review-result .pf-result-call { background: var(--pf-call-soft); color: var(--pf-call); }
.pf-matrix { display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: 3px; }.pf-cell { display: grid; place-items: center; aspect-ratio: 1.08; min-width: 0; padding: 0; border: 1px solid var(--pf-border); border-radius: 3px; font: 10px ui-monospace, monospace !important; background: var(--pf-soft); color: var(--pf-muted); }.pf-cell-raise { background: var(--pf-accent-soft); color: var(--pf-accent); border-color: #92949a44; }.pf-cell-call { background: var(--pf-call-soft); color: var(--pf-call); border-color: #9c93b144; }.pf-cell-current { outline: 2px solid var(--pf-ink); outline-offset: 1px; z-index: 1; font-weight: 800 !important; }
.pf-review-matrix { gap: 2px; margin-top: 16px; }.pf-review-matrix .pf-cell { font-size: 9px !important; border-radius: 2px; }
#pfReviewNext { margin-top: 16px; }
#pfActions:focus { outline: none; }
.pf-legend { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }.pf-legend > span { display: flex; align-items: center; gap: 4px; color: var(--pf-muted); font-size: 8px; }.pf-legend i { width: 6px; height: 6px; border-radius: 2px; background: #88888844; }.pf-legend i.pf-dot-raise { background: #92949a; }.pf-legend i.pf-dot-call { background: #a498ba; }#pfReview > small { display: block; margin-top: 10px; color: var(--pf-muted); font-size: 8px; line-height: 1.6; }
.pf-recent { margin-top: 20px; padding: 21px 22px 12px; }.pf-recent-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 5px; }.pf-recent-heading h3 { margin: 5px 0 10px; }.pf-recent-heading > span { color: var(--pf-muted); font-size: 9px; }.pf-record { display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 10px 0; border-top: 1px solid var(--pf-border); }.pf-small-cards { flex: 0 0 auto; }.pf-small-cards .pf-card { width: 25px; height: 33px; border-radius: 4px; box-shadow: none; animation: none; }.pf-small-cards .pf-card b { font-size: 14px; }.pf-small-cards .pf-card > span { font-size: 12px; }.pf-record-spot { flex: 1; min-width: 0; }.pf-record-spot strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 500; }.pf-record-spot > span { display: block; margin-top: 5px; color: var(--pf-muted); font: 9px ui-monospace, monospace; }.pf-record-result { font-size: 10px; color: var(--pf-muted); }.pf-empty-history { color: var(--pf-muted); font-size: 11px; padding: 8px 0; }
.pf-empty-table { display: grid; place-content: center; justify-items: center; gap: 20px; height: 100%; font-size: 55px; color: var(--pf-muted); }.pf-empty-table span { font-size: 15px; line-height: 1.7; text-align: center; }
.pf-library-dialog { width: min(1020px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 0; border: 1px solid var(--pf-border); border-radius: 14px; background: var(--pf-bg); color: var(--pf-ink); box-shadow: 0 30px 90px #0004; }
.pf-library-dialog::backdrop { background: #17181ba6; backdrop-filter: blur(4px); }.pf-dialog-top { display: flex; justify-content: space-between; align-items: center; padding: 22px 25px; border-bottom: 1px solid var(--pf-border); }.pf-dialog-top h2 { margin: 6px 0 0; font-size: 21px; letter-spacing: -.045em; }.pf-close { align-self: flex-start; width: 30px; height: 30px; border: 1px solid var(--pf-border); border-radius: 7px; background: var(--pf-soft); color: var(--pf-muted); font-size: 22px !important; }
.pf-library-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); }.pf-library-sidebar { padding: 20px 16px; border-right: 1px solid var(--pf-border); background: var(--pf-soft); }.pf-library-item { display: block; width: 100%; margin-top: 8px; padding: 12px 10px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--pf-ink); text-align: left; }.pf-library-item:hover { background: var(--pf-bg); }.pf-library-item.active { background: var(--pf-bg); border-color: var(--pf-border); }.pf-library-item strong { display: block; font-size: 11px; line-height: 1.5; font-weight: 550; }.pf-library-item > span { display: block; margin-top: 5px; color: var(--pf-muted); font: 9px ui-monospace, monospace; }.pf-library-item small { display: block; margin-top: 6px; color: var(--pf-accent); font-size: 8px; }.pf-library-files { display: grid; gap: 7px; margin-top: 23px; }.pf-library-sidebar > small { display: block; margin: 13px 3px; color: var(--pf-muted); font-size: 9px; line-height: 1.7; }
.pf-editor { padding: 23px 25px; }.pf-editor-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.pf-editor-heading h3 { margin: 0; font-size: 16px; }.pf-editor-heading span { color: var(--pf-muted); font-size: 9px; }.pf-fields { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 9px; }.pf-fields > div { min-width: 0; }.pf-size-fields { grid-template-columns: repeat(3, 1fr); }.pf-range-inputs { display: flex; gap: 12px; }.pf-range-inputs > div { flex: 1; min-width: 0; }.pf label.pf-raise-label { color: var(--pf-accent); }.pf label.pf-call-label { color: var(--pf-call); }.pf-range-inputs label { display: flex; align-items: center; justify-content: space-between; }.pf-range-inputs label > span { font-size: 8px; color: var(--pf-muted); }
.pf-import-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 12px; }.pf-import-row > label { margin: 0; }.pf-import-row > select { width: auto; flex: 0 1 auto; }.pf-import-row > #pfExistingRange { flex: 1; min-width: 140px; max-width: 100%; }.pf-import-row .pf-button { font-size: 10px !important; }
.pf-matrix-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 20px 0 10px; }.pf-matrix-toolbar > span { font-size: 11px; font-weight: 600; }#pfPaintTools { display: flex; gap: 4px; }#pfPaintTools button { padding: 6px 10px; border: 1px solid var(--pf-border); border-radius: 4px; background: var(--pf-soft); color: var(--pf-muted); font-size: 10px; }#pfPaintTools button.active { color: var(--pf-accent); border-color: #96989c55; background: var(--pf-accent-soft); }#pfPaintTools button[data-paint="call"].active { color: var(--pf-call); background: var(--pf-call-soft); }#pfPaintTools button:disabled { opacity: .35; }
.pf-range-summary { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-top: 14px; color: var(--pf-muted); font-size: 10px; }.pf-range-summary strong { color: var(--pf-ink); font-weight: 600; }.pf-range-summary strong:last-child { margin-left: auto; }.pf-editor-message { margin-top: 8px; color: var(--pf-muted); font-size: 10px; line-height: 1.7; }.pf-editor-message:empty { display: none; }.pf-editor-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 13px; margin-top: 8px; border-top: 1px solid var(--pf-border); }.pf-editor-footer > .pf-primary { margin-left: auto; }
@media (min-width: 1450px) { .pf-layout { grid-template-columns: minmax(0, 1fr) 380px; }.pf-review-matrix .pf-cell { font-size: 10px !important; } }
@media (max-width: 1080px) { .pf-layout { grid-template-columns: minmax(0, 1fr); }.pf-training-window .pf-side { grid-template-columns: minmax(0, 1fr); }.pf-review { width: 100%; max-width: 420px; justify-self: center; }.pf-save-note { grid-column: 1 / -1; }.pf-review-matrix { max-width: 380px; margin-inline: auto; }.pf-heading { align-items: flex-start; } }
@media (max-width: 800px) { .pf-layout { grid-template-columns: minmax(0, 1fr); }.pf-side { grid-template-columns: 1fr 1fr; }.pf-save-note { grid-column: 1 / -1; }.pf-heading { align-items: flex-start; }.pf-heading > button { max-width: 160px; text-align: center; }.pf-library-layout { grid-template-columns: 195px minmax(0, 1fr); }.pf-editor { padding: 18px; }.pf-fields { grid-template-columns: 1fr 1fr; }.pf-size-fields { grid-template-columns: repeat(3, 1fr); }.pf-matrix { gap: 2px; }.pf-cell { font-size: 8px !important; } }
@media (max-width: 540px) { .pf-heading { display: block; }.pf-heading > button { max-width: none; margin-top: 16px; }.pf-heading h1 { font-size: 25px; }.pf-arena { padding: 16px 12px 7px; }.pf-kicker { font-size: 8px; }.pf-card { width: 40px; height: 54px; }.pf-action { padding: 10px 9px; min-height: 60px; }.pf-action > span { font-size: 13px; }.pf-action > small { font-size: 8px; }.pf-actions { gap: 7px; }.pf-action kbd { display: none; }.pf-stats { grid-template-columns: repeat(3, 1fr); }.pf-stats .pf-stat-note { display: none; }.pf-stats > div:nth-child(3) { border: 0; }.pf-side { grid-template-columns: minmax(0, 1fr); }.pf-review-matrix { max-width: 340px; margin-inline: auto; }.pf-review-matrix .pf-cell { font-size: 9px !important; }.pf-recent { padding: 17px 14px 10px; }.pf-recent-heading > span { display: none; }.pf-record { gap: 8px; flex-wrap: wrap; }.pf-record-spot strong { font-size: 10px; }.pf-record-result { font-size: 9px; }.pf-record .pf-text-button { font-size: 9px !important; }.pf-library-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 20px); }.pf-dialog-top { padding: 17px; }.pf-dialog-top h2 { font-size: 19px; }.pf-library-layout { display: block; }.pf-library-sidebar { border-right: 0; border-bottom: 1px solid var(--pf-border); padding: 12px; }#pfStrategyList { display: flex; gap: 6px; overflow-x: auto; max-height: 116px; }.pf-library-item { flex: 0 0 155px; }.pf-library-files { display: flex; margin-top: 10px; }.pf-library-files > button { flex: 1; }.pf-library-sidebar > small { display: none; }.pf-editor { padding: 17px 12px; }.pf-range-inputs { display: block; }.pf-size-fields label { font-size: 9px; }.pf-import-row > #pfExistingRange { flex-basis: 100%; }.pf-cell { font-size: 8px !important; }.pf-matrix-toolbar { margin-top: 15px; } }
@media (max-width: 680px) {
  .sidebar .sidebar-label { display: none; }
  .sidebar .nav-link { flex: 1 1 0; flex-direction: column; gap: 2px; height: 45px; padding: 3px 1px; font-size: 9px !important; line-height: 1.3; }
  .sidebar .nav-icon { font-size: 16px; line-height: 18px; }
}
@media (min-width: 541px) { .pf-editor .pf-cell { aspect-ratio: 1.5; } }
@media (prefers-reduced-motion: reduce) { .pf *, .pf *::before, .pf *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }