:root{color:#202622;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.trainer-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 40px}.app-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}h1{color:#121417;max-width:620px;margin:0;font-size:42px;line-height:1.05}h2{color:#17191d;margin:0;font-size:20px;line-height:1.1}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}.primary-button,.secondary-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:800;transition:background-color .18s,border-color .18s,color .18s,opacity .18s,transform .18s;display:inline-flex}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active{transform:translateY(1px)scale(.99)}.primary-button{color:#16120a;background:#f5c542}.primary-button.dark{color:#f8faf8;background:#13251f}.secondary-button{color:#14211d;white-space:nowrap;background:#fff;border-color:#cfd8d3}.table-surface{color:#f8faf8;background:radial-gradient(circle,#ffffff29,#0000 38%),linear-gradient(135deg,#0f5f4d,#0b3f35 58%,#092d28);border:8px solid #2d2017;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #1118272e}.street-bar{background:#08120f70;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.street-step{color:#ffffff9e;align-items:center;gap:8px;min-width:0;padding:14px 18px;font-size:14px;font-weight:800;display:flex}.street-step span{background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.street-step.active{color:#fff}.street-step.active span{color:#13251f;background:#f5c542}.board-area{flex-direction:column;align-items:center;gap:16px;padding:42px 20px 48px;display:flex}.board-area p{color:#ffffffc7;text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.cards-row{flex-wrap:wrap;gap:10px;display:flex}.board-cards{justify-content:center}.card{perspective:900px;width:68px;height:98px}.card-inner{height:100%;transform-style:preserve-3d;width:100%;transition:transform .36s cubic-bezier(.2,.8,.2,1);position:relative}.card.is-hidden .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:8px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 8px 16px #0f172a38}.card-front{color:#151515;background:#fffaf0;border:1px solid #dfd5c3;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:9px;display:flex}.card-front span{font-size:22px;font-weight:900;line-height:1}.card-front strong{align-self:flex-end;font-size:30px;line-height:1}.card-front.red{color:#c0262d}.card-back{background:linear-gradient(135deg,#ffffff38 25%,#0000 25%) 0 0/16px 16px,linear-gradient(135deg,#0000 75%,#fff3 75%) 0 0/16px 16px,#173f57;border:1px solid #ffffff61;transform:rotateY(180deg)}.action-strip{background:#08120f80;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.action-strip div:first-child{flex-direction:column;gap:2px;display:flex}.action-strip strong{font-size:18px}.action-strip span{color:#ffffffb8;font-size:14px}.action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.players-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.player-panel{background:#fff;border:1px solid #dce4df;border-radius:8px;flex-direction:column;gap:16px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 12px 24px #0f172a14}.player-panel.winner{border-color:#e5ad28;box-shadow:0 0 0 3px #f5c54247,0 12px 24px #0f172a14}.player-topline{justify-content:space-between;align-items:flex-start;gap:12px;min-height:50px;display:flex}.winner-badge,.answer-state{white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.winner-badge{color:#6c4b00;background:#fff3c4;margin-top:8px}.answer-state.correct{color:#126032;background:#dff8e9}.answer-state.incorrect{color:#8c1d18;background:#ffe1df}.strongest-toggle{color:#32403a;background:#f8fbf9;border:1px solid #cfd8d3;border-radius:999px;flex:none;min-height:32px;padding:0 10px;font-size:12px;font-weight:900;line-height:1.1;transition:background-color .18s,border-color .18s,color .18s,opacity .18s,transform .18s}.strongest-toggle:not(:disabled):active{transform:scale(.96)}.strongest-toggle.selected{color:#5b3f00;background:#fff3c4;border-color:#e5ad28}.strongest-toggle.wrong{color:#8c1d18;background:#ffe1df;border-color:#f0b1ab}.answer-control{flex-direction:column;gap:7px;display:flex}.answer-control span{color:#52605a;font-size:13px;font-weight:800}.hand-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.hand-choice{color:#26332e;text-align:center;background:#f8fbf9;border:1px solid #d4ded8;border-radius:8px;width:100%;min-height:38px;padding:7px 8px;font-size:12px;font-weight:800;line-height:1.12;transition:background-color .18s,border-color .18s,color .18s,opacity .18s,transform .18s,box-shadow .18s}.hand-choice.selected{color:#126032;background:#dff8e9;border-color:#69bd8d;box-shadow:inset 0 0 0 1px #1260322e}.hand-choice:not(:disabled):active{transform:scale(.97)}.feedback{color:#13251f;background:#edf8f2;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.feedback.missed{background:#fff1ee}.feedback span{color:#66746f;font-size:13px;font-weight:800}.feedback strong{color:#111815;text-align:right}.strongest-feedback strong{font-size:13px}.win-probability{background:#f7faf8;border:1px solid #dce4df;border-radius:8px;flex-direction:column;gap:9px;padding:12px;display:flex}.probability-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.probability-label span{color:#52605a;font-size:13px;font-weight:800}.probability-label strong{color:#111815;font-size:18px;line-height:1}.probability-track{background:#dce4df;border-radius:999px;height:9px;overflow:hidden}.probability-fill{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#f5c542);max-width:100%;height:100%}.win-probability p{color:#52605a;margin:0;font-size:13px;line-height:1.35}.hand-reference{background:#fff;border:1px solid #dce4df;border-radius:8px;grid-template-columns:220px 1fr;gap:20px;margin-top:20px;padding:18px;display:grid;box-shadow:0 12px 24px #0f172a0f}.hand-reference .eyebrow{margin-bottom:6px}.hand-reference ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hand-reference li{background:#f7faf8;border:1px solid #e4ebe7;border-radius:8px;flex-direction:column;gap:3px;min-width:0;padding:11px 12px;display:flex}.hand-reference strong{color:#111815}.hand-reference span{color:#52605a;font-size:13px;line-height:1.35}@media (width<=980px){.players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-strip{flex-direction:column;align-items:stretch}.hand-reference{grid-template-columns:1fr}}@media (width<=720px){.trainer-shell{width:min(100% - 20px,1180px);padding-top:18px}.app-header,.action-strip{flex-direction:column;align-items:stretch}h1{font-size:32px}.street-bar{grid-template-columns:repeat(2,1fr)}.street-step{padding:12px}.board-area{padding:28px 12px 32px}.card{width:56px;height:82px}.players-grid{grid-template-columns:1fr}.action-buttons,.primary-button,.secondary-button{width:100%}.hand-reference ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card-inner,.primary-button,.secondary-button,.player-panel,.strongest-toggle,.hand-choice{transition:none}}