*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 65%,#07325766,transparent 45%),radial-gradient(ellipse at 90% 80%,#12365a44,transparent 40%),#080e12;color:#f4f3ed;font:15px system-ui,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,select{cursor:pointer;background:linear-gradient(#182835,#0a141c);color:#eaf1f9;border:1px solid #435d73;border-radius:7px;padding:9px 13px}button:hover{border-color:#d5ff56}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d5ff56;outline-offset:3px}button:disabled{opacity:.25;cursor:default}header{height:76px;border-bottom:1px solid #34495c;display:flex;align-items:center;justify-content:space-between;padding:0 3%;gap:20px}.logo{font:bold 36px Georgia;letter-spacing:-1.7px}.logo span,h1 span,#heroLabel,.rangeFooter strong{color:#d9ff63}nav{display:flex;align-items:center;gap:50px;height:100%}nav a{height:100%;display:flex;align-items:center;padding:0 15px;color:#bbcee1}nav .current{color:#dcff68;border-bottom:3px solid #dcff68}.badge{border:1px solid #7b962f;border-radius:30px;padding:9px 15px;font-size:10px;letter-spacing:1px;color:#d9ff63}main{max-width:1600px;margin:auto;padding:24px 28px}.intro{text-align:center;margin:0 0 26px}h1{font:700 clamp(30px,3.9vw,62px)/1.14 Georgia;margin:3px 0 12px;letter-spacing:-1.5px}.intro p{font:24px Georgia;margin:0;color:#dfded7}.mobile{display:none}.workspace{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(480px,1.9fr) minmax(240px,.95fr);gap:14px;align-items:stretch}.panel{background:linear-gradient(120deg,#111d26ee,#091118f5);border:1px solid #456078;border-radius:14px;padding:25px;box-shadow:0 15px 35px #0003}h2{font:600 13px system-ui;letter-spacing:1.7px;color:#bfd2e9;margin:0 0 21px}h2 small{float:right;font-size:9px;letter-spacing:1px;color:#8ba7bf}.hint{font-size:12px;color:#9fb4c7;line-height:1.7}.cards{display:flex;gap:10px;margin:10px 0}.card{padding:8px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:61px;height:85px;border:1px solid #c8c9c6;border-radius:8px;background:linear-gradient(140deg,#fffef9,#e9e7dd);color:#0d1720;box-shadow:0 5px 10px #0005;font:700 26px/1 Georgia}.card .suit{align-self:center;font-size:35px}.card.red{color:#cf1736}.card.empty{background:#152d40;border:1px dashed #5a778f;color:#7895ab;justify-content:center;align-items:center}.large .card{width:46%;height:190px;font-size:54px;padding:13px}.large .suit{font-size:82px}.board{gap:7px;flex-wrap:wrap}.board .card{width:calc((100% - 14px)/3);height:99px}.board .card:nth-child(n+4){width:calc((100% - 14px)/3);height:65px}.board .card:nth-child(n+4) .suit{font-size:20px}hr{border:0;border-top:1px solid #2d4353;margin:25px 0}.quiet{font-size:11px;padding:7px 10px}.actions{display:flex;gap:10px;margin-top:20px}.rangeToolbar{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:15px 0}.segmented{display:flex}.segmented button{border-radius:0;font-size:12px;padding:10px}.segmented button:first-child{border-radius:7px 0 0 7px}.segmented button:last-child{border-radius:0 7px 7px 0}.active,.segmented .active{background:#d6fb5e;color:#14200b;border-color:#d6fb5e}.presets{display:flex;gap:5px}.presets button{font-size:11px;padding:8px}.matrix{display:grid;grid-template-columns:22px repeat(13,minmax(0,1fr));gap:3px}.matrix button{font-size:10px;min-width:0;padding:0;height:29px;border:0;border-radius:4px;background:linear-gradient(#2b465e,#192e41);color:#d4e0eb}.matrix button.chosen{background:linear-gradient(#e2ff84,#bfe846);color:#15220a;font-weight:700;box-shadow:0 0 9px #c8f24715}.axis{text-align:center;align-self:center;font-size:10px;color:#ecf3fa;font-weight:600;height:20px}.rangeFooter{text-align:center;margin-top:15px}.rangeFooter strong{font-size:12px}.rangeFooter p{margin:4px}.range>p{margin-top:-11px;font-size:10px}.explanation{border:1px solid #3d5971;border-radius:10px;padding:18px 12px;display:flex;gap:15px;align-items:center;margin:16px 0}.explanation h3{margin:0 0 6px;font-size:16px}.explanation p{margin:0;color:#afc4d9;font-size:13px;line-height:1.6}.miniCards{background:#f5f1e7;border-radius:5px;padding:12px 6px;color:#111;font:bold 18px Georgia;white-space:nowrap}.miniCards span{color:#c51f37}.tileIcon{font-size:60px;line-height:1;color:#d6fb5e}.down{text-align:center;font-size:33px;color:#a5beda;margin:5px}.explainText{border:1px solid #3d5971;border-radius:9px;padding:18px;color:#b8cfe1;line-height:1.7;font-size:13px}.primary{width:100%;background:linear-gradient(#e1ff7e,#cefa4d);color:#14200b;font-size:18px;font-weight:750;border:1px solid #dafa67;padding:17px 10px;box-shadow:0 7px 22px #cffa4110}.accuracy{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:5px}.accuracy select{font-size:10px;padding:7px}#notice{font-size:11px;color:#b6cadd;line-height:1.6;margin-top:14px}progress{width:100%;height:4px;accent-color:#d5ff56}.setup{margin-top:16px;padding:15px}.setupHead{display:flex;align-items:center;gap:23px;flex-wrap:wrap;padding:0 12px 12px}.setupHead h2,.setupHead p{margin:0}.setupHead label{font-size:12px}.setupHead select{font-size:12px;padding:8px}.setupHead p{margin-left:auto}.seats{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.seat{padding:11px 7px;border:1px solid #456078;border-radius:11px;text-align:center;background:#091824;cursor:pointer;position:relative}.seat.selected{border:2px solid #d6fb5e;box-shadow:0 0 14px #d6fb5e22}.seat.off{opacity:.5}.seat .avatar{font-size:22px;color:#9dbbd5}.seat.selected .avatar{color:#d6fb5e}.seat p{margin:3px;font-size:12px}.seat select{padding:4px 6px;width:100%;font-size:11px}.seat small{font-size:10px;color:#c2d6e8;display:block;margin-top:6px}.dealer{position:absolute;top:6px;left:6px;border-radius:50%;background:#e1ff73;color:#18210d;width:17px;height:17px;font:bold 11px/17px Arial}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.potFields{display:flex;align-items:center;gap:20px}.potFields label{font-size:11px;color:#a8bdce;flex:1}input{display:block;width:100%;margin-top:9px;background:#08121b;border:1px solid #426079;border-radius:5px;padding:10px;color:white}#price{font-size:26px;color:#d9ff63;white-space:nowrap}.results{margin-top:16px}.resultRow{display:grid;grid-template-columns:150px 1fr 160px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #243b4c}.resultRow b{color:#ddff72;font-size:23px}.bar{height:8px;background:#213c50;border-radius:10px;overflow:hidden}.bar span{height:100%;display:block;background:#d2fa5c}.resultRow small{color:#9fb7c9;font-size:11px}.resultRow strong{font-size:13px}footer{display:flex;justify-content:space-between;margin:28px 0 8px;color:#768e9f;font-size:10px;letter-spacing:1px}dialog{background:#0b1823;color:white;border:1px solid #607e95;border-radius:14px;padding:24px;width:min(720px,95vw)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialogHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialogHead h2{margin:0}.deck{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;margin-bottom:20px}.deck button{font:bold 17px Georgia;padding:14px 0;background:#efeee7;color:#15202a}.deck .red{color:#c9233c}#exactCards{justify-content:center;margin:28px 0}#dead .card{width:36px;height:48px;font-size:16px}#dead .suit{font-size:19px}@media(min-width:1600px){.matrix button{height:33px}}@media(max-width:1150px){.workspace{grid-template-columns:240px 1fr}.insights{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.insights h2{grid-column:1/-1}.insights .explanation{margin:0}.down{display:none}.explainText{margin:0}.accuracy,#notice{margin:0}.seats{grid-template-columns:repeat(5,1fr)}.badge{display:none}nav{gap:15px}.matrix button{height:32px}}@media(max-width:720px){header{height:65px;padding:0 15px}.logo{font-size:27px}nav{gap:4px;font-size:11px}nav a{padding:0 6px}main{padding:23px 12px}.intro h1{font-size:34px}.intro p{font-size:18px}.mobile{display:block}.workspace{display:flex;flex-direction:column}.panel{padding:18px}.hand{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.hand h2{margin:0;grid-column:1/-1}.hand hr{display:none}.large .card{height:110px;font-size:34px}.large .suit{font-size:48px}#heroCards{grid-column:1}.hand h2:nth-of-type(2){grid-column:2;grid-row:1}#board{grid-column:2;grid-row:2;align-content:start}.board .card{height:65px;font-size:21px;padding:5px}.board .suit{font-size:25px}.board .card:nth-child(n+4){height:47px}.hand .hint,.hand .actions{grid-column:1/-1;margin:0}.rangeToolbar{gap:8px}.matrix{gap:2px;grid-template-columns:16px repeat(13,minmax(0,1fr))}.matrix button{font-size:8px;height:27px}.axis{font-size:9px}.insights{display:block}.insights .explanation{margin:10px 0}.explainText{margin:10px 0}.accuracy,#notice{margin-top:12px}.seats{grid-template-columns:repeat(3,1fr)}.setupHead{padding:0 0 12px;gap:10px}.setupHead h2{width:100%}.bottom{grid-template-columns:1fr}.potFields{gap:10px}#price{font-size:21px}.resultRow{grid-template-columns:90px 1fr;gap:10px}.resultRow small{grid-column:2}.deck{gap:3px}.deck button{font-size:12px;padding:12px 0}footer span{display:none}}

header{flex-wrap:wrap;gap:15px}header nav{display:flex;flex-wrap:wrap;gap:12px 20px}header nav a{display:inline-block!important;padding:8px 0}@media(max-width:700px){header nav{width:100%;order:3;display:flex!important}.badge{font-size:9px}}