*{box-sizing:border-box}#root{min-height:100vh}h1,h2,h3,p{margin:0}.matrix{flex-direction:column;gap:4px;display:flex}.matrix-row{gap:4px;display:flex}.matrix-cell{color:#050505;cursor:pointer;background:#1f2937;border:none;border-radius:6px;width:36px;height:36px;font-size:12px}.matrix-cell:focus-visible{outline:2px solid #fbbf24}.matrix-cell.editable{color:#e2e8f0;background:#0f172a;border:1px solid #94a3b833;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.matrix-cell.editable small{color:#e2e8f0;text-shadow:0 1px 3px #02061799;font-size:10px;font-weight:600}.matrix-cell.editable.active{border-color:#7ee787}.matrix-cell.editable.filled{color:#e2f7e1;border-color:#22c55e80}.matrix-cell.editable.filled small{color:#f8fafc}@media (width<=640px){.matrix-cell{width:30px;height:30px;font-size:10px}.matrix-cell.editable{gap:0;font-size:10px}.matrix-cell.editable small{font-size:8px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f5;background-color:#050505;font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background:radial-gradient(circle at top,#2563eb40,#0000 40%);min-height:100vh;margin:0}.site{flex-direction:column;gap:48px;max-width:1080px;margin:0 auto;padding:32px 16px 96px;display:flex}.top-nav{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.brand{letter-spacing:.08em;font-weight:600}.lang-switch{align-items:center;gap:8px;display:flex}.lang-switch button{color:#cbd5f5;cursor:pointer;background:0 0;border:1px solid #94a3b866;border-radius:999px;padding:4px 12px;font-size:13px}.lang-switch button.active{color:#0f172a;background:#fbbf24d9;border-color:#fbbf24d9}.top-nav a{color:#cbd5f5;text-decoration:none}.top-nav a:hover{color:#fff}.hero{background:linear-gradient(135deg,#2563eb33,#06b6d426);border:1px solid #94a3b833;border-radius:36px;gap:24px;padding:32px;display:grid}.hero h1{margin:0;font-size:clamp(42px,8vw,72px)}.hero p{color:#cbd5f5;max-width:560px}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.download-stack{flex-direction:column;gap:4px;display:flex}.download-note{color:#94a3b8;padding-left:12px;font-size:12px}button.primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:14px 28px;font-weight:600}button.secondary{color:#cbd5f5;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b84d;border-radius:999px;padding:14px 28px;font-weight:600}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{margin:0;font-size:28px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.feature-card{background:#0f172a;border:1px solid #94a3b81a;border-radius:20px;flex-direction:column;gap:8px;padding:20px;display:flex}.feature-card span{letter-spacing:.2em;text-transform:uppercase;color:#7ee787;font-size:12px}.feature-card p{color:#94a3b8}.card-link{color:#f5f5f5;cursor:pointer;background:0 0;border:1px solid #94a3b866;border-radius:999px;align-self:flex-start;margin-top:12px;padding:8px 18px}.card-link:hover{border-color:#fff}.range-panel{background:#030712;border:1px solid #94a3b814;border-radius:32px;flex-direction:column;gap:24px;padding:32px;display:flex}.players-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.player-card{background:#0f172a8c;border:1px solid #94a3b81a;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.player-header{justify-content:space-between;align-items:center;display:flex}.player-header button{color:#93c5fd;cursor:pointer;background:#2563eb26;border:1px solid #2563eb66;border-radius:999px;padding:4px 12px}.range-summary{color:#cbd5f5;border:1px dashed #94a3b866;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.range-summary button{color:#86efac;cursor:pointer;background:#10b98126;border:1px solid #7ee78780;border-radius:999px;padding:4px 12px}.card-slots{gap:12px;display:flex}.card-slot{color:#f5f5f5;letter-spacing:.08em;cursor:pointer;background:#030712c7;border:1px dashed #94a3b866;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:64px;padding:10px;font-size:18px;transition:border .2s,box-shadow .2s,background .2s;display:flex;position:relative}.card-slot .card-face{flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;display:flex}.card-slot.filled{color:#0f172a;background:#fff;border:1px solid #0f172a26;box-shadow:0 8px 16px #0f172a2e}.card-slot.filled .card-face{justify-content:space-between;align-items:flex-start;width:100%;height:100%;padding:8px 6px}.card-slot.filled .card-rank,.card-slot.filled .card-pip{font-size:20px;font-weight:600}.card-slot.filled .card-pip{align-self:flex-end}.card-slot.filled.suit-s{color:#0f172a;border-color:#0f172a59}.card-slot.filled.suit-h{color:#dc2626;border-color:#dc262659}.card-slot.filled.suit-c{color:#15803d;border-color:#15803d59}.card-slot.filled.suit-d{color:#2563eb;border-color:#2563eb59}.board-cards{flex-wrap:nowrap;gap:14px}.card-slot.board-slot,.card-slot.player-slot{aspect-ratio:63/88;border-radius:14px;flex:none;width:68px;padding:0}.board-cards .card-slot.board-slot:nth-child(3){margin-right:18px}.card-slot.board-slot .card-face,.card-slot.player-slot .card-face{font-size:20px}.player-hand{gap:10px}.card-slot.empty{background-color:#020817;background-image:linear-gradient(145deg,#0f766e40,#0206178c),url(/card-backs/felt-onyx.png);background-position:50%;background-repeat:repeat;background-size:cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #5eead48c;box-shadow:inset 0 0 25px #020617d9}.card-slot.empty .card-face{opacity:0}.card-slot.locked{opacity:.45;cursor:not-allowed;background-image:linear-gradient(145deg,#0f172acc,#020617cc);border-style:dashed}.card-slot.locked .card-face{opacity:.2}.slot-clear{color:#94a3b8;cursor:pointer;font-size:14px;position:absolute;top:6px;right:8px}.board-section{flex-direction:column;gap:12px;margin-top:24px;display:flex}.add-player{color:#f5f5f5;cursor:pointer;background:0 0;border:1px dashed #94a3b859;border-radius:12px;padding:14px}.card-grid{grid-template-columns:repeat(13,minmax(32px,1fr));gap:4px;display:grid}.card-button{color:#0f172a;cursor:pointer;aspect-ratio:60/88;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:64px;padding:6px;font-size:14px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px 10px #0206171f}.card-button .card-rank{font-size:18px;font-weight:600}.card-button .card-pip{align-self:flex-end;font-size:18px}.card-button.suit-s{color:#0f172a;border-color:#0f172a40}.card-button.suit-h{color:#dc2626;border-color:#dc26264d}.card-button.suit-c{color:#16a34a;border-color:#16a34a4d}.card-button.suit-d{color:#2563eb;border-color:#2563eb4d}.card-button.disabled{opacity:.25;cursor:not-allowed;box-shadow:none}.card-button:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 14px 24px #02061740}.modal-grid{max-height:60vh;overflow:auto}.equity-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.equity-controls label{background:#0f172a99;border:1px solid #94a3b81a;border-radius:20px;padding:16px}.equity-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-text{color:#94a3b8;font-size:14px}.result-stack{flex-direction:column;gap:12px;margin-top:12px;display:flex}.hero-summary{text-align:center;background:linear-gradient(120deg,#2563eb4d,#06b6d433);border:1px solid #94a3b833;border-radius:24px;padding:20px}.hero-summary strong{font-size:36px}.equity-table{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px;display:grid}.equity-table div{text-align:center;background:#0f172ab3;border-radius:16px;padding:12px}.picker-backdrop{z-index:20;background:#050505b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-panel{background:#030712;border:1px solid #94a3b833;border-radius:24px;flex-direction:column;gap:16px;width:min(640px,90vw);max-height:80vh;padding:24px;display:flex}.picker-head{justify-content:space-between;align-items:center;display:flex}.picker-head button{color:#f5f5f5;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:999px;padding:4px 12px}.picker-panel.range-editor{width:min(640px,92vw)}.picker-actions{align-items:center;gap:8px;display:flex}.picker-actions button.primary{background:#2563eb;border-color:#2563eb}.matrix-scroll{max-width:100%;padding-bottom:8px;overflow-x:auto}.matrix-scroll .matrix{min-width:460px}.coverage-controls{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.coverage-controls label{color:#cbd5f5;justify-content:space-between;font-size:13px;display:flex}.coverage-controls input[type=range]{width:100%}.paint-controls{color:#cbd5f5;flex-direction:column;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.quick-weights.compact{justify-content:space-between}.quick-weights button.active{color:#041108;background:#7ee787;border-color:#7ee787}.range-slider{background:#0f172acc;border:1px solid #94a3b81a;border-radius:16px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.range-slider label{color:#e2e8f0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.range-slider input[type=range]{width:100%}.quick-weights{flex-wrap:wrap;gap:8px;display:flex}.quick-weights button{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:999px;padding:4px 10px;font-size:12px}.range-panel header{border-bottom:1px solid #94a3b824;padding-bottom:16px}.eyebrow{color:#7ee787;letter-spacing:.2em;text-transform:uppercase;font-size:12px}.subtext{color:#94a3b8}.controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}label{color:#cbd5f5;flex-direction:column;gap:8px;font-size:14px;display:flex}select{color:#f5f5f5;background:#111827;border:1px solid #1f2937;border-radius:12px;padding:12px}.meta{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mode-switch{background:#111827;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.mode-switch button{color:#cbd5f5;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 16px}.mode-switch button.active{color:#fff;background:#2563eb}.mode-switch.compact{margin-top:4px;padding:2px}.mode-switch.compact button{padding:4px 10px;font-size:12px}.matrix-block{flex-wrap:wrap;gap:24px;display:flex}.detail{color:#e2e8f0;background:#0f172a;border-radius:16px;flex-direction:column;gap:8px;min-width:160px;padding:16px;display:flex}.rules{background:#0f172a;border-radius:20px;padding:20px}.rules article{border-top:1px solid #ffffff14;padding:12px 0}.rules article:first-of-type{border-top:none;padding-top:0}.error{color:#fecaca;background:#451a1a;border-radius:16px;padding:24px}input[type=number],input[type=text]{color:#f5f5f5;background:#111827;border:1px solid #1f2937;border-radius:12px;padding:12px;font-size:15px}input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 1px #2563eb73}.input-note{color:#94a3b8;font-size:12px}.variance-inputs label{gap:6px}.variance-inputs input{width:100%}.variance-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.variance-summary>div{background:#0f172a99;border:1px solid #94a3b81f;border-radius:20px;padding:16px}.variance-summary strong{font-size:24px;display:block}.variance-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.variance-card{background:#040710f2;border:1px solid #94a3b81f;border-radius:20px;flex-direction:column;gap:8px;padding:20px;display:flex}.variance-card strong{font-size:22px}.variance-card span{color:#94a3b8;font-size:13px}.variance-table{background:#040710e6;border:1px solid #94a3b81f;border-radius:24px;padding:20px}.variance-table table{border-collapse:collapse;width:100%}.variance-table th,.variance-table td{text-align:left;padding:10px 4px;font-size:14px}.variance-table tbody tr+tr{border-top:1px solid #94a3b81f}.variance-footnote{color:#64748b;margin-top:12px;font-size:12px}@media (width<=640px){.meta,.cta-row{flex-direction:column}.range-panel{padding:24px}}