*{box-sizing:border-box;margin:0;padding:0}body{color:#e6edf3;-webkit-font-smoothing:antialiased;background:#0d1117;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.sidebar{background:#0d1117;border-right:1px solid #21262d;flex-direction:column;flex-shrink:0;justify-content:space-between;width:200px;padding:20px 12px;display:flex}.sidebar-logo{color:#e6edf3;letter-spacing:-.02em;cursor:pointer;padding:0 8px 20px;font-size:1.4rem;font-weight:800}.sidebar-logo span{color:#3fb950}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#8b949e;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#e6edf3;background:#161b22}.nav-item.active{color:#e6edf3;background:#21262d;font-weight:600}.nav-icon{text-align:center;width:20px;font-size:1.1rem}.sidebar-elo{background:#161b22;border:1px solid #21262d;border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.sidebar-elo-label{text-transform:uppercase;letter-spacing:.05em;color:#8b949e;font-size:.7rem;font-weight:600}.sidebar-elo-value{color:#3fb950;font-size:1.3rem;font-weight:800}.layout{min-height:100vh;display:flex}.main-content{flex:1;max-width:640px;padding:32px;overflow-y:auto}.home{flex-direction:column;gap:28px;display:flex}.home-title{color:#e6edf3;font-size:2rem;font-weight:800}.green{color:#3fb950}.home-subtitle{color:#8b949e;margin-top:-16px;font-size:1rem}.elo-card{background:#161b22;border:1px solid #21262d;border-radius:12px;flex-direction:column;gap:4px;padding:20px 24px;display:flex}.elo-card-label{text-transform:uppercase;letter-spacing:.05em;color:#8b949e;font-size:.75rem;font-weight:600}.elo-card-value{color:#3fb950;font-size:2.5rem;font-weight:800;line-height:1}.elo-card-hint{color:#8b949e;margin-top:4px;font-size:.85rem}.home-actions{gap:16px;display:flex}.home-card{cursor:pointer;text-align:left;color:inherit;background:#161b22;border:1px solid #21262d;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:20px;transition:all .15s;display:flex}.home-card:hover{border-color:#3fb950;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.home-card-icon{font-size:1.5rem}.home-card-title{color:#e6edf3;font-size:1.1rem;font-weight:700}.home-card-desc{color:#8b949e;font-size:.85rem;line-height:1.4}.learn{flex-direction:column;gap:28px;display:flex}.learn-header{justify-content:space-between;align-items:center;display:flex}.learn-header h2{color:#e6edf3;font-size:1.5rem;font-weight:700}.learn-progress{color:#8b949e;font-size:.85rem}.unit{flex-direction:column;gap:10px;display:flex}.unit-header{background:#161b22;border:1px solid #21262d;border-radius:10px;padding:16px 20px}.unit-number{text-transform:uppercase;letter-spacing:.08em;color:#58a6ff;font-size:.7rem;font-weight:600}.unit-title{color:#e6edf3;margin:2px 0;font-size:1.1rem;font-weight:700}.unit-desc{color:#8b949e;margin:0;font-size:.85rem}.unit-lessons{flex-direction:column;gap:4px;padding-left:16px;display:flex}.lesson-item{cursor:pointer;text-align:left;color:inherit;background:0 0;border:1px solid #21262d;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.lesson-item:not(.locked):hover{background:#161b22;border-color:#30363d}.lesson-item.locked{opacity:.4;cursor:not-allowed}.lesson-item.done{border-color:#3fb95033}.lesson-status{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.lesson-item.done .lesson-status{color:#3fb950}.lesson-info{flex-direction:column;gap:1px;display:flex}.lesson-title{color:#e6edf3;font-size:.9rem;font-weight:600}.lesson-desc{color:#8b949e;font-size:.8rem}.card{-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:68px;height:96px;font-weight:700;display:flex;box-shadow:0 2px 8px #0006}.card-rank{font-size:1.3rem;line-height:1}.card-suit{font-size:1.5rem;line-height:1}.card-red{color:#d32f2f}.card-black{color:#1a1a1a}.card-empty{box-shadow:none;background:#ffffff0f;border:2px dashed #ffffff26}.card-hidden{background:linear-gradient(135deg,#1a4a7a 0%,#1a3060 100%);border:2px solid #2a5a8a;box-shadow:0 2px 8px #0006}.card-small{width:40px;height:56px}.card-small .card-rank{font-size:.85rem}.card-small .card-suit{font-size:1rem}.lesson-view{flex-direction:column;gap:24px;min-height:calc(100vh - 64px);display:flex}.lesson-top-bar{align-items:center;gap:12px;display:flex}.back-btn{color:#8b949e;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.9rem}.back-btn:hover{color:#e6edf3;background:#21262d}.progress-bar{background:#21262d;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:#3fb950;border-radius:3px;height:100%;transition:width .3s}.step-counter{color:#8b949e;flex-shrink:0;font-size:.8rem}.teach-step{flex-direction:column;gap:16px;display:flex}.step-title{color:#e6edf3;font-size:1.2rem;font-weight:700}.step-text{color:#c9d1d9;font-size:1rem;line-height:1.7}.step-cards{gap:8px;padding:16px 0;display:flex}.quiz-step{flex-direction:column;gap:16px;display:flex}.quiz-question{color:#e6edf3;font-size:1.1rem;font-weight:700;line-height:1.4}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{color:#c9d1d9;text-align:left;cursor:pointer;background:#161b22;border:2px solid #21262d;border-radius:10px;padding:14px 18px;font-size:.95rem;line-height:1.4;transition:all .15s}.quiz-option:not(:disabled):hover{background:#1a2332;border-color:#58a6ff}.quiz-option.correct{color:#3fb950;background:#3fb9501a;border-color:#3fb950}.quiz-option.wrong{color:#f85149;background:#f851491a;border-color:#f85149}.quiz-option.dimmed{opacity:.4}.quiz-option:disabled{cursor:default}.quiz-feedback{border-radius:8px;align-items:flex-start;gap:10px;padding:14px 16px;animation:.3s slideUp;display:flex}.feedback-correct{background:#3fb95014;border:1px solid #3fb95033}.feedback-wrong{background:#f8514914;border:1px solid #f8514933}.feedback-icon{flex-shrink:0;font-size:1.1rem;font-weight:700}.feedback-correct .feedback-icon{color:#3fb950}.feedback-wrong .feedback-icon{color:#f85149}.quiz-feedback p{color:#c9d1d9;margin:0;font-size:.9rem;line-height:1.5}.lesson-bottom{margin-top:auto;padding-top:16px}.continue-btn,.retry-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:background .15s}.continue-btn{color:#fff;background:#238636}.continue-btn:hover{background:#2ea043}.retry-btn{color:#f85149;background:#21262d;border:1px solid #f8514933}.retry-btn:hover{background:#f851491a}.lesson-complete{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:60px;display:flex}.complete-icon{color:#3fb950;background:#3fb9501a;border:2px solid #3fb9504d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex}.lesson-complete h2{color:#e6edf3;font-size:1.5rem;font-weight:700}.complete-title{color:#8b949e;font-size:1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.puzzle-view{flex-direction:column;gap:20px;display:flex}.puzzle-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.puzzle-title{color:#e6edf3;font-size:1.25rem;font-weight:600}.puzzle-concept{text-transform:uppercase;letter-spacing:.05em;color:#58a6ff;background:#58a6ff1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.puzzle-info{color:#8b949e;align-items:center;gap:8px;font-size:.9rem;display:flex}.dot{color:#30363d}.puzzle-context{color:#c9d1d9;background:#ffffff08;border-left:3px solid #30363d;border-radius:8px;padding:12px 16px;font-size:.95rem;line-height:1.5}.board-section,.hand-section{flex-direction:column;gap:10px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.05em;color:#8b949e;font-size:.8rem;font-weight:600}.preflop-label{text-transform:none;font-style:italic}.board-cards,.hand-cards{gap:8px;display:flex}.table-info{gap:16px;display:flex}.info-item{background:#161b22;border:1px solid #21262d;border-radius:8px;flex-direction:column;flex:1;gap:2px;padding:10px 16px;display:flex}.info-label{text-transform:uppercase;letter-spacing:.05em;color:#8b949e;font-size:.7rem;font-weight:600}.info-value{color:#3fb950;font-size:1.1rem;font-weight:700}.opponent-action{color:#f0883e;text-align:center;background:#f0883e14;border:1px solid #f0883e33;border-radius:8px;padding:10px 16px;font-size:1rem;font-weight:600}.action-btn{cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;padding:14px 16px;font-size:1rem;font-weight:600;transition:all .15s}.action-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-fold{color:#f85149;background:#21262d;border-color:#f8514933}.btn-fold:not(:disabled):hover{background:#f851491a}.btn-call{color:#58a6ff;background:#21262d;border-color:#58a6ff33}.btn-call:not(:disabled):hover{background:#58a6ff1a}.btn-raise{color:#3fb950;background:#21262d;border-color:#3fb95033}.btn-raise:not(:disabled):hover{background:#3fb9501a}.action-btn.correct{color:#fff;background:#3fb950;border-color:#3fb950}.action-btn.wrong{color:#fff;background:#f85149;border-color:#f85149}.action-btn.dimmed{opacity:.3}.action-btn:disabled{cursor:default}.result-box{border-radius:10px;padding:16px 20px;animation:.3s slideUp}.result-correct{background:#3fb9501a;border:1px solid #3fb9504d}.result-wrong{background:#f851491a;border:1px solid #f851494d}.result-header{margin-bottom:8px;font-size:1.1rem;font-weight:700}.result-correct .result-header{color:#3fb950}.result-wrong .result-header{color:#f85149}.result-explanation{color:#c9d1d9;font-size:.95rem;line-height:1.6}.play-ai{flex-direction:column;gap:16px;display:flex}.play-ai h2{color:#e6edf3;font-size:1.5rem;font-weight:700}.play-ai-subtitle{color:#8b949e;margin-top:-8px}.play-ai-hint{color:#8b949e;margin-top:-8px;font-size:.85rem;font-style:italic}.deal-btn{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:10px;align-self:flex-start;padding:14px 32px;font-size:1rem;font-weight:600;transition:background .15s}.deal-btn:hover{background:#2ea043}.table{background:#0b1d0e;border:2px solid #1a3a1e;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.opponents{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.opponent{border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:88px;padding:6px 8px;transition:all .2s;display:flex}.opponent.active{background:#58a6ff14;border-color:#58a6ff40}.opponent.folded{opacity:.3}.opponent.winner{background:#3fb95014;border-color:#3fb95066}.opp-cards{gap:3px;display:flex}.opp-info{flex-direction:column;align-items:center;gap:1px;display:flex}.opp-name{color:#c9d1d9;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.pos-badge{color:#8b949e;background:#21262d;border-radius:3px;padding:1px 4px;font-size:.55rem;font-weight:700}.opp-chips{color:#3fb950;font-size:.7rem;font-weight:600}.opponent.folded .opp-chips{color:#8b949e}.opp-thinking{color:#58a6ff;font-size:.6rem;font-style:italic;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.board-area{flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.board-cards{gap:6px;display:flex}.pot-display{color:#f0c040;font-size:1rem;font-weight:700}.last-action{color:#8b949e;text-transform:capitalize;font-size:.8rem}.player-area{justify-content:center;align-items:center;gap:14px;display:flex}.player-cards{gap:6px;display:flex}.player-info{flex-direction:column;gap:2px;display:flex}.player-label{color:#e6edf3;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.player-chips{color:#3fb950;font-size:1rem;font-weight:700}.action-buttons{gap:8px;display:flex}.game-action-btn{cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;padding:12px 14px;font-size:.9rem;font-weight:600;transition:all .15s}.game-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.game-action-btn.btn-fold{color:#f85149;background:#21262d;border-color:#f8514933}.game-action-btn.btn-fold:hover{background:#f851491a}.game-action-btn.btn-call{color:#58a6ff;background:#21262d;border-color:#58a6ff33}.game-action-btn.btn-call:hover{background:#58a6ff1a}.game-action-btn.btn-raise{color:#3fb950;background:#21262d;border-color:#3fb95033}.game-action-btn.btn-raise:hover{background:#3fb9501a}.hand-result{border-radius:10px;flex-direction:column;gap:8px;padding:16px 20px;animation:.3s slideUp;display:flex}.result-win{background:#3fb9501a;border:1px solid #3fb9504d}.result-loss{background:#f851491a;border:1px solid #f851494d}.result-title{font-size:1.2rem;font-weight:700}.result-win .result-title{color:#3fb950}.result-loss .result-title{color:#f85149}.result-desc{color:#c9d1d9;font-size:.9rem;line-height:1.5}.result-hands{color:#8b949e;font-family:monospace;font-size:.8rem}.decision-review{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;margin:8px 0;padding-top:10px;display:flex}.decision-review-title{text-transform:uppercase;letter-spacing:.05em;color:#8b949e;margin-bottom:2px;font-size:.75rem;font-weight:600}.decision-item{align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.4;display:flex}.decision-indicator{text-align:center;flex-shrink:0;width:18px;font-weight:700}.decision-good .decision-indicator{color:#3fb950}.decision-bad .decision-indicator{color:#f85149}.decision-neutral .decision-indicator{color:#8b949e}.decision-body{flex-direction:column;gap:1px;display:flex}.decision-action{color:#c9d1d9;font-weight:600}.decision-feedback{color:#8b949e;font-size:.8rem}.elo-change-summary{border-top:1px solid #ffffff14;align-items:center;gap:8px;padding-top:8px;display:flex}.elo-change-badge{font-size:.85rem;font-weight:700}.elo-change-badge.elo-up{color:#3fb950}.elo-change-badge.elo-down{color:#f85149}.elo-change-badge.elo-neutral{color:#8b949e}.elo-change-reason{color:#8b949e;font-size:.8rem}.session-tracker{color:#8b949e;text-align:center;border-top:1px solid #21262d;padding-top:8px;font-size:.8rem}.match-stats{color:#8b949e;font-size:.9rem}.next-btn{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:10px;padding:14px 24px;font-size:1rem;font-weight:600;transition:background .15s}.next-btn:hover{background:#2ea043}.puzzles-page{flex-direction:column;gap:20px;display:flex}.puzzles-header{justify-content:space-between;align-items:center;display:flex}.puzzles-header h2{color:#e6edf3;font-size:1.5rem;font-weight:700}.puzzles-stats{align-items:center;gap:12px;display:flex}.elo-badge{font-size:.85rem;font-weight:700;animation:.3s fadeIn}.elo-badge.elo-up{color:#3fb950}.elo-badge.elo-down{color:#f85149}.session-score{color:#8b949e;font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}