@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#081310;--panel:#10231d;--panel2:#19382c;--line:#2e5140;--text:#f5f4e9;--muted:#b3cabe;--gold:#f2ca79;--mint:#98dfba;--red:#f4a399;font:16px/1.5 'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 65% -10%,#204b37 0,transparent 37%),var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.site-head{height:70px;background:#0d1c17;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font:700 19px 'Space Grotesk';letter-spacing:-.04em;white-space:nowrap}.brandmark{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#173023;box-shadow:inset 0 0 0 5px #173023,inset 0 0 0 7px var(--gold)}.site-head nav{display:flex;align-items:center;gap:5px}.site-head nav a{text-decoration:none;color:var(--muted);font-weight:700;font-size:14px;padding:9px 11px;border-radius:9px;white-space:nowrap}.site-head nav a.active{background:#284538;color:var(--gold)}.site-head nav a:hover{color:#fff}.page{max-width:1700px;margin:auto;padding:30px clamp(18px,3vw,46px) 60px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.intro h1{font:700 clamp(31px,3.5vw,48px)/1.07 'Space Grotesk';letter-spacing:-.055em;margin:8px 0}.intro p{color:var(--muted);font-size:16px;margin:0;max-width:720px}.kicker{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.new-hand,.secondary{background:#213b2f;color:var(--text);border:1px solid #547660;border-radius:10px;padding:10px 14px;font-weight:700;white-space:nowrap}.new-hand:hover,.secondary:hover{border-color:var(--gold)}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 350px;gap:18px;align-items:start}.left,.right,main{min-width:0}.stats,.profiles,.table-wrap,.coach,.log{background:linear-gradient(150deg,#142d24,#0e211a);border:1px solid var(--line);border-radius:18px}.stats,.profiles{padding:19px}.stats p{color:var(--muted);font-size:12px;margin:14px 0 0}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:17px}.stat-row div{min-width:0}.stat-row b{font:700 24px 'Space Grotesk';color:var(--gold);display:block}.stat-row span{font-size:11px;color:var(--muted);display:block;line-height:1.2}.profiles{margin-top:16px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0}.profile:first-of-type{margin-top:9px}.profile div{min-width:0}.profile b{font-size:14px;display:block}.profile span:not(.avatar){display:block;font-size:12px;color:var(--muted)}.profile small{font-size:11px;color:var(--gold)}.avatar{width:30px;height:30px;border-radius:8px;background:#42664e;color:#eaffee;display:grid;place-items:center;flex:none;font:700 12px 'Space Grotesk'}.avatar.you{background:var(--gold);color:#203326}.table-wrap{overflow:hidden}.table-top{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:14px;border-bottom:1px solid var(--line)}.table-top strong{font:700 20px 'Space Grotesk';color:var(--gold);white-space:nowrap}.felt{height:480px;margin:25px 22px 16px;border:3px solid #73a883;border-radius:47%;position:relative;background:radial-gradient(circle at center,#29674c 0,#174531 68%,#123826 100%);box-shadow:0 0 0 9px #18382a,0 20px 40px #0005}.felt-inner{position:absolute;inset:21px;border:1px solid #a1c3a05c;border-radius:46%;pointer-events:none}.player{position:absolute;z-index:2;width:170px;min-height:76px;background:#0a2119e8;border:1px solid #5b936f;border-radius:11px;padding:7px 9px;box-shadow:0 8px 18px #0004}.player.acting{border-color:var(--gold);box-shadow:0 0 0 2px #f2ca7955,0 8px 18px #0004}.player.folded{opacity:.48}.seat-0{bottom:-12px;left:50%;transform:translateX(-50%)}.seat-1{bottom:95px;left:-24px}.seat-2{top:65px;left:-24px}.seat-3{top:-17px;left:50%;transform:translateX(-50%)}.seat-4{top:65px;right:-24px}.identity{display:flex;align-items:center;gap:7px}.identity-text{min-width:0;flex:1}.identity-text b{display:block;font-size:13px;line-height:1.1}.identity-text small{display:block;font-size:11px;color:#b9d4c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dealer{background:var(--gold);color:#203428;font:700 11px 'Space Grotesk';width:21px;height:21px;border-radius:50%;display:grid;place-items:center;flex:none}.player-bottom{display:flex;justify-content:space-between;align-items:end;gap:4px;margin-top:5px}.move{font-size:10px;color:#c2d7c6;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:87px}.hole{display:flex;gap:3px}.playing-card{width:29px;height:39px;flex:none;border-radius:4px;background:#faf7eb;box-shadow:0 2px 5px #0005;padding:2px 3px;display:flex;flex-direction:column;justify-content:space-between;align-items:start;font:700 13px/1 'Space Grotesk'}.playing-card span{align-self:flex-end;font-size:15px}.playing-card.red{color:#c8444a}.playing-card.black{color:#23362c}.playing-card.back{border:1px solid var(--gold);background:#1d4c37;color:var(--gold);align-items:center;justify-content:center;font-size:17px}.board-zone{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.board-caption{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:#d0e2cb;margin-bottom:9px}.board-cards{display:flex;gap:5px}.board-cards .playing-card,.card-slot{width:40px;height:54px}.board-cards .playing-card{font-size:16px;padding:3px 4px}.board-cards .playing-card span{font-size:19px}.card-slot{display:block;border:1px dashed #a5c8a4a8;border-radius:5px;background:#17422d80}.table-bottom{display:flex;justify-content:space-between;gap:10px;padding:7px 19px 16px;color:var(--muted);font-size:12px}.log{padding:19px 22px;margin-top:16px}.log ol{margin:10px 0 0;padding-left:20px;color:#c9decf;font-size:13px;max-height:180px;overflow:auto}.log li{padding:2px 0}.coach{padding:24px}.coach h2{font:700 29px/1.1 'Space Grotesk';letter-spacing:-.04em;margin:10px 0 15px}.prompt{color:#d3e5d6;font-size:15px;margin:0 0 17px}.actions{display:flex;gap:7px;flex-wrap:wrap}.action{flex:1;min-width:72px;padding:12px 9px;color:var(--text);background:#1c3a2d;border:1px solid #557663;border-radius:9px;font-weight:700}.action:hover,.action.selected{border-color:var(--gold);background:#40543b}.action small{display:block;font-size:11px;color:var(--mint)}.amount{background:#1a392b;border:1px solid #4c7557;border-radius:11px;padding:14px;margin-top:17px}.amount label{font-size:14px;font-weight:700;display:block;margin-bottom:8px}.input-row{display:flex;align-items:center;gap:8px}.input-row input{width:100%;min-width:0;background:#0a1d16;color:#fff;border:1px solid #7ca285;border-radius:8px;padding:10px 11px;outline:none}.input-row input:focus{border-color:var(--gold)}.input-row span{font-weight:700;color:var(--gold)}.presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.presets button{background:#244a36;color:#eef9ef;border:1px solid #578065;border-radius:7px;padding:5px 8px;font-size:12px}.presets button:hover{border-color:var(--gold)}.amount small{display:block;color:var(--muted);margin-top:9px;line-height:1.35;font-size:12px}.primary{background:var(--gold);color:#17271c;border:1px solid var(--gold);border-radius:10px;padding:12px 16px;font-weight:700}.primary:hover{background:#ffdc95}.wide{width:100%;margin-top:18px}.coach-note{color:var(--muted);font-size:12px;line-height:1.45;margin:15px 0 0}.error{color:#ffd2c9;font-size:13px;margin:13px 0 0}.last-score{color:var(--muted);font-size:13px;margin:12px 0 0}.last-score b{color:var(--gold)}.score-line{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:6px 0 14px;border-bottom:1px solid var(--line)}.score-line>div>span{display:block;color:var(--muted);font-size:13px}.score-line strong{font:700 52px 'Space Grotesk';letter-spacing:-.06em}.score-line strong small{font-size:19px;letter-spacing:0;color:var(--muted)}.score-line strong.excellent{color:var(--mint)}.score-line strong.okay{color:var(--gold)}.score-line strong.needs-work{color:var(--red)}.score-label{font-size:12px;color:var(--muted);text-align:right}.feedback-block{padding:14px 0;border-bottom:1px solid var(--line)}.feedback-block h3{font:700 15px 'Space Grotesk';color:var(--gold);margin:0 0 5px}.feedback-block p{color:#d0e0d3;font-size:14px;margin:0}.feedback-controls{display:flex;gap:8px;margin-top:18px}.feedback-controls button{flex:1;white-space:normal}.result{color:#e2eee2;font-size:15px}.result-detail{color:var(--mint);font-size:14px}.coach:not(.feedback) .primary{margin-top:19px}@media(max-width:1400px){.workspace{grid-template-columns:200px minmax(0,1fr) 320px}.felt{height:440px;margin-left:16px;margin-right:16px}.player{width:153px}.seat-1,.seat-2{left:-13px}.seat-4{right:-13px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.left{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-column:1/-1}.profiles{margin:0}.felt{height:430px}.coach{padding:20px}}@media(max-width:760px){.site-head{height:auto;min-height:62px;padding:10px 14px;display:block}.brand{font-size:16px}.brandmark{width:30px;height:30px}.site-head nav{overflow:auto;margin-top:8px}.site-head nav a{font-size:12px;padding:7px 8px}.page{padding:21px 14px 55px}.intro{align-items:start;margin-bottom:17px}.intro h1{font-size:33px}.intro p{font-size:14px}.new-hand{font-size:12px;padding:7px 9px}.workspace{display:flex;flex-direction:column}.workspace main,.right,.left{width:100%}.workspace main{order:1}.workspace .right{order:2}.workspace .left{order:3;display:block}.stats,.profiles{margin-top:14px}.felt{height:390px;margin:22px 17px 18px}.player{width:130px;min-height:65px;padding:5px 6px}.player .avatar{width:25px;height:25px}.identity-text b{font-size:11px}.identity-text small{font-size:9px}.move{font-size:9px;max-width:60px}.playing-card{width:25px;height:34px;font-size:11px}.playing-card span{font-size:13px}.seat-0{bottom:-10px}.seat-1{bottom:70px;left:-12px}.seat-2{top:56px;left:-12px}.seat-3{top:-13px}.seat-4{top:56px;right:-12px}.board-cards .playing-card,.card-slot{width:32px;height:44px}.board-cards .playing-card{font-size:13px}.board-cards .playing-card span{font-size:15px}.board-cards{gap:3px}.table-bottom{display:block}.table-bottom span{display:block}.coach{padding:20px}.coach h2{font-size:26px}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.profiles .kicker{grid-column:1/-1}}@media(max-width:390px){.felt{height:355px;margin-left:10px;margin-right:10px}.player{width:112px}.seat-1,.seat-2{left:-10px}.seat-4{right:-10px}.board-cards .playing-card,.card-slot{width:29px;height:40px}}
.header-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px;font-weight:700}.page{padding-top:22px}.header-actions .new-hand{color:var(--text)}@media(max-width:760px){.site-head{display:flex;align-items:center}.header-actions span{display:none}.page{padding-top:14px}}
.move-values{display:grid;gap:6px}.move-values div{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border-radius:6px;background:#1d392c;font-size:13px;color:#d9e9dd}.move-values b{color:var(--gold);white-space:nowrap}
.value-help{font-size:12px;color:var(--muted);margin:0 0 8px}

/* Keep table context and the next decision together on narrow screens. */
button{touch-action:manipulation}
.log summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none}
.log summary::-webkit-details-marker{display:none}
.log summary::after{content:'+';font-size:20px;line-height:1}
.log[open] summary::after{content:'−'}
.log summary span{margin-left:auto;color:var(--muted);font-size:11px;letter-spacing:0;text-transform:none}
@media(max-width:1100px) and (min-width:761px){
 .left{grid-template-columns:200px minmax(0,1fr)}
 .profiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px}
 .profiles>.kicker{grid-column:1/-1}.profile{display:block;padding:6px 0;margin:0}.profile .avatar{display:none}
 .profile:first-of-type{margin:0}.profile span:not(.avatar){font-size:11px}
 .felt{margin-left:12px;margin-right:12px}.player{width:125px}
 .player .avatar{display:none}.identity-text small{font-size:10px}
 .board-cards .playing-card,.card-slot{width:30px;height:42px}
}
@media(max-width:760px){
 .site-head{min-height:60px;gap:8px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}
 .brand{font-size:clamp(14px,4vw,17px);gap:7px}.brandmark{width:28px;height:28px}
 .new-hand{min-height:44px;font-size:13px;padding:8px 10px}
 .page{padding:10px max(10px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 .workspace{gap:10px}.workspace main{display:contents}
 .table-wrap{order:1;width:100%;border-radius:14px}.workspace .right{order:2}.log{order:3;width:100%;margin:0;padding:5px 14px}.workspace .left{order:4}
 .table-top{padding:10px 12px;font-size:12px;gap:6px}.table-top strong{font-size:17px}
 .felt{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:72px 72px 62px 76px;grid-template-areas:'nora sam' 'leo maya' 'board board' 'hero hero';gap:7px 12px;margin:10px 10px 8px;padding:10px;border-radius:30px;border-width:2px;box-shadow:0 0 0 4px #18382a}
 .felt-inner{inset:8px;border-radius:24px}
 .player{position:relative;inset:auto;transform:none;width:100%;min-width:0;min-height:0;padding:6px 8px;border-radius:10px}
 .seat-0{grid-area:hero;width:min(210px,100%);justify-self:center;border-color:var(--gold)}
 .seat-1{grid-area:maya}.seat-2{grid-area:leo}.seat-3{grid-area:nora}.seat-4{grid-area:sam}
 .player .avatar{display:none}.identity{gap:4px}.identity-text b{font-size:13px}.identity-text small{font-size:11px}
 .dealer{width:18px;height:18px;font-size:10px}.player-bottom{margin-top:4px;align-items:center;gap:3px}
 .move{font-size:11px;max-width:none;white-space:normal;overflow:visible;line-height:1.2;flex:1;overflow-wrap:anywhere}
 .playing-card{width:24px;height:31px;font-size:12px}.playing-card span{font-size:13px}
 .seat-0 .playing-card{width:30px;height:37px;font-size:14px}.seat-0 .playing-card span{font-size:16px}
 .board-zone{position:relative;grid-area:board;inset:auto;transform:none;align-self:center;justify-self:center}
 .board-caption{font-size:10px;margin-bottom:4px}.board-cards{gap:5px;justify-content:center}
 .board-cards .playing-card,.card-slot{width:32px;height:40px}.board-cards .playing-card{font-size:14px}.board-cards .playing-card span{font-size:16px}
 .table-bottom{display:flex;flex-wrap:wrap;gap:2px 10px;padding:5px 12px 9px;font-size:10px}.table-bottom span{display:inline}
 .coach{padding:16px;border-radius:14px;scroll-margin-top:10px}.coach h2{font-size:24px;margin:6px 0 10px}.prompt{font-size:14px;margin-bottom:12px}
 .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.action{min-width:0;min-height:48px;padding:9px 5px}
 .primary,.secondary{min-height:48px}.wide,.coach:not(.feedback) .primary{margin-top:12px}
 .amount{padding:12px;margin-top:12px}.input-row input{font-size:16px;min-height:48px}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.presets button{min-height:44px;font-size:13px;padding:7px 5px}
 .coach-note{font-size:12px;margin-top:11px}.stats{margin:0;padding:14px}.stat-row{margin-top:8px}.stat-row span{font-size:12px}
 .profiles{padding:14px;margin-top:10px}.profile{gap:7px}.profile span:not(.avatar){font-size:12px}
 .log ol{max-height:none;font-size:14px;margin-bottom:12px}.feedback-block p{font-size:14px}.score-line strong{font-size:44px}
}
@media(max-width:350px){
 .felt{gap:7px 8px;padding:8px;margin-left:8px;margin-right:8px}.player{padding:6px}.identity-text small{font-size:10px}.hole{gap:2px}.move{font-size:10px}.brandmark{display:none}
 .table-top{font-size:11px}.table-top strong{font-size:15px}.feedback-controls{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Decision-first practice flow and accessible interaction states. */
.brand h1{font:inherit;letter-spacing:inherit;margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-150%);padding:12px 16px;border-radius:8px;background:var(--gold);color:var(--bg);font-weight:700}
.skip-link:focus{transform:translateY(0)}
summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.practice-steps{display:flex;list-style:none;margin:0 0 20px;padding:0;gap:0;color:var(--muted);font-size:12px;font-weight:700}
.practice-steps li{display:flex;align-items:center;gap:5px;flex:1}.practice-steps li:not(:last-child)::after{content:'';height:1px;flex:1;margin:0 8px;background:var(--line)}
.practice-steps li>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;font-size:11px;flex:none}
.practice-steps [aria-current]{color:var(--gold)}.practice-steps [aria-current]>span{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.decision-context{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b1d16;margin-bottom:14px}
.context-cards{display:flex;gap:4px}.decision-context b,.decision-context small{display:block}.decision-context b{font-size:13px}.decision-context small{font-size:12px;color:var(--muted)}
.action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:78px}
.action>span{font-size:12px;color:var(--mint)}.action small{font-size:10px;color:var(--muted);font-weight:400;line-height:1.3}
.action.selected{border-color:var(--gold);background:#43563b;box-shadow:inset 0 0 0 1px var(--gold)}
.action.selected::after{content:'✓';position:absolute;top:2px;right:5px;color:var(--gold);font-size:11px}
.interaction-note{font-size:12px;color:var(--muted);margin:8px 0 0;text-align:center}
.practice-help{padding:12px 16px;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#10231d}
.practice-help summary,.review-details summary{cursor:pointer;min-height:44px;align-content:center;font-size:13px;font-weight:700;color:var(--gold)}
.practice-help p,.review-details p{font-size:13px;color:var(--muted);line-height:1.55}
.review-choice{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;background:#1c392c;border-radius:10px;padding:12px;font-size:14px}
.review-choice>span{color:var(--muted)}.review-choice b{color:var(--gold)}
.confidence-note{border-left:3px solid var(--gold);padding:8px 12px;background:#f2ca790a;color:#e4dac3;font-size:14px;line-height:1.55}
.review-headline{font-size:15px;line-height:1.55;color:var(--text)}
.feedback-controls{flex-direction:column-reverse;margin:15px 0 7px}.feedback-controls button{width:100%;min-height:48px}
.review-details{border-bottom:1px solid var(--line);padding:6px 0}.review-details .move-values{padding-bottom:10px}
.move-values .your-estimate{border:1px solid var(--gold)}.move-values small{display:block;color:var(--gold);font-size:11px}
.stat-row b,.move-values b,.table-top strong{font-variant-numeric:tabular-nums}
.coach h2{text-wrap:balance}.coach h2:focus{outline:none}.input-row input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#decision-panel{scroll-margin-top:12px}button{-webkit-tap-highlight-color:#f2ca7930}
@media(max-width:760px){.practice-steps{margin-bottom:14px}.decision-context{padding:9px;margin-bottom:12px}.action{min-height:78px}.action small{font-size:11px}.practice-help{margin-top:10px}.coach h2{font-size:25px}.feedback-controls{position:static}.review-details summary{min-height:48px}}

.decision-board{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;padding:9px 12px;border:1px solid var(--line);border-radius:10px}.decision-board>span{font-size:12px;color:var(--muted)}.decision-board>div{display:flex;gap:4px}

#latest-review{margin-top:14px}.sampling-status{color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums}
.practice-badge{display:block!important;color:var(--mint);font-size:12px;white-space:nowrap}
.player.winner{border-color:var(--gold);box-shadow:0 0 0 2px #f2ca7955,0 0 25px #f2ca7940}
.result-scene{position:absolute;z-index:5;left:12px;right:12px;top:50%;transform:translateY(-50%);padding:18px 12px;text-align:center;background:#0b2118f5;border:1px solid var(--gold);border-radius:16px;box-shadow:0 12px 32px #0009;animation:result-in .45s ease-out}
.result-scene>b,.result-scene>span,.result-scene>small{display:block}.result-scene>b{font:700 25px 'Space Grotesk';color:var(--gold)}.result-scene>span{margin-top:6px;color:var(--text);font-size:15px}.result-scene>small{margin-top:10px;color:var(--muted);font-size:12px}
.result-chips{display:flex;justify-content:center;gap:4px;margin-bottom:10px}.result-chips i{width:20px;height:20px;border:3px dashed #88642b;border-radius:50%;background:var(--gold);animation:chips-in .7s ease-out both}.result-chips i:nth-child(2){animation-delay:.1s}.result-chips i:nth-child(3){animation-delay:.2s}
.showdown-hands{display:grid;gap:9px}.showdown-hands>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px}.showdown-hands b{font-size:13px}.showdown-hands small{color:var(--muted);font-size:12px;margin-left:auto}
@keyframes result-in{from{opacity:0;transform:translateY(calc(-50% + 14px))}to{opacity:1;transform:translateY(-50%)}}
@keyframes chips-in{from{opacity:0;transform:translateY(20px) rotate(-30deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.result-scene,.result-chips i{animation:none}}

.result-scene{width:calc(100% - 24px);cursor:pointer;color:var(--text)}.result-scene:focus-visible{outline:3px solid var(--mint);outline-offset:3px}

.result-scene>.result-chips{display:flex}

/* Give the table and decisions the space previously used by the sidebar. */
.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:22px}
.practice-stats{margin-top:16px}.practice-stats .stats{display:flex;align-items:center;gap:24px;padding:14px 20px}.practice-stats .stat-row{flex:1;margin:0;gap:20px}.practice-stats .stat-row div{display:flex;align-items:baseline;gap:8px}.practice-stats .stat-row b{font-size:24px}.practice-stats .stat-row span{font-size:12px}
@media(min-width:1101px){
 .felt{height:530px;margin:28px 24px 22px}.player{width:180px;min-height:90px;padding:9px 11px}.identity-text b{font-size:15px}.identity-text small{font-size:12px}.move{font-size:11px}.playing-card{width:32px;height:44px;font-size:15px}.playing-card span{font-size:17px}
 .board-cards .playing-card,.card-slot{width:48px;height:64px}.board-cards .playing-card{font-size:20px}.board-cards .playing-card span{font-size:23px}.table-top{font-size:16px}.table-top strong{font-size:25px}
 .coach{padding:26px}.coach h2{font-size:32px}.action{font-size:18px;min-height:90px}.action small{font-size:12px}.prompt{font-size:16px}
}
@media(min-width:761px) and (max-width:1100px){
 .workspace{grid-template-columns:minmax(0,1fr) 340px;gap:16px}.felt{height:460px}.seat-2,.seat-4{top:90px}
 .coach{padding:20px}.action{min-width:0;font-size:17px;min-height:86px}.action small{font-size:11px}
 .practice-stats .stats{display:block;padding:14px}.practice-stats .stat-row{margin-top:8px;gap:8px}.practice-stats .stat-row div{display:block}
}
@media(max-width:760px){
 .workspace{gap:12px}.page{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
 .practice-stats{order:4;width:100%;margin:0}.practice-stats .stats{display:block;padding:14px}.practice-stats .stat-row{margin-top:8px;gap:8px}.practice-stats .stat-row div{display:block}
 .felt{grid-template-rows:76px 76px 68px 84px;gap:8px 12px}.seat-0{width:min(220px,100%)}.seat-0 .playing-card{width:36px;height:46px;font-size:17px}.seat-0 .playing-card span{font-size:19px}
 .board-cards .playing-card,.card-slot{width:36px;height:48px}.board-cards .playing-card{font-size:16px}.board-cards .playing-card span{font-size:19px}
 .coach{padding:18px}.coach h2{font-size:28px}.action{min-height:90px;font-size:18px}.action small{font-size:11px}.prompt{font-size:16px}.decision-context .playing-card{width:34px;height:44px;font-size:16px}.decision-context .playing-card span{font-size:18px}
}

.best-estimate{margin-top:14px;padding:12px;border:1px solid var(--gold);border-radius:10px;background:#f2ca7908}.best-estimate span,.best-estimate b,.best-estimate small{display:block}.best-estimate span{font-size:12px;color:var(--muted)}.best-estimate b{font-size:16px;color:var(--gold);margin:4px 0}.best-estimate small{font-size:12px;color:var(--muted)}

.simulation-reasoning{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.simulation-reasoning h3{font-size:18px;color:var(--text);margin:0 0 12px}.simulation-reasoning h4{font-size:15px;color:var(--gold);margin:18px 0 8px}.simulation-reasoning p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.review-snapshot{padding:10px 12px;border-radius:8px;background:#0b1d16}.review-snapshot b,.review-snapshot span{display:block}.review-snapshot span{color:var(--muted);font-size:12px;margin-top:4px}.opponent-range{border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:0 12px}.opponent-range summary{cursor:pointer;min-height:44px;align-content:center;font-weight:700;font-size:13px;color:var(--mint)}.opponent-range>p{font-size:12px;color:var(--muted);margin:3px 0 12px}.range-examples h5{font-size:12px;color:var(--gold);margin:12px 0 6px}.range-examples ul{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.range-examples li{padding:9px;border-radius:7px;background:#1c392c;min-width:0}.range-examples b,.range-examples span,.range-examples small{display:block}.range-examples b{font-size:15px;letter-spacing:.03em}.range-examples span{font-size:11px;color:var(--muted);margin:4px 0}.range-examples small{font-size:11px;color:var(--mint)}.range-examples>p{font-size:12px;color:var(--muted)}.simulation-reasoning .evidence-note{font-size:11px;color:var(--muted);line-height:1.6}
