:root{--ink:#f5f1e8;--muted:#adafa9;--felt:#0d3b2d;--felt-deep:#071f19;--surface:#10251f;--surface-2:#153129;--line:rgba(255,255,255,.12);--gold:#d5ac58;--gold-soft:#f1d99c;--red:#db645f;--green:#70c99b;--shadow:0 24px 70px rgba(0,0,0,.28);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#081511;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;background:var(--ink);color:#081511;padding:10px 16px;z-index:50}.skip-link:focus{top:16px}.hero{padding:34px 0 54px}.back-link{color:var(--muted);text-decoration:none}.eyebrow{color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.14em;margin:28px 0 12px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:32px;align-items:end}.hero h1{font-family:"Instrument Serif",serif;font-size:clamp(3.2rem,8vw,7.2rem);font-weight:400;line-height:.85;letter-spacing:-.04em;margin:0;max-width:920px}.hero h1 em{color:var(--gold-soft);font-weight:400}.hero-copy{font-size:1.12rem;color:var(--muted);max-width:650px;margin:28px 0}.hero-proof{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.hero-proof span{background:var(--surface);padding:18px}.hero-proof strong{color:var(--gold-soft);display:block}.tab-shell{position:sticky;top:0;z-index:20;background:rgba(8,21,17,.93);backdrop-filter:blur(14px);border-block:1px solid var(--line)}.tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 0;scrollbar-width:thin}.tabs button,.segmented button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:999px;white-space:nowrap;cursor:pointer}.tabs button[aria-selected=true],.segmented button.is-active{background:var(--gold);color:#172017}.app-main{padding:38px 0 80px}.tab-panel{animation:panel-in .25s ease}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-heading .eyebrow{margin:0 0 4px}.section-heading h2,.feature-band h2,.faq h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(2.1rem,5vw,4rem);line-height:1;margin:0}.section-heading>p,.rule-summary{color:var(--muted);max-width:480px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);padding:11px 17px;border-radius:999px;cursor:pointer;transition:transform .18s ease,background .18s ease}.button:hover:not(:disabled){transform:translateY(-2px);background:#1b3b31}.button:disabled{opacity:.42;cursor:not-allowed}.button-primary{background:var(--gold);color:#152018;border-color:var(--gold);font-weight:700}.button-primary:hover:not(:disabled){background:var(--gold-soft)}.button-ghost{background:transparent}label{display:grid;gap:7px;color:var(--muted);font-size:.85rem}input,select{width:100%;background:#091b16;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(213,172,88,.45);outline-offset:2px}.play-toolbar,.sim-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.compact{max-width:110px}.toolbar-stat{margin-left:auto;color:var(--gold-soft);font-weight:700}.casino-table{position:relative;min-height:520px;border-radius:160px 160px 28px 28px;background:radial-gradient(circle at 50% 40%,#175840 0,#0c3a2c 52%,#07241c 100%);border:8px solid #402d1f;box-shadow:inset 0 0 0 3px rgba(213,172,88,.25),var(--shadow);padding:34px 50px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden}.casino-table:before{content:"ADVANTAGE PLAY";position:absolute;inset:46% 0 auto;text-align:center;letter-spacing:.35em;color:rgba(255,255,255,.06);font-weight:700}.table-position{position:relative;z-index:1;text-align:center;min-height:116px}.position-label{display:block;color:var(--gold-soft);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.card-row{display:flex;justify-content:center;gap:8px;min-height:86px}.playing-card{width:58px;height:82px;background:#f6f1e5;color:#151716;border-radius:8px;padding:7px;display:grid;align-content:space-between;text-align:left;box-shadow:0 7px 14px rgba(0,0,0,.28);font-weight:700;animation:deal-in .28s cubic-bezier(.2,.8,.2,1)}.playing-card.red{color:#b73336}.playing-card.back{background:repeating-linear-gradient(45deg,#9f2632,#9f2632 5px,#7c1e28 5px,#7c1e28 10px);border:4px solid #f3dfb4;color:transparent}.playing-card small{text-align:right;font-size:1.25rem}.player-hands{display:flex;gap:20px}.player-hands .is-current{filter:drop-shadow(0 0 8px var(--gold))}.auto-seats{position:relative;z-index:1;display:flex;gap:34px;justify-content:center;flex-wrap:wrap}.auto-seat .playing-card{width:42px;height:60px;font-size:.75rem}.auto-seat .card-row{min-height:62px}.decision-controls{position:relative;z-index:1;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.shoe-meter{position:absolute;right:22px;top:22px;width:14px;height:120px;border:1px solid var(--line);border-radius:8px;overflow:visible}.shoe-meter span{position:absolute;bottom:0;left:0;right:0;height:100%;background:var(--gold);border-radius:7px;transition:height .3s}.shoe-meter small{position:absolute;right:20px;top:0;color:var(--muted)}.feedback{margin-top:14px;padding:13px 16px;border-left:3px solid var(--gold);background:rgba(213,172,88,.08);border-radius:0 10px 10px 0}.feedback.is-correct{border-color:var(--green)}.feedback.is-wrong{border-color:var(--red)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:460px;width:calc(100% - 32px)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.form-grid,.setup-grid,.spread-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setup-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.drill-stage{min-height:410px;display:grid;place-items:center;align-content:center;gap:16px}.count-chip{background:rgba(213,172,88,.12);color:var(--gold-soft);padding:6px 13px;border-radius:999px}.visual-arena{min-height:430px;display:grid;place-items:center;align-content:center;gap:24px;background:radial-gradient(circle,var(--felt),var(--felt-deep));border-radius:var(--radius);border:1px solid var(--line)}.visual-cards{min-height:145px}.visual-cards .playing-card{width:92px;height:132px;font-size:1.4rem;padding:12px}.visual-cards .playing-card small{font-size:2.1rem}.countdown{font-family:"Instrument Serif",serif;font-size:7rem;color:var(--gold-soft)}.visual-controls{display:flex;gap:10px}.answer-panel{margin-top:14px;display:flex;align-items:end;gap:12px}.simulation-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px}.simulation-settings{align-self:start;position:sticky;top:80px}.simulation-settings h3{margin-top:24px}.simulation-settings h3:first-child{margin-top:0}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:13px 0}.switch input{width:auto}.spread-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-controls label{display:flex;align-items:center;gap:8px;margin-left:auto}.sim-hero-stat{text-align:center;padding:28px 16px}.sim-hero-stat span,.sim-hero-stat small{display:block;color:var(--muted)}.sim-hero-stat strong{display:block;font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(2.6rem,6vw,5rem);line-height:1;color:var(--gold-soft);margin:7px}.compact-table{min-height:340px;border-radius:100px 100px 20px 20px;justify-content:space-around}.bot-hud{position:relative;z-index:2;background:rgba(5,18,14,.85);padding:10px 15px;border-radius:10px;color:var(--gold-soft);text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.stat-grid>div{padding:16px;border-bottom:1px solid var(--line)}.stat-grid span{color:var(--muted);display:block;font-size:.8rem}.stat-grid strong{font-size:1.25rem}.chart-block{margin-top:28px}.line-chart{width:100%;height:auto;min-height:220px}.chart-zero{stroke:var(--line);stroke-width:1}.chart-line{fill:none;stroke:var(--gold);stroke-width:3;stroke-linejoin:round}.chart-dot{fill:var(--gold-soft)}.bar-chart{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:60px minmax(0,1fr) 70px;align-items:center;gap:10px}.bar-track{height:8px;background:var(--surface-2);border-radius:5px;overflow:hidden}.bar-track i{display:block;width:var(--bar);height:100%;background:var(--gold)}.disclaimer,.empty-state{color:var(--muted);font-size:.84rem}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.achievement-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.achievement{border:1px solid var(--line);padding:16px;border-radius:14px;min-height:150px}.achievement.is-locked{opacity:.45}.achievement .medal{font-size:1.7rem}.achievement h3{font-size:1rem}.achievement p{color:var(--muted);font-size:.82rem}.history-list{display:grid;gap:8px;margin-top:28px}.history-item{display:grid;grid-template-columns:1fr auto;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.feature-band,.faq{padding:76px 0;border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px}.feature-grid p,.faq p{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700}.toast{position:fixed;right:20px;bottom:20px;z-index:80;background:var(--gold);color:#162018;padding:16px 20px;border-radius:14px;box-shadow:var(--shadow);max-width:340px}footer{display:flex;justify-content:space-between;padding:32px 0 50px;color:var(--muted);border-top:1px solid var(--line)}
@keyframes deal-in{from{opacity:0;transform:translate(24px,-24px) rotate(8deg) scale(.85)}to{opacity:1;transform:none}}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero-grid,.simulation-layout,.settings-layout{grid-template-columns:1fr}.simulation-settings{position:static}.achievement-grid{grid-template-columns:repeat(2,1fr)}.setup-grid{grid-template-columns:1fr 1fr}.casino-table{padding-inline:24px}.hero-proof{grid-template-columns:repeat(3,1fr)}.hero-proof span{padding:12px}}
@media(max-width:620px){.shell{width:min(100% - 20px,1180px)}.hero{padding-top:20px}.hero-grid,.hero-proof,.feature-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.setup-grid,.form-grid,.rules-grid,.stat-grid{grid-template-columns:1fr 1fr}.casino-table{min-height:500px;border-radius:90px 90px 24px 24px;padding:30px 12px 20px}.playing-card{width:48px;height:70px}.visual-cards .playing-card{width:64px;height:94px}.toolbar-stat{width:100%;margin:0}.achievement-grid{grid-template-columns:1fr}.answer-panel{align-items:stretch;flex-direction:column}.sim-controls label{margin-left:0}.player-hands{gap:5px}.auto-seats{gap:8px}.feature-band,.faq{padding:52px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.insurance-controls{background:rgba(5,18,14,.78);padding:10px;border-radius:999px}
[hidden]{display:none!important}
