body.study-active{overflow:hidden}
.study-facts:empty{display:none}
.study-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #675238;border-radius:10px;background:#16131d;flex:none}
.study-modes button{min-height:40px;padding:7px 10px;background:transparent;border:0;color:#c5b7cd;font-size:14px;border-radius:7px}
.study-modes button[aria-pressed=true]{background:#4b3724;color:#ffe4ad}.study-modes button span{margin-left:4px;font-weight:800}
.study-practice-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.study-practice-nav[hidden]{display:none}.study-practice-nav button{min-height:42px;min-width:80px;font-size:14px}.study-practice-nav span{color:#e5c589;font-size:14px;font-variant-numeric:tabular-nums}
.study-history-category{color:#ffe0a2;font-size:17px;margin:20px 0 8px}.study-history-category:first-child{margin-top:8px}
#study-screen{height:calc(100vh - var(--app-nav-space));height:calc(100dvh - var(--app-nav-space));max-width:1100px;margin:auto;padding:16px 18px 12px;display:flex;flex-direction:column;gap:10px;color:#fff3df}
#study-screen[hidden]{display:none}
.study-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.study-header h1{margin:0;font-size:24px;color:#ffe0a0;letter-spacing:-.03em}.study-header p{margin:2px 0 0;font-size:14px;color:#cdbfd2}
.study-header button,.study-daybar button{min-height:44px;padding:8px 14px;font-size:14px}
.study-daybar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#cbbbd3;flex:none}#study-progress{margin-left:auto;color:#f1d195}
.study-prompt{display:flex;align-items:flex-start;gap:10px;flex:none;padding:12px 14px;background:#302535;border:1px solid #a58b5b;border-radius:10px}
.study-prompt>span{color:#f5d48f;font-size:22px;font-weight:800;line-height:1.4;flex:none}.study-prompt h2{font-size:19px;line-height:1.5;margin:0;color:#fff1cf;overflow-wrap:anywhere}
.study-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;overflow:auto;min-height:0;flex:1;align-items:start;overscroll-behavior:contain}
.study-hand,.study-question{min-width:0;padding:14px;background:#1c1923;border:1px solid #68573c;border-radius:10px}

.study-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:radial-gradient(ellipse at center,#382d42,#211b29);border:2px solid #8c724c;border-radius:20px;box-shadow:inset 0 0 0 4px #141018;min-width:0}
.study-villain,.study-hero{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;font-size:14px;color:#d8ccdf}.study-villain{grid-column:2;grid-row:1;flex-direction:row-reverse}.study-hero{grid-column:1;grid-row:1;flex-direction:row-reverse}.study-hero strong{font-size:14px;color:#f9d798}.study-villain>span,.study-hero strong{max-width:66px;line-height:1.4}
.study-cards{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}
/* Shared card artwork is absolutely positioned; every card must contain it. */
.study-card{position:relative;display:block;flex:0 0 auto;width:38px;height:51px;min-width:0;padding:0;border:0;border-radius:5px;overflow:hidden;isolation:isolate;box-shadow:0 2px 4px #0006}
.study-card>.gf-card-art{position:static;inset:auto;display:block;width:100%;height:100%;max-width:100%;max-height:100%;pointer-events:none}
.study-board-row{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding-top:8px;border-top:1px solid #ad926339}.study-board-row>span{font-size:12px;letter-spacing:.06em;color:#bca68a}.study-board .study-card{width:42px;height:56px}.study-preflop{font-size:13px;letter-spacing:.1em;color:#d2b993;min-height:56px;display:flex;align-items:center}
.study-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.study-facts div{padding:7px 10px;background:#25202e;border-radius:7px;min-width:0}.study-facts dt{font-size:12px;color:#c9b9d1}.study-facts dd{font-size:16px;font-weight:700;color:#ffe2a4;margin:2px 0 0;overflow-wrap:anywhere}
.study-actions{list-style:none;padding:0;margin:10px 0 0;font-size:14px;line-height:1.6;color:#eee2f1}.study-actions li{padding:4px 0 4px 10px;border-left:2px solid #a1845055}.study-actions li+li{margin-top:4px}
#study-options{border:0;padding:0;margin:0 0 10px;display:grid;gap:8px}.study-option{position:relative;display:flex;width:100%;text-align:left;font-weight:400;color:inherit;touch-action:manipulation;align-items:center;gap:10px;padding:11px 12px;min-height:48px;background:#241e2d;border:1px solid #7c684b;border-radius:8px;cursor:pointer;font-size:16px;line-height:1.4}.study-option-letter{display:grid;place-items:center;width:27px;height:27px;border:1px solid #897149;border-radius:6px;flex:none;font-size:14px;color:#f1d79e}.study-option[aria-pressed=true]{border-color:#f4d69a;background:#443322}.study-option:focus-visible{outline:2px solid #ffe9ad;outline-offset:2px}.study-option.correct{border-color:#87b398;background:#20382d}.study-option.incorrect{border-color:#bc7d87;background:#3a252e}.study-option:disabled{opacity:1;cursor:default;filter:none}
#study-submit{width:100%;min-height:46px;font-size:16px}#study-submit:disabled{opacity:.45}
#study-answer{border-top:1px solid #77613d;padding-top:14px;margin-top:14px}#study-verdict{font-size:14px;color:#edb8bf}#study-verdict.is-correct{color:#aedbbe}#study-correct{font-size:18px;line-height:1.5;color:#ffe4ab;margin:8px 0}#study-explanation{font-size:16px;line-height:1.75;color:#ece0ef;margin:8px 0}#study-takeaway{padding:10px 12px;border-left:3px solid #d4b378;background:#e8c88609;color:#eddbb9;font-size:14px;line-height:1.65}#study-source{color:#d0b9df;font-size:13px;display:inline-block;margin:4px 0 12px}#study-source[hidden]{display:none}#study-retry{display:block;min-height:44px;padding:8px 14px;font-size:14px}#study-save-status{font-size:13px;line-height:1.6;color:#e5bd86}#study-save-status:empty{display:none}
.study-history-dialog{width:min(530px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:18px;background:#1d1825;border:1px solid #85714c;border-radius:12px;color:#eee0f2}.study-history-dialog header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.study-history-dialog h2{font-size:20px;margin:0;color:#ffe1a5}.study-history-dialog p{font-size:13px;color:#c9b7d3;margin:7px 0}.study-history-dialog header button{min-height:44px;font-size:14px}.study-history-item{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid #78634577;border-radius:8px;padding:12px;margin:7px 0;background:#28212e;color:#eaddee}.study-history-item small{display:block;font-size:12px;color:#c3aed0;margin-bottom:5px}.study-history-item strong{font-size:15px;font-weight:600}.study-history-item>span:last-child{font-size:13px;color:#ebc891;flex:none}.study-history-item .done{color:#a6d0b3!important}.study-footer{line-height:1.6;margin-top:16px!important}
@media(max-width:760px){#study-screen{padding:10px 12px 8px;gap:8px}.study-header h1{font-size:22px}.study-header p{display:none}.study-header button{padding:6px 12px;min-height:40px}.study-content{display:flex;flex-direction:column;gap:8px}.study-hand,.study-question{width:100%;padding:10px;flex:none}.study-prompt{padding:9px 11px;gap:8px}.study-prompt h2{font-size:17px;line-height:1.45}.study-prompt>span{font-size:20px}.study-table{gap:8px;padding:10px;border-radius:16px}.study-villain,.study-hero{font-size:12px;gap:6px}.study-hero strong{font-size:12px}.study-card{width:32px;height:43px}.study-board .study-card{width:36px;height:48px}.study-board-row{gap:9px;padding-top:6px}.study-preflop{min-height:48px}.study-facts{margin:8px 0 0;gap:6px}.study-facts div{padding:5px 8px}.study-facts dd{font-size:14px}.study-actions{font-size:14px;line-height:1.5;margin-top:7px}.study-actions li{padding-top:2px;padding-bottom:2px}.study-option{padding:8px 10px;font-size:15px;min-height:44px}#study-options{gap:6px}#study-submit{min-height:44px}}
@media(max-width:420px){body>.calculator-tabs button{font-size:11px;padding:3px 1px}body>.calculator-tabs button span{white-space:nowrap}.study-villain,.study-hero{gap:4px}.study-card{width:29px;height:39px}.study-board .study-card{width:34px;height:45px}.study-cards{gap:2px}.study-villain>span,.study-hero strong{max-width:56px}.study-board-row{gap:7px}}

#study-explanation{white-space:pre-line}

.study-random-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}
.study-random-nav[hidden]{display:none}
.study-random-nav span{font-size:12px;color:#cdbfd2;line-height:1.4}
.study-random-nav button{min-height:44px;padding:9px 15px;font-size:15px;white-space:nowrap}
#study-table[hidden]{display:none}
.study-table.study-table-matchup{--matchup-card-width:clamp(44px,9vw,62px);align-items:start;gap:clamp(12px,3vw,28px);padding:clamp(16px,3vw,24px)}
.study-table-matchup .study-hero,.study-table-matchup .study-villain{display:grid;grid-template-rows:auto 1fr;justify-content:stretch;justify-items:center;align-items:center;gap:10px;text-align:center}
.study-table-matchup .study-hero strong{order:-1}
.study-table-matchup .study-hero strong,.study-table-matchup .study-villain>span{max-width:none;color:#f9d798;font-size:14px}
.study-table-matchup .study-card{width:var(--matchup-card-width);height:auto;aspect-ratio:38/51}
.study-table-matchup .study-cards{gap:6px}
.study-villain-range{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:320px;min-width:0;min-height:calc(var(--matchup-card-width)*51/38);padding:8px 10px;border:1px solid #8c724c;border-radius:8px;background:#16131d;text-align:center}
.study-villain-range strong{display:block;font-size:15px;line-height:1.55;overflow-wrap:anywhere;color:#fff0d5}
.study-villain-range small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#cdbfd2}
.study-villain-range[hidden],#study-villain-cards[hidden]{display:none}

.study-table.study-table-side-board{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:14px 20px}
.study-table-side-board .study-hero,.study-board-example{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.study-table-side-board .study-hero{order:-1}
.study-table-side-board .study-hero strong,.study-board-example>span{max-width:none;font-size:14px;line-height:1.4;color:#f9d798;text-align:center}
.study-table-side-board .study-hero strong{order:-1}
.study-table-side-board .study-card{width:clamp(30px,5.2vw,42px);height:auto;aspect-ratio:38/51}

/* Stage selection remains compact above the question on phones and unfolded screens. */
body.study-active:has(#study-screen.practice-active){overflow:auto}
#study-screen.practice-active{height:auto;min-height:calc(100dvh - var(--app-nav-space))}
/* A compact full-width situation above the answers avoids unused side columns. */
#study-screen.practice-active .study-content{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;flex:none;overflow:visible}
.study-practice-panel{flex:none;border:1px solid #796344;border-radius:12px;padding:8px;background:#211b27}
.study-stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.study-stage-tabs button{min-width:0;min-height:52px;padding:7px 4px;font-size:16px;white-space:nowrap;background:transparent;border-color:transparent;color:#d7cbdc}
.study-stage-tabs button[aria-pressed=true]{background:#4b3724;border-color:#d4b378;color:#ffe4ad}
.study-stage-tabs small{display:block;margin-top:1px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.study-practice-score{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:6px}
.study-practice-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.study-practice-score p{margin:0;font-size:14px;color:#f2d6a0;line-height:1.5;font-variant-numeric:tabular-nums}
.study-practice-score button{min-height:44px;padding:6px 10px;white-space:nowrap;font-size:14px}
.study-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.study-result-stats>div{background:#29232f;border:1px solid #80694866;border-radius:10px;padding:12px 5px}
.study-result-stats span{display:block;font-size:14px;color:#d9cbdc}
.study-result-stats strong{display:block;font-size:clamp(25px,5vw,34px);color:#ffe1a5;font-variant-numeric:tabular-nums}
#study-results-correct{color:#aedbbe}#study-results-wrong{color:#f0b0ba}
.study-result-reaction{--reaction-accent:#cdbbdc;display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px solid #80694866;border-left:3px solid var(--reaction-accent);border-radius:10px;background:#29232f}
.study-result-reaction[data-tone=perfect]{--reaction-accent:#ffdf8b;background:linear-gradient(120deg,#493722,#29232f)}
.study-result-reaction[data-tone=excellent]{--reaction-accent:#f4cd8c}
.study-result-reaction[data-tone=strong],.study-result-reaction[data-tone=encourage]{--reaction-accent:#aedbbe}
.study-result-reaction[data-tone=growing]{--reaction-accent:#b5cffa}
.study-result-reaction-icon{flex:none;font-size:32px;line-height:1.2}
.study-result-reaction>div{min-width:0}
.study-result-reaction strong{display:block;font-size:18px;line-height:1.5;color:var(--reaction-accent);word-break:keep-all;overflow-wrap:anywhere}
.study-results-dialog .study-result-reaction p{font-size:15px;line-height:1.65;margin:5px 0 0;color:#e3d7e9;word-break:keep-all;overflow-wrap:anywhere}
.study-results-dialog[open] .study-result-reaction-icon{animation:study-result-pop .45s ease-out both}
@keyframes study-result-pop{0%{transform:scale(.85)}65%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.study-results-dialog[open] .study-result-reaction-icon{animation:none}}
.study-results-dialog h3{font-size:17px;margin:20px 0 8px}.study-results-dialog .study-result-note{font-size:13px;line-height:1.6;margin-top:12px}
.study-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.study-result-actions button{flex:1;min-height:48px;font-size:15px}
.study-history-item .wrong{color:#f0b0ba!important}
@media(max-width:420px){.study-practice-score p{font-size:12px}.study-stage-tabs button{font-size:15px}}
@media(min-width:600px) and (max-width:1100px){.study-stage-tabs button{font-size:18px;min-height:58px}.study-stage-tabs small{font-size:14px}.study-practice-score p{font-size:16px}}

/* Read the position and action sequence before the cards; keep long situations scrollable. */
body.study-active:has(#study-screen.context-active){overflow:auto}
#study-screen.context-active{height:auto;min-height:calc(100dvh - var(--app-nav-space))}
#study-screen.context-active .study-content{flex:none;overflow:visible}
#study-screen.context-active .study-facts{margin:0 0 10px}
#study-screen.context-active .study-facts dd{font-size:15px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
#study-screen.context-active .study-actions{font-size:15px;line-height:1.7;margin:8px 0 0}
#study-actions:not([hidden])+#study-table{margin-top:14px}
@media(min-width:600px) and (max-width:1100px){#study-screen.context-active .study-facts dd,#study-screen.context-active .study-actions{font-size:17px}}

.study-practice-tools{flex-wrap:wrap}
.study-sync{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.study-sync p{font-size:13px;color:#dfc69b;margin:6px 0 0;line-height:1.5}
.study-sync p:empty{display:none}
#study-edit-dialog{width:min(760px,calc(100vw - 24px));max-height:88dvh;overflow:auto;padding:clamp(16px,3vw,28px);box-sizing:border-box;color:#f6ebd8;border:1px solid #a58c5e;border-radius:18px;background:linear-gradient(130deg,#282131,#18171f)}
.study-edit-heading,.study-edit-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.study-edit-heading h2{min-width:0;margin:0;color:#ffe0a1;font-size:24px}.study-edit-heading>button{flex:none}
#study-edit-fields{margin:0;padding:0;border:0;min-width:0;display:grid;gap:16px}
#study-edit-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;font-weight:600;font-size:15px;color:#eed9b2}
#study-edit-fields input,#study-edit-fields textarea,#study-edit-fields select{box-sizing:border-box;width:100%;min-height:46px;background:#13121b;color:#f6f0e6;border:1px solid #807465;border-radius:9px;font:inherit;font-weight:400;font-size:16px;padding:11px;line-height:1.5}
#study-edit-fields textarea{resize:vertical}#study-edit-fields small{font-size:12px;color:#bdb1c2;font-weight:400}
.study-edit-hands{display:flex;gap:28px;flex-wrap:wrap}.study-edit-hands strong,#study-edit-board-row>strong{font-size:14px;color:#edd8b0}
.study-edit-cards{display:flex;gap:7px;margin-top:8px}
/* Shared card artwork is absolutely positioned; anchor it to each card, not the dialog. */
#study-edit-dialog .study-edit-card{position:relative;isolation:isolate;flex:none;padding:0;border-radius:7px;border:1px solid #96815f;width:clamp(42px,10vw,58px);aspect-ratio:110/146;min-height:0;min-width:0;display:grid;place-items:center;background:#131a19;color:#e3c47c;overflow:hidden;line-height:1}
.study-edit-card svg{width:100%;height:100%}.study-edit-card>span{font-size:23px}
#study-edit-picker{padding:12px;border:1px solid #665837;border-radius:10px;background:#19151e}
.study-edit-picker-heading{margin-bottom:10px;font-size:14px}
#study-edit-deck{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;margin-bottom:12px}
#study-edit-deck .study-edit-card{width:100%}#study-edit-deck .study-edit-card:disabled{opacity:.2}#study-edit-deck .study-edit-card[aria-pressed=true]{outline:2px solid #ffe1a1;outline-offset:1px}
#study-edit-error{color:#ffbfc5;font-size:14px;line-height:1.6;white-space:pre-wrap}
.study-edit-actions{display:flex;flex-wrap:wrap;gap:12px}.study-edit-actions button{min-height:50px}
#study-edit-save{flex:1;min-width:180px}#study-edit-delete{color:#ffc0c5;border-color:#ae6a74;background:#442531}
#study-edit-delete[hidden],#study-practice-empty[hidden]{display:none}
#study-screen.practice-empty>.study-content{display:none}
#study-practice-empty{margin:8px 0;padding:30px 16px;text-align:center;line-height:1.6;color:#e9d4af;border:1px solid #806e4e;border-radius:12px}
#study-admin-login{display:block;text-decoration:none;color:#f3d69e;padding:12px 14px;font-size:14px;white-space:nowrap}
@media(max-width:540px){#study-edit-deck{grid-template-columns:repeat(7,minmax(0,1fr))}#study-edit-picker{max-height:310px;overflow:auto}}
@media(max-width:480px){.study-stage-tabs{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,1fr);gap:4px}}

/* A compact quiz: one situation card, two answer columns, and optional tools. */
#study-screen.practice-active{gap:8px}
#study-screen.practice-active>.home-account-line{min-height:56px;padding-bottom:6px}
#study-screen.practice-active .regulars-home-banner{height:52px}
#study-screen.practice-active .study-modes{padding:3px;gap:3px}
#study-screen.practice-active .study-modes button{min-height:44px;padding:6px 4px;font-size:14px}
#study-screen.practice-active .study-practice-panel{border:0;padding:0;border-radius:0;background:transparent}
#study-screen.practice-active .study-stage-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-bottom:1px solid #ffffff0d}
#study-screen.practice-active .study-stage-tabs button{min-height:44px;padding:8px 3px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#b9b0c2;box-shadow:none;font-size:14px}
#study-screen.practice-active .study-stage-tabs button[aria-pressed=true]{border-bottom-color:#eac785;color:#ffe2a5;font-weight:750}
#study-screen.practice-active .study-daybar{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:0 6px;font-size:13px;line-height:1.5;min-width:0}
#study-screen.practice-active #study-date{min-width:0;color:#c7bdce}
#study-screen.practice-active #study-progress{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;color:#dfc797}
#study-progress-bar{grid-column:1/-1;display:block;width:100%;height:3px;margin:2px 0 0;border:0;border-radius:9px;overflow:hidden;appearance:none;background:#ffffff10;color:#dfbd7a}
#study-progress-bar::-webkit-progress-bar{background:#ffffff10;border-radius:9px}
#study-progress-bar::-webkit-progress-value{background:#dfbd7a;border-radius:9px}
#study-progress-bar::-moz-progress-bar{background:#dfbd7a;border-radius:9px}
.study-tools{position:relative;z-index:5;justify-self:end}
.study-tools>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;min-height:44px;border-radius:8px;color:#d2c4aa;font-size:24px;line-height:1;cursor:pointer}
.study-tools>summary::-webkit-details-marker{display:none}
.study-tools[open]>summary,.study-tools>summary:hover{background:#ffffff09;color:#ffe4aa}
#study-screen .study-tools .study-practice-tools{position:absolute;top:calc(100% + 4px);right:0;display:grid;gap:2px;width:228px;max-width:calc(100vw - 32px);margin:0;padding:6px;box-sizing:border-box;border:1px solid #ffffff14;border-radius:12px;background:#25212d;box-shadow:0 12px 32px #0007}
#study-screen .study-practice-tools>button,#study-screen .study-practice-tools .reward-guide-open{width:100%;min-height:44px;margin:0;padding:10px 12px!important;border:0!important;border-radius:7px;background:transparent;color:#e6dccb;font-size:14px!important;line-height:1.5;text-align:left;white-space:normal}
#study-screen .study-practice-tools>button:hover{background:#ffffff09}
#study-practice-score{padding:8px 12px;margin:0;color:#bfb4ca;font-size:12px;line-height:1.5}
.study-tools summary:focus-visible,.study-practice-tools button:focus-visible{outline:2px solid #ffe4aa;outline-offset:1px}
#study-screen.practice-active .study-content{gap:10px;min-width:0}
#study-screen.practice-active .study-hand{width:100%;padding:14px;border:0;border-radius:14px;background:#211d29;box-sizing:border-box}
#study-screen.practice-active .study-prompt{padding:0;margin:0 0 12px;gap:8px;border:0;border-radius:0;background:transparent}
#study-screen.practice-active .study-prompt h2{font-size:18px;line-height:1.5;font-weight:700}
#study-screen.practice-active .study-prompt>span{font-size:19px;line-height:1.4}
#study-screen.practice-active .study-table{--matchup-card-width:44px;padding:0;gap:8px;border:0;border-radius:0;background:transparent;box-shadow:none}
#study-screen.practice-active .study-table-matchup{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center}
#study-screen.practice-active .study-table-matchup .study-hero{grid-column:1;gap:6px}
#study-screen.practice-active .study-table-matchup .study-villain{grid-column:3;gap:6px}
.study-matchup-vs{grid-column:2;grid-row:1;align-self:center;text-align:center;padding-top:22px;color:#8b7f96;font-size:12px;font-weight:750;letter-spacing:.06em}
.study-matchup-vs[hidden]{display:none}
#study-screen.practice-active .study-table-matchup .study-cards{gap:4px}
#study-screen.practice-active .study-table-matchup .study-card{width:var(--matchup-card-width);height:auto;aspect-ratio:38/51}
#study-screen.practice-active .study-villain-range{min-height:calc(var(--matchup-card-width)*51/38);padding:6px 8px;border:0;border-radius:9px;background:#ffffff06;box-sizing:border-box}
#study-screen.practice-active .study-villain-range strong{font-size:14px;line-height:1.4}
#study-screen.practice-active .study-villain-range small{margin-top:3px;font-size:12px;line-height:1.4}
#study-screen.practice-active .study-board-row{padding-top:8px;border:0;gap:8px}
#study-screen.practice-active .study-board .study-card{width:38px;height:51px}
#study-screen.practice-active .study-question{width:100%;padding:0;border:0;background:transparent;box-sizing:border-box}
#study-screen.practice-active #study-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px}
#study-screen.practice-active .study-option{min-width:0;min-height:52px;align-items:center;gap:8px;padding:9px 10px;border:1px solid #ffffff18;border-radius:10px;background:#25212d;font-size:16px;line-height:1.45;box-sizing:border-box}
#study-screen.practice-active .study-option-letter{width:24px;height:24px;margin:0;border:0;border-radius:6px;background:#ffffff09;font-size:13px}
#study-screen.practice-active .study-option[aria-pressed=true]{border-color:#d4b479;background:#443322}
#study-screen.practice-active .study-option.correct{border-color:#87b398;background:#20382d}
#study-screen.practice-active .study-option.incorrect{border-color:#bc7d87;background:#3a252e}
#study-screen.practice-active #study-submit{min-height:44px;padding:8px 12px;font-size:16px}
#study-screen.practice-active .study-practice-nav{gap:8px}
#study-screen.practice-active .study-practice-nav button{min-height:40px;padding:6px 12px;background:transparent;border-color:#ffffff14;font-size:14px}
@media(max-height:760px){
 #study-screen.practice-active{gap:6px}
 #study-screen.practice-active>.home-account-line{min-height:50px;padding-bottom:4px}
 #study-screen.practice-active .regulars-home-banner{height:44px}
 #study-screen.practice-active .study-hand{padding:10px 12px}
 #study-screen.practice-active .study-prompt{margin-bottom:8px}
 #study-screen.practice-active .study-prompt h2{font-size:17px;line-height:1.45}
 #study-screen.practice-active .study-table{--matchup-card-width:38px;gap:6px}
 #study-screen.practice-active .study-board .study-card{width:34px;height:46px}
 #study-screen.practice-active .study-option{min-height:48px;padding:7px 9px}
}
@media(max-width:360px){#study-screen.practice-active .study-daybar{font-size:12px;gap:0 4px}#study-screen.practice-active .study-option{gap:6px;font-size:15px}}