:root{font-family:Inter,'Microsoft YaHei',sans-serif;color:#dfeae7;background:#0d1517;font-size:16px;--green:#6ee7b7;--muted:#8eaaa3;--line:#2a3b3b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#1b2c2d;color:#e6eeeb;border-radius:8px;padding:10px 15px}button:hover{border-color:var(--green);background:#243e3b}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-weight:700;font-size:20px}.brand>b{font-size:40px;color:var(--green)}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:6px;color:var(--muted)}.topnote{font-size:14px;color:var(--muted)}.badge{font-size:12px;border:1px solid var(--line);padding:8px 12px;border-radius:30px;color:#adbbb7}main{max-width:1450px;margin:auto;padding:36px 5% 20px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green)}h1{font-weight:500;font-size:30px;letter-spacing:1px;margin:10px 0 0}nav{display:flex;padding:5px;background:#152224;border:1px solid var(--line);border-radius:10px}nav button{border:0;background:transparent;color:var(--muted);padding:12px 24px}nav .active{background:#c7efdf;color:#17362c;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:22px}.table-panel,.recommendation,.settings{background:#142123;border:1px solid var(--line);border-radius:14px}.table-panel{overflow:hidden;align-self:start}.panel-top{display:flex;justify-content:space-between;color:#b8cbc5;font-size:14px;padding:21px 23px}.panel-top>span:last-child{font-size:12px;color:var(--green)}.felt{position:relative;margin:25px 30px 20px;height:460px;border-radius:190px;background:radial-gradient(ellipse,#225347,#183e35 65%,#17372f);border:10px solid #233431;box-shadow:0 0 0 1px #496254,inset 0 0 0 2px #496754,inset 0 0 55px #0a211e;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 12px 28px}.opponent,.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.opponent strong,.hero strong{font-size:14px;font-weight:500}.avatar{border:1px solid #709284;border-radius:50%;background:#293f38;width:35px;height:35px;padding:4px}.opponent>span,.hero>span{font-size:12px;color:#c2d9ce}.cards{display:flex;gap:9px;justify-content:center}.card{border:1px solid #e1ebe2;width:58px;height:81px;border-radius:7px;background:#f2f3e9;color:#202c2b;box-shadow:0 4px 5px #071b1840;font-family:Georgia,serif;font-weight:bold;font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;line-height:1.05}.card.red{color:#c05555}.card.empty{background:#153e3240;border:1px dashed #649182;color:#84a598;font-family:inherit;font-size:25px;box-shadow:none}.card.back{background:repeating-linear-gradient(45deg,#254e46,#254e46 4px,#355f52 4px,#355f52 6px);color:#8bc1a4;border:2px solid #8aaa94}.small .card{width:28px;height:38px;font-size:13px}.table-caption{display:block;text-align:center;font-size:12px;color:#aacbbd;letter-spacing:2px;margin-bottom:12px}.table-caption span{color:#e9f4dc;font-weight:bold;letter-spacing:0}.table-watermark{display:block;text-align:center;font-size:15px;letter-spacing:6px;color:#779a884f;margin-top:14px}.table-edge{position:absolute;bottom:8px;font-size:8px;letter-spacing:3px;color:#7f9d8a}.controlbar{display:flex;gap:8px;padding:23px;border-top:1px solid var(--line);align-items:center;flex-wrap:wrap}.controlbar button{font-size:14px}.controlbar span{font-size:12px;color:var(--muted);margin-left:auto}.recommendation{padding:0 22px 14px}.recommendation .panel-top{padding:20px 0}.muted{font-size:12px;color:var(--muted)}.equity{display:flex;gap:16px;align-items:center;margin:8px 0 18px}.equity>strong{font-size:52px;font-weight:500;letter-spacing:-2px;color:var(--green)}.equity>span{font-size:13px;color:#c4d5cc}.equity small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.meter{height:5px;background:#2d4140;border-radius:10px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--green);transition:width .4s}.metrics{display:flex;justify-content:space-between;margin:22px 0}.metrics small{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.metrics b{font-size:17px;font-weight:500}.decision{padding:17px;background:#20392f;border:1px solid #385944;border-radius:9px}.decision>span{font-size:12px;color:#b0c9b9}.decision strong{display:block;font-size:24px;color:#bdedaa;margin-top:8px}.decision p,.fine{font-size:12px;line-height:1.7;color:#a3b9ad;margin:8px 0 0}.ev{display:flex;justify-content:space-between;font-size:12px;margin-top:17px}.fine{color:#829b93;margin-top:16px}.settings{margin-top:18px;padding:20px}.settings h2{font-size:15px;font-weight:500;margin:0 0 17px}.settings h2 span{float:right;color:var(--muted);font-size:11px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.fields label{font-size:12px;color:var(--muted)}input[type=number],select{display:block;width:100%;min-width:0;background:#0f1c1d;color:#dfebe5;border:1px solid var(--line);border-radius:6px;padding:9px;margin-top:7px;font-size:14px}.bottom{display:grid;grid-template-columns:1fr 345px;gap:22px;margin-top:24px;padding:24px 0;border-bottom:1px solid var(--line)}.bottom h2{font-size:19px;font-weight:500;margin:10px 0}.bottom p{font-size:14px;color:var(--muted);line-height:1.8;margin:6px 0}.tip{padding-left:22px;border-left:1px solid var(--line)}.tip b{font-size:14px;color:#bcc7b7}footer{display:flex;justify-content:space-between;color:#69867e;font-size:11px;padding:22px 0}.primary{background:#b8ebce;color:#153b2b;font-weight:bold}.actionbar{display:flex;gap:8px;align-items:end;padding:8px 20px 20px;flex-wrap:wrap}.actionbar label{font-size:12px;color:var(--muted);width:110px}.game-message{padding:15px 22px 5px;color:#c5e7d4;font-size:14px}.practice-options{padding:0 22px 18px;display:flex;justify-content:space-between;font-size:12px;align-items:center;gap:10px}.practice-options button{font-size:12px}.practice-options label{color:var(--muted)}dialog{max-width:820px;width:95%;border:1px solid #496258;border-radius:14px;background:#152527;color:#ddebe4;padding:24px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.picker-top{display:flex;justify-content:space-between;align-items:center}.picker-top h2{font-size:20px}dialog p{font-size:14px;color:var(--muted)}#deck{display:grid;grid-template-columns:repeat(13,1fr);gap:6px;margin:20px 0}#deck .card{width:100%;height:62px;font-size:18px}#removeCard{font-size:14px}[hidden]{display:none!important}@media(min-width:1400px){.felt{height:490px;margin:25px 45px 30px}.card{width:64px;height:89px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.felt{margin:20px 12px;height:440px}.card{width:49px;height:72px}.cards{gap:6px}.topnote{display:none}.controlbar span{margin-left:0}.equity>strong{font-size:43px}.bottom{grid-template-columns:1fr 300px}}@media(max-width:800px){header{height:76px}.badge{font-size:10px}main{padding-top:24px}.heading{align-items:start;gap:20px;flex-direction:column}h1{font-size:25px}nav{width:100%}nav button{flex:1}.workspace,.bottom{grid-template-columns:1fr}.felt{height:430px;margin:15px 12px}.card{width:51px;height:72px}.tip{padding:15px 0 0;border-left:0;border-top:1px solid var(--line)}aside{display:grid;grid-template-columns:1fr;gap:15px}.settings{margin:0}.bottom{margin-top:8px}.practice-options{flex-wrap:wrap}#deck{grid-template-columns:repeat(7,1fr)}.controlbar{padding:15px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.fields label,.actionbar label,.practice-options,.practice-options button,.decision p,.ev{font-size:14px}.brand small,.eyebrow,.badge,.table-caption,.metrics small,.fine,.settings h2 span,.controlbar span,footer{font-size:12px}@media(max-width:400px){#board .card{width:clamp(30px,9vw,42px);height:62px;font-size:20px}#board{gap:5px}.felt{padding-left:6px;padding-right:6px}.brand{font-size:17px}.badge{display:none}}

.sizing-panel{margin-top:18px;padding:20px;background:#142123;border:1px solid var(--line);border-radius:14px}.sizing-panel h2{font-size:17px;margin:0 0 12px}.frequency-hint{font-size:14px;line-height:1.7;color:var(--muted)}.size-row{position:relative;display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);overflow:hidden}.size-row b{font-size:15px}.size-row small{display:block;font-size:12px;margin-top:6px;color:var(--muted)}.size-row strong{font-size:20px;color:var(--green)}.size-row i{position:absolute;height:2px;bottom:0;left:0;background:var(--green)}.size-row.unavailable{opacity:.5}.quick-sizes{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 0}.quick-sizes button{font-size:14px;padding:10px}.sizing-panel details{margin-top:15px;font-size:14px;color:var(--muted)}

.session-panel,.preflop-panel{background:#152a28;border:1px solid #34534a;border-radius:16px;padding:18px;margin:18px 0}.session-panel h2{font-size:20px}.session-panel input,.session-panel select{max-width:100%}.session-panel .actionbar{flex-wrap:wrap}.seat-states{display:grid;gap:5px;font-size:12px;margin:12px 0}.turn-seat{color:#64e9b8;font-weight:bold}#sessionError{color:#ffae94}#actionHistory{font-size:13px;max-height:220px;overflow:auto;padding-left:22px}.preflop-grid{display:grid;grid-template-columns:repeat(13,minmax(42px,1fr));gap:3px;overflow-x:auto;padding:12px 0}.preflop-cell{padding:7px 1px;text-align:center;border-radius:5px;color:white;font-size:11px}.preflop-cell b{display:block;font-size:12px}.preflop-panel{overflow:hidden}.preflop-panel summary,.session-panel summary{cursor:pointer;padding:8px 0}
.simple-panel{padding:18px;border-top:1px solid var(--line)}.simple-panel h2{font-size:20px}.simple-panel .actionbar{flex-wrap:wrap}.simple-panel details{margin:12px 0}.simple-panel summary{cursor:pointer;padding:8px 0}.simple-decision{border:1px solid #5dd8ab;background:#163c31;padding:18px;margin:16px 0;border-radius:12px}.simple-decision strong{display:block;font-size:25px;line-height:1.5;margin:8px 0}.simple-decision>span{color:#a4bfaf;font-size:12px}.simple-mode .workspace{grid-template-columns:minmax(0,1fr);max-width:900px;margin:auto}.simple-mode aside,.simple-mode .bottom{display:none}.simple-mode .felt{height:350px}.simple-panel [hidden]{display:none!important}#simpleError{color:#ffad91}#simpleHistory{max-height:200px;overflow:auto;padding-left:22px;font-size:13px}#simpleFrequencies p{font-size:14px}nav{flex-wrap:wrap}@media(max-width:600px){.simple-panel{padding:14px}.simple-decision strong{font-size:21px}.simple-panel .fields{grid-template-columns:minmax(0,1fr)}nav button{font-size:14px;padding:10px 8px}}
