.handbook-entry{display:flex;align-items:center;gap:20px;margin:26px 0;padding:24px;border:1px solid #455674;border-left:3px solid var(--cyan);border-radius:8px;background:#121d32}.handbook-entry-symbol{font:50px Georgia,serif;color:var(--cyan)}.handbook-entry>div{flex:1}.handbook-entry small{font-size:10.5px;letter-spacing:2px;color:var(--cyan)}.handbook-entry h2{font-size:18px;margin:6px 0}.handbook-entry p{font-size:12px;color:#b5c2d7;line-height:1.7}.handbook-entry .btn{font-size:12px}
.poker-reference{--ref-muted:#b2bfd5;color:#edf3ff;line-height:1.7;min-width:0}.reference-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border:1px solid #354663;background:#0d1629;border-radius:8px;margin-bottom:27px}.reference-nav button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;font-size:12px;font-weight:700;border-radius:5px;padding:9px 6px;color:#bdcbe0}.reference-nav small{font:11px ui-monospace,monospace;color:#899dbb}.reference-nav button[aria-pressed=true]{background:#263a52;color:#a1eeff;box-shadow:inset 0 -2px #76dff5}.reference-nav button[aria-pressed=true] small{color:#a1eeff}.reference-content h2{font-size:24px;line-height:1.5;letter-spacing:.02em;color:#f1f5ff;margin:7px 0 12px}.reference-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.reference-intro p{font-size:13px;color:var(--ref-muted);line-height:1.9}.reference-intro .study-index{color:#8cdfed;font-size:11px}.reference-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ef9cd1;font:76px/.95 Georgia,serif;min-width:96px}.reference-emblem small{font:10px var(--sans);letter-spacing:2px;margin-top:12px}.reference-order{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--ref-muted);margin:0 0 12px}.reference-order>span:first-child{color:#f4a8d7}.hand-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hand-reference{padding:21px 23px 16px;border:1px solid #344561;border-radius:8px;background:#131e32;min-width:0}.hand-reference.royal-hand{border-color:#966084;background:linear-gradient(125deg,#281c39,#131e32 85%)}.hand-reference-head{display:flex;align-items:center;gap:12px;min-height:44px}.hand-rank{font:26px ui-monospace,monospace;color:#91bbd4}.royal-hand .hand-rank{color:#f5a6d8}.hand-reference-head small{font:10px var(--sans);letter-spacing:1.8px;color:#9cafc9}.hand-reference h3{font-size:16px;line-height:1.5;margin:3px 0 0}.best-badge{margin-left:auto;border:1px solid #b77b9f;padding:2px 7px;border-radius:3px;font-size:11px;color:#f4b4df;white-space:nowrap}.reference-cards{display:flex;gap:7px;margin:17px 0;align-items:center}.poker-reference .reference-cards .playing-card{width:45px;height:63px;border:1px solid #c2c9d7;border-radius:4px;padding:4px 5px;font:bold 18px/1 Georgia,serif;background:#fffdf4;box-shadow:0 3px 8px #0004;display:flex;flex-direction:column;justify-content:space-between;color:#243046;transform:none}.poker-reference .reference-cards .red-card{color:#bb3152}.poker-reference .reference-cards .suit{font-size:23px;line-height:1;text-align:center}.poker-reference .reference-cards small{font-size:10.5px;align-self:flex-end;line-height:1}.reference-cards .kicker-card{opacity:.6}.hand-reference>p{font-size:12px;color:#c3cee0;line-height:1.8;min-height:44px}.hand-reference details{margin-top:14px;border-top:1px solid #35445d;padding-top:10px;font-size:11px;color:#b9cde1}.poker-reference summary{cursor:pointer;min-height:30px;align-content:center}.poker-reference summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.hand-reference details p{margin-top:8px;color:#d5deed;font-size:12px;line-height:1.9}.reference-note{margin-top:21px;padding:18px 21px;border-left:2px solid #66b6cb;background:#142238;border-radius:0 5px 5px 0;font-size:12px;line-height:1.9}.reference-note b,.reference-note h3{color:#c7edff;font-size:13px}.reference-note p{color:#b7c7dd;margin-top:7px}.reference-next{margin-top:30px;padding-top:23px;border-top:1px solid #34445e;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.reference-next b{font-size:14px}.reference-next span{display:block;font-size:11px;color:var(--ref-muted);margin-top:6px}.reference-next>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.reference-next .btn{font-size:12px}.reference-select{display:flex;gap:8px;margin-bottom:18px}.reference-select button{padding:12px 20px;min-height:60px;border:1px solid #526680;border-radius:5px;font-size:13px;text-align:left;color:#c5d3e6}.reference-select small{display:block;font-size:11px;color:#9aafca;margin-top:5px}.reference-select [aria-pressed=true]{background:#243e50;border-color:#73c4d5;color:#b3f1fb}.reference-select [aria-pressed=true] small{color:#a0d2dc}.probability-premise{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 15px;font-size:11px;color:#b5c5de;padding:14px 17px;background:#17273b;border:1px solid #3b516c;border-radius:5px;margin:20px 0 12px}.probability-premise b{color:#c9eafb}.reference-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.reference-table caption{text-align:left;font-size:11px;color:#b9c8da;margin:0 0 12px}.reference-table th,.reference-table td{text-align:right;padding:13px 15px;border-bottom:1px solid #344359}.reference-table th:first-child{text-align:left}.reference-table thead th{font-size:11px;font-weight:500;color:#a7bbd3;background:#0c172a;white-space:nowrap}.reference-table tbody th{font-weight:500}.reference-table tbody td{font:14px ui-monospace,monospace;color:#9eebfb}.reference-table tbody td:last-child{color:#bed0e5}.reference-table tbody tr:nth-child(even){background:#121e31}.reference-table th small{display:block;font-size:10.5px;color:#a9bbd4;margin-left:32px;font-weight:400}.table-rank{font:11px ui-monospace,monospace;color:#94a9c5;display:inline-block;width:32px}.reference-sources{font-size:11px;color:#b6c6db;margin-top:23px;border-top:1px solid #34445e;padding-top:12px;line-height:1.9}.reference-sources p{margin:10px 0}.reference-sources a{display:block;color:#a0e5f7;text-decoration:underline;text-underline-offset:4px;margin:8px 0}.reference-sources>small{display:block;margin-top:14px;color:#91a8c5}.draw-examples{display:grid;gap:12px}.draw-examples article{display:flex;gap:19px;padding:20px;border:1px solid #3b4e6a;background:#131f33;border-radius:6px}.outs-count{font:36px ui-monospace,monospace;color:#f1a9d8;min-width:53px}.outs-count small{display:block;font:10px var(--sans);letter-spacing:1px;margin-top:8px}.draw-examples article>div>small{font-size:11px;color:#9eb9d3}.draw-examples h3{font-size:15px;margin:3px 0}.draw-examples p{font-size:12px;color:#b9c9dd}.draw-examples .reference-cards{margin:12px 0}.outs-table th small{margin:2px 0 0}.outs-table .common-outs{background:#243249!important}.outs-table .common-outs th{color:#ffb5e1}.reference-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.reference-actions>div{padding:15px;background:#162238;border:1px solid #374b68;border-radius:5px}.reference-actions dt{font-size:14px;font-weight:bold;color:#aff0f6;margin-bottom:6px}.reference-actions dd{margin:0;font-size:12px;color:#b8c9e1}.reference-basic h3{font-size:15px}.reference-basic .reference-cards{margin:14px 0}.poker-reference button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
#modal:has(.poker-reference){width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:25px;overscroll-behavior:contain}#modal:has(.poker-reference) .modal-head{margin-bottom:20px}#modal:has(.poker-reference) .modal-head h2{font-size:20px}#modal:has(.poker-reference) .modal-head button{min-width:44px;min-height:44px}#modal:has(.poker-reference) .reference-nav{margin-bottom:20px}#modal:has(.poker-reference) .modal-actions{margin-top:22px}
@media(max-width:1100px){.reference-nav button{font-size:11px;gap:5px}.hand-reference{padding:18px 17px}.hand-reference h3{font-size:14px}.reference-order{font-size:11px}.handbook-entry{flex-wrap:wrap}.handbook-entry .btn{margin-left:auto}}
@media(max-width:650px){.handbook-entry{padding:19px;gap:13px}.handbook-entry-symbol{font-size:38px}.handbook-entry h2{font-size:15px}.handbook-entry p{font-size:11px}.handbook-entry .btn{width:100%}.reference-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:23px}.reference-nav button{min-height:43px;font-size:11px}.reference-intro{margin-bottom:20px}.reference-content h2{font-size:21px}.reference-intro p{font-size:12px}.reference-intro p br{display:none}.reference-emblem{display:none}.reference-order{flex-direction:column;gap:4px}.hand-reference-grid{grid-template-columns:1fr;gap:12px}.hand-reference{padding:18px 19px}.hand-reference h3{font-size:16px}.hand-reference>p{min-height:0;font-size:12px}.reference-cards{gap:8px}.poker-reference .reference-cards .playing-card{width:43px;height:61px}.reference-select{gap:7px}.reference-select button{flex:1;font-size:12px;padding:10px}.reference-select small{font-size:10.5px}.probability-premise{padding:12px;font-size:11px}.reference-table{font-size:11px}.reference-table th,.reference-table td{padding:12px 4px}.reference-table thead th{font-size:10.5px}.reference-table tbody td{font-size:11px}.reference-table th small{font-size:10px;margin-left:0}.table-rank{display:none}.reference-note{padding:14px 15px;font-size:11px}.reference-sources{font-size:11px;overflow-wrap:anywhere}.reference-next{margin-top:24px}.reference-next>div:last-child{width:100%}.reference-next .btn{width:100%}.reference-actions{grid-template-columns:1fr}.draw-examples article{gap:10px;padding:15px 12px}.outs-count{font-size:29px;min-width:38px}.draw-examples h3{font-size:13px}.draw-examples .reference-cards{gap:5px}.draw-examples .reference-cards .playing-card{width:35px;height:50px;font-size:15px;padding:3px}.draw-examples .reference-cards .suit{font-size:19px}.draw-examples p{font-size:11px}.outs-table th,.outs-table td{padding:12px 3px}.outs-table thead th{font-size:10px}#modal:has(.poker-reference){padding:0;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}#modal:has(.poker-reference) .modal-head{padding:14px;margin:0}#modal:has(.poker-reference) .modal-head h2{font-size:17px}#modal:has(.poker-reference) .modal-body{padding:0 14px 14px}#modal:has(.poker-reference) .modal-actions{padding:0 14px 18px;margin:0}#modal:has(.poker-reference) .reference-nav{margin-bottom:19px}#modal:has(.poker-reference) .hand-reference{padding:16px}}
.lab-handbook-link{margin:-12px 0 25px;font-size:12px;color:#98dfef;text-decoration:underline;text-underline-offset:4px}
