:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{border-radius:6px;border:1px solid transparent;padding:.5em 1em;font-size:.9em;font-weight:500;font-family:inherit;background-color:#2a2a3e;color:inherit;cursor:pointer;transition:background .2s,border-color .2s}button:hover{border-color:#4fc3f7}button:focus-visible{outline:2px solid #4fc3f7;outline-offset:2px}.game{max-width:800px;margin:0 auto;padding:12px 16px 32px;text-align:center}.game h1{font-size:2rem;margin:0 0 8px}.intro{color:#aaa;margin-bottom:20px;line-height:1.6}.hdr{margin-bottom:12px}.hdr h2{font-size:1.3rem;margin:0 0 8px}.team-a{color:#4fc3f7}.team-b{color:#ef5350}.score-track{max-width:320px;margin:0 auto 8px}.st-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.st-label{width:32px;font-size:.75rem;font-weight:700;text-align:right;flex-shrink:0}.st-bar{flex:1;height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.st-fill{height:100%;border-radius:5px;transition:width .5s ease}.st-fill-a{background:#4fc3f7}.st-fill-b{background:#ef5350}.st-val{width:40px;font-size:.7rem;color:#999;text-align:left;flex-shrink:0}.meta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 16px;font-size:.8rem;color:#777}.heels{color:gold;font-weight:700;margin:6px 0 2px}.status{margin-top:6px;font-size:.95rem;font-weight:500;min-height:1.4em}.dealer-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:gold;color:#1a1a2e;font-size:.6rem;font-weight:800;margin-left:5px;vertical-align:middle;flex-shrink:0}.cut-info{font-size:.85rem;color:#aaa;margin-bottom:10px}.cut-badge{display:inline-block;background:#fff;padding:1px 6px;border-radius:4px;font-weight:700;font-size:.85rem;border:1px solid #ffd700}.cf{font-weight:700;font-size:.85rem;letter-spacing:.5px;white-space:nowrap}.cf-red{color:#d32f2f}.cf-blk{color:#212121}.card-back{width:44px;height:62px;border-radius:5px;border:2px solid #3949ab;background:repeating-linear-gradient(45deg,#1a237e,#1a237e 3px,#283593 3px 6px);box-shadow:0 1px 3px #0000004d;flex-shrink:0}.cb-v{width:38px;height:52px}.table{display:grid;grid-template-areas:".    top    ." "left center right" ".    bottom .";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;gap:10px;justify-items:center;align-items:center;margin:0 auto}.table-top{grid-area:top}.table-left{grid-area:left}.table-center{grid-area:center}.table-right{grid-area:right}.table-bottom{grid-area:bottom}.other-hand{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:8px;transition:box-shadow .2s}.oh-active{box-shadow:0 0 12px #ffd70066}.oh-label{font-size:.75rem;font-weight:600;color:#aaa;display:flex;align-items:center;gap:5px}.oh-count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff1a;font-size:.65rem;color:#ccc}.oh-cards-h{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.oh-cards-v{display:flex;flex-direction:column;align-items:center}.oh-cards-v>*{margin-top:-28px}.oh-cards-v>*:first-child{margin-top:0}.oh-card{width:44px;height:62px;background:#fff;border-radius:5px;border:2px solid #bbb;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.oh-card-v{width:38px;height:52px}.oh-rank{font-size:.85rem;font-weight:700;line-height:1}.oh-suit{font-size:.8rem;line-height:1}.btn-toggle{background:transparent!important;color:#888!important;border:1px solid #555!important;padding:2px 10px;border-radius:4px;font-size:.7rem;cursor:pointer;margin-top:2px}.btn-toggle:hover{color:#ccc!important;border-color:#888!important}.board-area{text-align:center}.board-col-label{font-size:.75rem;color:#4fc3f7;margin-bottom:4px;letter-spacing:.5px}.board-inner{display:flex;align-items:center;justify-content:center;gap:6px}.board-row-label{font-size:.65rem;color:#ef5350;line-height:1.3;text-align:center;flex-shrink:0;width:30px}.board{display:grid;grid-template-columns:repeat(5,60px);grid-template-rows:repeat(5,80px);gap:4px;padding:10px;background:#16613b;border-radius:10px;box-shadow:inset 0 2px 10px #00000059}.cell{display:flex;align-items:center;justify-content:center;border-radius:5px;transition:background .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.cell-empty{background:#ffffff12;border:1px dashed rgba(255,255,255,.22)}.cell-filled{background:#fff;animation:cell-pop .2s ease}@keyframes cell-pop{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}.cell-cut{border:2px solid #ffd700;box-shadow:0 0 6px #ffd70059}.cell-click{cursor:pointer;border-color:gold;background:#ffd7001f}.cell-click:hover{background:#ffd70040}.hand-area{margin:6px 0 4px}.hand-area h3{margin:0 0 8px;font-size:.85rem;color:#999;font-weight:500}.hand{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.hcard{width:52px;height:74px;background:#fff;border-radius:6px;border:2px solid #bbb;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.hcard-act{cursor:pointer}.hcard-act:hover{border-color:#888;transform:translateY(-3px)}.hcard-sel{border-color:gold;box-shadow:0 0 10px #ffd70080;transform:translateY(-6px)}.hcard-rank{font-size:1.05rem;font-weight:700;line-height:1.1}.hcard-suit{font-size:1rem;line-height:1}.setup{display:flex;flex-direction:column;gap:16px;margin:20px auto;max-width:320px}.setup-group{text-align:center}.setup-label{display:block;font-size:.85rem;color:#aaa;margin-bottom:6px;font-weight:600}.setup-options{display:flex;justify-content:center;gap:6px}.setup-btn{background:#ffffff0f!important;color:#999!important;border:1px solid #444!important;padding:6px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .15s}.setup-btn:hover{color:#ccc!important;border-color:#777!important}.setup-btn-active{background:#4fc3f726!important;color:#4fc3f7!important;border-color:#4fc3f7!important;font-weight:700}.setup-btn-variant{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;line-height:1.15;flex:1;min-width:0}.setup-btn-title{font-size:.9rem;font-weight:700}.setup-btn-sub{font-size:.7rem;color:#888;font-weight:500}.setup-btn-variant.setup-btn-active .setup-btn-sub{color:#4fc3f7}.action-bar{display:flex;justify-content:center;gap:10px;margin-top:8px}.btn-disc{background:#ef5350!important;color:#fff!important;border:none!important;padding:8px 22px;border-radius:6px;font-weight:700;cursor:pointer;font-size:.9rem}.btn-disc:hover{background:#e53935!important}.btn-hint{background:#ffd7001f!important;color:gold!important;border:1px solid rgba(255,215,0,.3)!important;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem;transition:all .15s}.btn-hint:hover{background:#ffd70038!important;border-color:#ffd70080!important}.hint-msg{margin-top:6px;font-size:.85rem;color:gold;font-weight:500;animation:hint-fade .3s ease}@keyframes hint-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hcard-hint{border-color:gold!important;box-shadow:0 0 12px #ffd70099,0 0 24px #ffd70033;animation:hint-pulse 1s ease infinite alternate}.cell-hint{border:2px solid #ffd700!important;background:#ffd70040!important;box-shadow:0 0 12px #ffd70080;animation:hint-pulse 1s ease infinite alternate}@keyframes hint-pulse{0%{box-shadow:0 0 8px #ffd70066}to{box-shadow:0 0 18px #ffd700b3}}.rr{margin:20px 0 8px;padding:16px;background:#ffffff0d;border-radius:10px}.rr h3{margin:0 0 10px;font-size:1.1rem}.rr-crib{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:8px 12px;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:8px}.rr-crib-label{font-size:.8rem;font-weight:600;color:#ccc}.rr-crib-cards{display:inline-flex;align-items:center;gap:4px}.rr-card{display:inline-block;background:#fff;padding:2px 5px;border-radius:3px;font-size:.8rem}.rr-card-cut{border:1px solid #ffd700}.rr-crib-plus{color:#888;font-size:.75rem}.rr-crib-score{font-size:.85rem;font-weight:700;color:gold}.rr-cols{display:flex;justify-content:center;gap:40px;margin-bottom:12px}.rr-team{text-align:left;font-size:.82rem;line-height:1.6}.rr-team h4{margin:0 0 2px;font-size:.9rem}.rr-total{font-weight:700;border-top:1px solid #555;padding-top:3px;margin-top:3px}.rr-peg{font-size:1.05rem;font-weight:700;color:gold;margin:6px 0}.rr-scores{font-size:.85rem;color:#aaa;margin-bottom:12px}.go h2{color:gold;margin:4px 0 8px}.btn-pri{background:#4fc3f7!important;color:#1a1a2e!important;border:none!important;padding:10px 28px;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer}.btn-pri:hover{background:#29b6f6!important}.btn-sec{background:transparent!important;color:#666!important;border:1px solid #444!important;padding:5px 16px;border-radius:6px;font-size:.78rem;cursor:pointer}.btn-sec:hover{color:#bbb!important;border-color:#777!important}.foot{margin-top:24px}@media(max-width:600px){.game{padding:8px 8px 24px}.hdr h2{font-size:1.1rem}.meta{font-size:.7rem;gap:8px}.board{grid-template-columns:repeat(5,48px);grid-template-rows:repeat(5,64px);gap:3px;padding:6px}.cf{font-size:.75rem}.hcard{width:44px;height:64px}.hcard-rank{font-size:.9rem}.hcard-suit{font-size:.85rem}.card-back{width:36px;height:50px}.cb-v{width:32px;height:44px}.oh-card{width:36px;height:50px}.oh-card-v{width:32px;height:44px}.oh-cards-v>*{margin-top:-22px}.table{gap:6px}.rr-cols{gap:20px}.rr-crib{padding:6px 8px}}@media(max-width:400px){.board{grid-template-columns:repeat(5,40px);grid-template-rows:repeat(5,54px);gap:2px;padding:5px}.cf{font-size:.65rem}.hcard{width:38px;height:56px}.hcard-rank{font-size:.8rem}.hcard-suit{font-size:.75rem}.hand{gap:5px}.card-back{width:30px;height:42px}.cb-v{width:28px;height:38px}.oh-card{width:30px;height:42px}.oh-card-v{width:28px;height:38px}.oh-cards-v>*{margin-top:-18px}.oh-rank{font-size:.7rem}.oh-suit{font-size:.65rem}.board-row-label{width:22px;font-size:.55rem}}.top-nav{display:flex;justify-content:center;gap:4px;padding:8px 8px 0}.top-nav button{background:transparent;color:#777;border:1px solid #444;padding:4px 16px;border-radius:6px 6px 0 0;font-size:.8rem;cursor:pointer}.top-nav button:hover{color:#ccc;border-color:#777}.top-nav .nav-active{color:#fff;background:#ffffff14;border-bottom-color:transparent}.rules{max-width:680px;margin:0 auto;padding:16px 20px 40px;text-align:left;line-height:1.7;color:#ccc}.rules h2{text-align:center;margin-bottom:20px;font-size:1.4rem}.rules-section{margin-bottom:24px}.rules-section h3{color:#4fc3f7;font-size:1.05rem;margin:0 0 8px;border-bottom:1px solid rgba(79,195,247,.2);padding-bottom:4px}.rules-section p{margin:0 0 8px}.rules-section ol,.rules-section ul{margin:0 0 8px;padding-left:24px}.rules-section li{margin-bottom:6px}.rules-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:8px 0}.rules-table th{background:#ffffff0f;text-align:left;padding:6px 10px;font-weight:700;color:#fff;border-bottom:2px solid #444}.rules-table td{padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.rules-table tr:hover td{background:#ffffff08}.rules-note{font-size:.82rem;color:#999;font-style:italic}.rules-variants{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 4px}.rules-variant-card{flex:1 1 260px;min-width:220px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px}.rules-variant-card h4{margin:0 0 4px;font-size:1rem;color:#4fc3f7;display:flex;align-items:center;gap:8px}.rules-variant-tag{background:#4fc3f726;color:#4fc3f7;border:1px solid rgba(79,195,247,.35);border-radius:10px;padding:1px 8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.rules-variant-blurb{margin:0 0 6px;font-size:.88rem;color:#ccc;font-style:italic}.rules-variant-card ul{margin:0;padding-left:20px;font-size:.88rem}.rules-variant-card li{margin-bottom:3px}.stats{max-width:680px;margin:0 auto;padding:16px 20px 40px;text-align:left;line-height:1.6;color:#ccc}.stats h2{text-align:center;margin-bottom:8px;font-size:1.4rem}.stats-intro{text-align:center;margin:0 0 20px;color:#999;font-size:.9rem}.stats-section{margin-bottom:24px}.stats-section h3{color:#4fc3f7;font-size:1.05rem;margin:0 0 10px;border-bottom:1px solid rgba(79,195,247,.2);padding-bottom:4px}.stats-overall{background:#4fc3f70f;border:1px solid rgba(79,195,247,.18);border-radius:10px;padding:12px 18px}.stats-overall h3{border-bottom:none;padding-bottom:0;margin-bottom:6px}.stats-mode-record{display:flex;align-items:baseline;gap:10px;font-size:1.4rem;font-weight:700;color:#fff;margin:2px 0 4px}.stats-overall .stats-mode-record{font-size:1.8rem}.stats-dash{color:#777;font-weight:400}.stats-score{letter-spacing:.02em}.stats-winpct{margin:0;color:#bbb;font-size:.88rem}.stats-winpct strong{color:#81c784}.stats-games{color:#888}.stats-empty{margin:4px 0 0;color:#888;font-style:italic;font-size:.9rem}.stats-reset{margin-top:28px;text-align:center}.stats-reset .btn-sec{font-size:.85rem}.stats-note{margin:10px auto 0;max-width:460px;color:#777;font-size:.78rem;font-style:italic}.test-results{margin-top:1rem;text-align:left;font-size:.9rem}.test-results ul{list-style:none;padding-left:0}.test-ok{color:#66bb6a}.test-fail{color:#ef5350}.test-cards-fixed{display:inline-block;margin-left:.35rem;padding:.15rem .4rem;border-radius:4px;font-family:ui-monospace,monospace;font-size:.85em;font-weight:600;color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9}.test-cards-random{display:inline-block;margin-left:.35rem;padding:.15rem .4rem;border-radius:4px;font-family:ui-monospace,monospace;font-size:.85em;font-weight:600;color:#1b5e20;background:#e8f5e9;border:1px solid #81c784}