:root{color:#17211b;background:#f5f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;background:linear-gradient(135deg,rgba(39,94,79,.12),transparent 34%),radial-gradient(circle at 80% 0%,rgba(185,56,46,.14),transparent 26%),#f5f2ea;padding:24px}.topbar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto 20px;max-width:1360px}.topbar-actions{align-items:center;display:flex;gap:10px}.eyebrow{color:#6a5f52;font-size:.74rem;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,3.5vw,4.8rem);line-height:.95;margin-bottom:0}h2{font-size:1.4rem;margin-bottom:0}.layout{display:block;margin:0 auto;max-width:1120px}.settings-panel,.trainer-surface{background:#fffcf5e6;border:1px solid rgba(36,47,40,.12);box-shadow:0 18px 45px #23272214}.settings-panel{border-radius:0 8px 8px 0;display:grid;gap:14px;height:100vh;left:0;max-width:min(390px,calc(100vw - 28px));overflow-y:auto;padding:18px;position:fixed;top:0;transform:translate(-104%);transition:transform .18s ease,box-shadow .18s ease;width:390px;z-index:20}.settings-panel.open{box-shadow:18px 0 50px #181c182e;transform:translate(0)}.settings-backdrop{background:#11181447;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:15}.settings-backdrop.open{opacity:1;pointer-events:auto}.trainer-surface{border-radius:8px;min-height:760px;overflow:hidden}.panel-title,.score-strip,.spot-header,.header-tags,.button-row,.action-footer,.secondary-button,.primary-button{align-items:center;display:flex}.panel-title{justify-content:space-between}.panel-title>div{align-items:center;display:flex;gap:8px}.panel-title h2{font-size:1rem}.score-strip{background:#17211b;border-radius:999px;color:#fffaf0;gap:8px;padding:10px 14px}.icon-button,.close-button{align-items:center;border:0;display:inline-flex;font-weight:800;gap:8px;justify-content:center}.icon-button{background:#fffaf0;border:1px solid rgba(36,47,40,.14);border-radius:999px;color:#17211b;min-height:40px;padding:8px 13px}.close-button{background:#e8e0d1;border-radius:6px;color:#17211b;height:36px;width:36px}.control-label,.card-group p{color:#685f52;font-size:.78rem;font-weight:800;margin:0 0 8px;text-transform:uppercase}.segmented{background:#e8e0d1;border-radius:8px;display:grid;gap:3px;padding:3px}.segmented button,.choice{background:transparent;border:0;border-radius:6px;color:#2b332d;min-height:38px;min-width:0;overflow-wrap:anywhere;padding:8px 10px}.segmented button.active,.choice.selected{background:#fff;box-shadow:0 1px 4px #2626261f;color:#0f4f3f;font-weight:800}.range-control{background:#fffaf0;border:1px solid #ded3c2;border-radius:8px;display:grid;gap:8px;padding:12px}.range-header,.range-scale{align-items:center;display:flex;justify-content:space-between}.range-header .control-label{margin:0}.range-header strong{color:#0f4f3f;font-size:.9rem}.range-slider{height:28px;position:relative}.range-slider:before,.range-fill{border-radius:999px;content:"";height:8px;left:0;position:absolute;right:0;top:10px}.range-slider:before{background:#e8e0d1}.range-fill{background:#0f4f3f;right:auto}.range-slider input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:28px;left:0;margin:0;pointer-events:none;position:absolute;top:0;width:100%}.range-slider input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fffdf8;border:2px solid #0f4f3f;border-radius:999px;box-shadow:0 1px 5px #0000002e;height:20px;pointer-events:auto;width:20px}.range-slider input::-moz-range-thumb{background:#fffdf8;border:2px solid #0f4f3f;border-radius:999px;box-shadow:0 1px 5px #0000002e;height:18px;pointer-events:auto;width:18px}.range-scale{color:#6c6254;font-size:.75rem;font-weight:800;text-transform:uppercase}.field-row{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#4e4a42;font-size:.86rem;font-weight:700}input[type=number]{background:#fffdf8;border:1px solid #d6cbbb;border-radius:6px;color:#17211b;display:block;margin-top:6px;min-height:40px;padding:8px 10px;width:100%}.scenario-box{border:1px solid #d8cdbc;border-radius:8px;padding:12px}.scenario-row{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) 72px;margin-top:8px;text-transform:capitalize}.scenario-row input[type=number]{margin:0;min-height:34px}.toggle{align-items:center;display:flex;justify-content:space-between}.toggle input{height:20px;width:20px}.secondary-button,.primary-button{border:0;border-radius:6px;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:11px 16px}.secondary-button{background:#e2dacd;color:#17211b}.primary-button{background:#0f4f3f;color:#fffdf8}.spot-header{background:#fffaf0;border-bottom:1px solid #ded3c2;gap:16px;justify-content:space-between;padding:22px}.header-tags{flex-wrap:wrap;gap:8px;justify-content:flex-end}.header-tags span{background:#e9e1d4;border-radius:999px;color:#304139;font-size:.82rem;font-weight:800;padding:7px 10px}.running-score{background:#fffaf0;border-bottom:1px solid #ded3c2;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 22px}.running-score div{background:#f3ecdf;border:1px solid #ded3c2;border-radius:8px;display:grid;gap:2px;min-height:58px;padding:9px 11px}.running-score span{color:#6c6254;font-size:.72rem;font-weight:900;text-transform:uppercase}.running-score strong{color:#17211b;font-size:1.05rem}.table-band{background:linear-gradient(90deg,#0b4c39eb,#145d46db),#0f4f3f;display:grid;gap:26px;grid-template-columns:minmax(180px,auto) 1fr;padding:30px 22px}.timer-strip{background:#fffaf0;border-bottom:1px solid #ded3c2;display:grid;gap:10px;padding:12px 22px}.timer-strip>div:first-child{align-items:center;color:#17211b;display:flex;gap:8px}.timer-strip svg{color:#0f4f3f}.timer-strip strong{font-size:1.1rem}.timer-strip span{color:#685f52;font-size:.82rem;font-weight:800;text-transform:uppercase}.timer-track{background:#e8e0d1;border-radius:999px;height:8px;overflow:hidden}.timer-track span{background:#0f4f3f;display:block;height:100%;transition:width .22s linear}.timer-strip.urgent svg,.timer-strip.urgent strong{color:#b9382e}.timer-strip.urgent .timer-track span{background:#b9382e}.card-group p{color:#fffaf0c7}.cards{display:flex;flex-wrap:wrap;gap:10px}.playing-card{aspect-ratio:.72;background:#fffdf8;border:1px solid rgba(0,0,0,.16);border-radius:7px;box-shadow:0 9px 18px #0000002e;color:#141915;display:grid;font-weight:900;grid-template-rows:auto 1fr auto;min-width:68px;padding:8px;width:clamp(68px,7vw,92px)}.playing-card strong{align-self:center;font-size:2.1rem;justify-self:center}.playing-card small{align-self:end;justify-self:end}.playing-card.red{color:#b9382e}.facts-grid,.guess-panel,.reveal-panel{display:grid;gap:14px;padding:20px 22px 0}.facts-grid,.reveal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reveal-grid,.guess-grid{display:grid;gap:12px}.reveal-grid{overflow:visible}.guess-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fact{background:#fffaf0;border:1px solid #ded3c2;border-radius:8px;display:grid;gap:4px;min-height:86px;padding:12px;position:relative}.fact.has-detail{cursor:help;outline:none}.fact.has-detail:after{color:#8a7e70;content:"hover";font-size:.68rem;font-weight:900;position:absolute;right:10px;text-transform:uppercase;top:10px}.fact.has-detail:hover,.fact.has-detail:focus{border-color:#0f4f3f;box-shadow:0 4px 14px #0f4f3f1f;z-index:5}.fact svg{color:#0f4f3f}.fact span{color:#6c6254;font-size:.76rem;font-weight:800;text-transform:uppercase}.fact strong{color:#17211b;font-size:1rem;overflow-wrap:anywhere}.fact-detail{background:#17211b;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 16px 30px #17211b38;color:#fffaf0;display:none;font-size:.84rem;font-weight:700;left:10px;line-height:1.35;min-width:min(320px,calc(100vw - 56px));padding:12px;position:absolute;text-transform:none;top:calc(100% + 8px);width:max-content;z-index:20}.fact.has-detail:hover .fact-detail,.fact.has-detail:focus .fact-detail{display:block}.reveal-grid .fact:nth-child(4n) .fact-detail{left:auto;right:10px}.button-row{flex-wrap:wrap;gap:8px}.button-row.dense{gap:6px}.choice{background:#e8e0d1;border:1px solid transparent;min-width:88px}.button-row.dense .choice{min-width:74px}.slider-control{background:#fffaf0;border:1px solid #ded3c2;border-radius:8px;display:grid;gap:10px;padding:12px}.slider-control input{width:100%}.notice{background:#fff0d8;border:1px solid #e4bb80;border-radius:8px;color:#684313;font-weight:800;margin:18px 22px 0;padding:12px}.reveal-panel{border-top:1px solid #ded3c2;margin-top:20px;padding-bottom:20px}.reveal-card-row{background:#f3ecdf;border:1px solid #ded3c2;border-radius:8px;padding:12px}.reveal-card-row .card-group p{color:#685f52}.math-breakdown{background:#fffaf0;border:1px solid #ded3c2;border-radius:8px;display:grid;gap:12px;padding:14px}.math-breakdown h4{font-size:1rem;margin:0}.math-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.math-grid div{background:#f3ecdf;border-radius:8px;display:grid;gap:6px;min-height:118px;padding:12px}.math-grid span{color:#6c6254;font-size:.76rem;font-weight:800;text-transform:uppercase}.math-grid strong{color:#17211b;font-size:.95rem;overflow-wrap:anywhere}.math-grid small{color:#5f574d;line-height:1.35}.preflop-chart-reveal{background:#fffaf0;border:1px solid #ded3c2;border-radius:8px;display:grid;gap:9px;padding:12px}.chart-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.chart-heading h4{font-size:.94rem;margin:0}.hero-hand-chip{align-items:center;background:#17211b;border-radius:999px;color:#fffaf0;display:flex;gap:8px;padding:6px 10px}.hero-hand-chip span{color:#fffaf0b8;font-size:.72rem;font-weight:900;text-transform:uppercase}.hero-hand-chip strong{font-size:.92rem}.chart-legend{display:flex;flex-wrap:wrap;gap:6px}.chart-legend span{border-radius:999px;color:#17211b;font-size:.7rem;font-weight:900;padding:5px 8px}.preflop-matrix{display:grid;gap:2px;grid-template-columns:repeat(13,minmax(0,1fr));max-width:620px}.chart-cell{align-items:center;aspect-ratio:1;border:1px solid rgba(23,33,27,.1);border-radius:4px;color:#17211b;display:flex;font-size:.62rem;font-weight:900;justify-content:center;min-width:0}.action-fold,.legend-fold{background:#e7ded0}.action-open-raise,.legend-open-raise{background:#b9d8c8}.action-call,.legend-call{background:#c8d5ea}.legend-bad{background:#ead6b8}.action-3-bet,.legend-3-bet{background:#e8c2b8}.chart-cell.hero-hand{border-color:#17211b;box-shadow:0 0 0 1px #17211b,0 0 0 3px #d9a322;transform:scale(1.02);z-index:1}.chart-note{color:#5f574d;font-size:.84rem;font-weight:700;margin-bottom:0}.score-line{color:#4f4a42;font-weight:800;margin-bottom:0}.action-footer{justify-content:flex-end;padding:22px}.session-summary{align-items:center;display:grid;gap:14px;justify-items:center;min-height:720px;padding:40px;text-align:center}.session-summary svg{color:#0f4f3f}@media(max-width:980px){.app-shell{padding:14px}.table-band,.guess-grid{grid-template-columns:1fr}.trainer-surface{min-height:auto}.facts-grid,.reveal-grid,.math-grid,.running-score{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topbar,.spot-header{align-items:flex-start;flex-direction:column}.topbar-actions{align-items:stretch;width:100%}.icon-button,.score-strip{flex:1}.header-tags{justify-content:flex-start}.facts-grid,.reveal-grid,.math-grid,.running-score,.field-row{grid-template-columns:1fr}.segmented{grid-auto-flow:row}.playing-card{min-width:54px;width:54px}.playing-card strong{font-size:1.55rem}.action-footer{justify-content:stretch}.primary-button{width:100%}}