:root{--paper:#f6f0e4;--ink:#183038;--red:#a83442;--green:#174c44;--gold:#d5bb7b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dc9a30;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid #d9d0bf}.brand{text-decoration:none;color:var(--ink);font-weight:900;letter-spacing:2px}.brand span{display:block;font-size:9px;letter-spacing:2.5px;color:#316a62}.draft{font-size:10px;letter-spacing:1px;border:1px solid #a8344266;border-radius:30px;padding:4px 10px;color:var(--red)}main{max-width:1080px;margin:auto;padding:30px 24px}.intro{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:0 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;color:var(--red);margin:0 0 10px}h1{font:clamp(37px,5vw,60px)/1.04 Georgia,serif;letter-spacing:-1.5px;margin:0 0 15px}.intro p{color:#596b6b}.note{max-width:270px;padding:20px 0 20px 22px;border-left:2px solid #caba95}.note p{font-size:13px;margin:7px 0}.settings{display:flex;gap:14px;align-items:end;padding:20px;border:1px solid #d8cfbd;border-radius:8px;background:#fffcf5}label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;letter-spacing:.2px}.settings label:first-child{flex:1}select,input{padding:10px;border:1px solid #d8cfbd;background:white;border-radius:4px;color:var(--ink);font-size:13px;min-height:42px}.outline,.primary{border-radius:5px;padding:11px 19px;font-size:13px;font-weight:750}.outline{border:1px solid #c7bdab;background:transparent;color:var(--ink)}.primary{background:var(--red);color:white;border:1px solid var(--red)}.rules{font-size:11px;line-height:1.7;color:#50635f;padding:14px 3px}.rules span{color:#6b7770}.scorebar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8cfbd;padding:20px 4px;gap:12px}.scorebar small{font-size:9px;letter-spacing:1.3px;display:block;color:#637771}.scorebar b{font-size:19px;font-weight:650}.table{border:9px solid #20383b;border-radius:22px;background:radial-gradient(ellipse at 50% 40%,#286258,#16453e 75%);color:#fff8e6;padding:20px;box-shadow:0 5px 0 #d6c8ac,inset 0 0 0 2px #bfa36a55;min-height:400px}.table-top,.table-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#c5cdac}.dealer{text-align:center;margin-top:18px}.table-label{font-size:10px;letter-spacing:2px;color:#e6d9ad;margin:0 0 10px}.cards{display:flex;justify-content:center;gap:9px}.card{position:relative;flex-shrink:0;width:67px;height:94px;border-radius:6px;background:#fffcf5;color:#183038;box-shadow:0 3px 8px #0003;text-align:left;padding:7px 9px;font:21px/1 Georgia,serif}.card.red{color:#b33343}.card .suit{font-size:15px;display:block;margin-top:2px}.card .center{position:absolute;font-size:32px;left:23px;top:36px}.card.back{background:repeating-linear-gradient(45deg,#183038,#183038 4px,#2d4c53 4px,#2d4c53 6px);border:4px solid #f3e9d4;color:#e5d6ad;font:bold 18px Georgia;text-align:center;display:grid;place-content:center}.felt-title{text-align:center;font:24px Georgia,serif;color:#c9bb8e88;letter-spacing:3px;margin:20px}.felt-title small{font:italic 14px Georgia;letter-spacing:0}.empty-hand{text-align:center;color:#ccdac9;font-size:12px;margin:25px}.table-footer{display:block;text-align:center;margin-top:22px;font-size:8px}#player-hands{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hand{padding:12px 15px;border:1px solid transparent;border-radius:10px;text-align:center}.hand.active{border-color:#d7bb77;background:#ffffff0a}.hand-label{font-size:10px;letter-spacing:1px;margin:10px 0 0;color:#e2d6b6}.control-panel{background:#fffcf5;border:1px solid #d8cfbd;border-radius:8px;padding:24px;margin-top:25px}.wager{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.wager h2{font:25px Georgia;margin:0}.wager .muted{flex-basis:100%;margin:0;order:3}.unit-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.unit-controls label{flex-direction:row;align-items:center}.unit-controls input{width:80px}.chip{border:2px dashed #a83442;background:#f5e9e3;color:var(--red);border-radius:50%;width:40px;height:40px;font-size:13px;font-weight:800}.muted{font-size:11px;color:#63756b}.action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.action-grid button{padding:14px 8px;background:var(--ink);border:0;border-radius:6px;color:#fffaf0;font-weight:700}.action-grid button span{display:block;font-size:9px;font-weight:400;color:#bacec9;margin-top:5px}.actions>p{margin:0 0 14px;font-weight:650}.feedback{padding:17px;border-radius:5px;margin-top:18px;background:#e6efe4;border-left:4px solid #276358}.feedback.wrong{background:#f5e8e1;border-left-color:var(--red)}.feedback b{display:block;margin-bottom:3px}.feedback p{font-size:13px;margin:5px 0}.feedback small{font-size:11px}.round-result{margin-top:18px;border-top:1px solid #ded5c4;padding-top:15px}.round-result b{font:23px Georgia}.round-result p{font-size:12px;margin:8px 0}#continue-box,#finish{margin-top:15px}.summary{margin-top:25px;border:2px solid #b8a67f;background:#fffcf5;border-radius:10px;padding:30px}.summary h2{font:32px Georgia;margin:5px 0}.review-item{padding:15px 0;border-top:1px solid #ded5c4;font-size:12px}.review-item b{font-size:14px}.summary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.how{margin-top:28px;padding:20px 0;border-top:1px solid #d8cfbd;font-size:12px;color:#576c63}.how summary{font-weight:700;cursor:pointer}.how a{color:var(--red)}footer{font-size:10px;letter-spacing:.5px;color:#6b7c70;margin:20px 0}[hidden]{display:none!important}@media(max-width:720px){.intro{gap:20px}.note{max-width:220px}.settings{flex-wrap:wrap}.settings label:first-child{flex-basis:100%}.settings label{flex:1}.settings .outline{flex-basis:100%}.wager{align-items:start}.wager>.primary{margin-top:6px}.unit-controls{margin-left:0}.action-grid{grid-template-columns:repeat(3,1fr)}.scorebar b{font-size:16px}.scorebar small{font-size:8px}.hand{padding:7px}.table{padding:15px}.card{width:60px;height:84px}.card .center{left:20px;top:32px;font-size:28px}}@media(max-width:460px){main{padding:24px 14px}.intro{display:block}.note{max-width:none;padding:8px 14px;margin-top:20px}.note p{margin:4px 0}.intro>div>p:last-child{font-size:13px}.scorebar{grid-template-columns:repeat(2,1fr)}.table-top{font-size:7px;letter-spacing:1px}.table{border-width:6px}.action-grid button span{font-size:8px}.control-panel{padding:18px}.draft{font-size:8px}.brand{font-size:13px}header{padding:17px 18px}.settings{padding:15px}.settings select{width:100%}.card{width:53px;height:77px;padding:5px;font-size:18px}.card .center{left:17px;top:30px;font-size:25px}.cards{gap:5px}.felt-title{font-size:20px}}

.cards{flex-wrap:wrap}.hand{max-width:100%}
/* Sailor Mark red-felt table, portrait chips and existing tattoo artwork. */
:root{--ink:#191c22;--red:#ab2339;--green:#7f2332;--gold:#d9b976}body{background:radial-gradient(ellipse at 50% 0,#fff9ee 0,#f4edde 65%)}header{background:#14151a;color:#f4e6c9;border-bottom:2px solid #bd9a5c}.brand{color:#f4e6c9}.brand span{color:#bbab89}.draft{color:#debe7e;border-color:#debe7e55}.intro{padding:10px 8px 22px;margin-bottom:16px}h1{font-size:clamp(40px,5vw,65px)}h1 em{color:#a3293c;font-weight:400}.hero-host{display:flex;align-items:center;gap:22px;flex-shrink:0}.hero-host p{font-size:12px;line-height:1.8}.hero-host p b{font-size:11px}.portrait-chip{isolation:isolate;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:repeating-conic-gradient(from 2deg,#cbb480 0deg 6deg,#13151b 6deg 30deg);border:3px solid #15151a;box-shadow:0 5px 0 #08090c,0 7px 0 #6e665b,0 9px 12px #0004;overflow:visible;flex-shrink:0}.portrait-chip::before{content:"";position:absolute;inset:7%;border:1px solid #bda574;border-radius:50%;background:radial-gradient(circle,#27292f,#111318);z-index:-1}.portrait-chip img{width:66%;height:66%;border-radius:50%;object-fit:cover;object-position:center 35%;border:1px solid #b8a579;filter:saturate(.7)}.chip-brand{position:absolute;top:11%;font:700 7px system-ui;letter-spacing:.7px;color:#ebd8ab;text-shadow:0 1px #000;background:#15151bd9;padding:1px 4px;border-radius:8px}.chip-value{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:1px solid #cdb37d;border-radius:12px;padding:0 7px;color:#f5e8cc;background:#111318;font-size:12px;line-height:20px;min-width:25px;font-weight:800}.hero-chip{width:140px;height:140px;transform:rotate(8deg)}.hero-chip .chip-brand{font-size:10px;letter-spacing:1px;top:9%}.chip.portrait-chip{width:76px;height:76px;padding:0;border-style:solid;color:#f5e8cc;transition:transform .15s}.chip.portrait-chip:hover{transform:translateY(-4px)}.chip.portrait-chip[aria-pressed="true"]{outline:3px solid #b12f43;outline-offset:5px}.unit-controls{gap:15px}.unit-controls label{margin-left:5px}.settings{box-shadow:0 3px 12px #2a182107;border-color:#d4c6aa}.table-intro{display:flex;justify-content:space-between;gap:16px;font-size:11px;padding:20px 3px 0}.table-intro span{font-size:9px;letter-spacing:1.4px;color:#a3293c;font-weight:800}.table-intro b{font-weight:500;color:#645c51}.table{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#bd3e4e 0%,#922638 45%,#6a1525 100%);border:13px solid #18181e;border-top-width:20px;border-radius:34px 34px 120px 120px;min-height:505px;padding:24px 35px 25px;box-shadow:0 0 0 2px #ae8d53,0 8px 0 #0b0b10,0 13px 0 #b4a080,0 25px 35px #291c2426,inset 0 0 0 2px #d5bb7955,inset 0 0 60px #20000955;overflow:hidden}.table::before{content:"";position:absolute;inset:12px;border:1px solid #d0b57455;border-radius:20px 20px 100px 100px;pointer-events:none;z-index:-1}.table::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.13;pointer-events:none;z-index:-1}.table-octogoddess{position:absolute;top:67px;left:25px;width:205px;height:175px;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 9px 10px #22000888);z-index:-1}.table-tattoo{position:absolute;top:72px;right:34px;width:155px;height:155px;object-fit:contain;transform:rotate(11deg);opacity:.9;filter:drop-shadow(0 5px 8px #20000977);z-index:-1}.table-top,.table-footer{color:#ebd0ab}.dealer{margin-top:20px}.table-label{color:#ffe2bd;letter-spacing:3px}.felt-title{margin:22px 0 18px;color:#f0d39cb0;font-size:30px;letter-spacing:3px}.felt-title small{font-size:17px;color:#e6cba2}.felt-rule{display:block;font:12px Georgia;letter-spacing:8px;margin-bottom:10px;color:#e7c48f99}.felt-caption{display:block;font:8px system-ui;letter-spacing:2px;margin-top:11px;color:#e8c5a499}.card{width:72px;height:100px;border:1px solid #e7dbc5;background:linear-gradient(145deg,#fffefa,#f3edde);box-shadow:1px 5px 8px #25000b66}.card .center{top:38px;left:24px}.card.back{background:repeating-linear-gradient(45deg,#14151a,#14151a 3px,#292a30 3px,#292a30 5px);border:4px solid #ede3c9;display:flex;align-items:center;justify-content:center;padding:3px}.card.back img{width:100%;height:100%;object-fit:contain;filter:sepia(.3)}.hand{background:#410b1c12}.hand.active{border:1px solid #e1c079;background:#410b1c20;box-shadow:0 0 0 3px #efc4770a}.hand-wager{height:42px;margin-top:11px}.table-chip{width:45px;height:45px;box-shadow:0 3px 0 #090a0d,0 5px 0 #6d6556,0 8px 6px #16000a55}.table-chip .chip-brand{font-size:4px;letter-spacing:.3px;padding:0 2px}.table-chip .chip-value{font-size:8px;line-height:13px;min-width:19px;padding:0 4px}.hand-label{color:#f5e1c6;margin-top:13px;font-size:9px}.table-footer{margin-top:18px}.scorebar{padding-bottom:23px}.control-panel{margin-top:39px;box-shadow:0 6px 22px #2d172309;border-color:#d4c6aa}.wager{padding:7px 0}.wager .muted{padding-top:10px}.actions>p{font:23px Georgia;color:#6f2030}.action-grid button{background:linear-gradient(150deg,#29282e,#111218);border:1px solid #5d5041;box-shadow:0 3px 0 #b5a281}.action-grid button:hover:enabled{border-color:#caaf72;transform:translateY(-1px)}.primary{background:linear-gradient(140deg,#b33047,#8b1b30);box-shadow:0 2px 0 #641828;border-color:#9c273b}.feedback{background:#edf1e7}.feedback.wrong{background:#f8e8e2}.round-result{color:#652131}.table .empty-hand{color:#f3d9bf}.table .cards{max-width:100%}@media(max-width:800px){.hero-host{gap:10px}.hero-host p{display:none}.hero-chip{width:105px;height:105px}.hero-chip .chip-brand{font-size:8px}.table-octogoddess{width:145px;height:135px;left:16px;top:75px}.table-tattoo{width:110px;height:110px;right:20px;top:86px}.table{padding-inline:20px}.unit-controls{gap:12px}.chip.portrait-chip{width:65px;height:65px}.chip-brand{font-size:6px}.table-intro{display:block}.table-intro b{display:block;margin-top:5px}}@media(max-width:460px){.intro{position:relative;padding:4px 0 14px;padding-right:68px;min-height:145px}.intro h1{font-size:36px;letter-spacing:-1px}.intro h1 em{font-size:27px;white-space:nowrap}.intro>div>p:last-child{font-size:12px;max-width:220px}.hero-host{position:absolute;right:0;top:12px}.hero-chip{width:67px;height:67px;transform:rotate(10deg)}.hero-chip .chip-brand{font-size:5px;letter-spacing:.4px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.table{border-width:8px;border-top-width:13px;border-radius:24px 24px 58px 58px;padding:18px 14px;min-height:470px}.table::before{inset:8px;border-radius:15px 15px 43px 43px}.table-octogoddess{width:78px;height:85px;left:9px;top:70px}.table-tattoo{width:68px;height:68px;right:8px;top:80px}.table-top{letter-spacing:.7px;font-size:7px}.table-top span:first-child{max-width:115px}.dealer{margin-top:26px}.felt-title{font-size:23px;margin-top:22px}.felt-title small{font-size:15px}.felt-caption{font-size:7px;letter-spacing:1.6px}.card{width:58px;height:84px}.card .center{left:19px;top:32px;font-size:27px}.chip.portrait-chip{width:61px;height:61px}.unit-controls{gap:11px;flex-wrap:wrap}.unit-controls label{margin-left:7px}.unit-controls input{width:66px}.chip-brand{font-size:5px}.chip-value{font-size:10px;line-height:18px}.wager{gap:18px}.control-panel{padding:18px}.hand{padding:7px 10px}.table-chip{width:40px;height:40px}.hand-wager{height:37px}.table-footer{font-size:7px}.scorebar b{font-size:18px}.wager>.primary{width:100%}}
.quick-start{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 22px}.quick-start span{font-size:11px;color:#6f6657;flex-basis:100%}.quick-start a{color:#922638;font-size:12px}.quick-start p{margin:0;font-size:12px}.insurance-box{padding:18px;background:#f6edda;border:1px solid #c4a26a;border-radius:8px}.insurance-box h2{font:28px Georgia;margin:0}.insurance-box p{font-size:13px}.action-grid{grid-template-columns:repeat(4,1fr)}#tester-feedback textarea{width:100%;font:14px/1.6 system-ui;padding:14px;border:1px solid #c6bca8;border-radius:5px;color:#182f36;background:#fffef8;margin-top:10px}#tester-feedback label{margin-top:18px}#feedback-status pre,#share-status pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 system-ui} .settings label[hidden]{display:none!important}@media(max-width:460px){.action-grid{grid-template-columns:repeat(2,1fr)}}

.settings{flex-wrap:wrap}.settings label{flex:1 1 140px}.preset-switch{display:inline-flex;padding:4px;background:#e8decc;border-radius:8px;gap:4px}.preset-switch button{border:0;background:transparent;color:var(--ink);font-weight:750;padding:12px 22px;border-radius:5px}.preset-switch button[aria-pressed="true"]{background:var(--red);color:white}.preset-note{font-size:12px;max-width:760px}#shoe-status{font-weight:750}@media(max-width:460px){.preset-switch{display:flex}.preset-switch button{flex:1}.settings label{min-width:0;flex-basis:42%}.settings label:first-child{flex-basis:100%}}

.experience{margin:0 0 22px;padding:20px;border:1px solid #caba95;border-radius:9px;background:#fffcf5}.experience-switch{display:flex;gap:10px}.experience-switch button{flex:1;padding:16px;border:1px solid #b49e7a;border-radius:6px;font-size:16px;font-weight:750;background:transparent;color:var(--ink)}.experience-switch button[aria-pressed="true"]{background:var(--ink);color:white}.experience p:last-child{font-size:12px;margin-bottom:0}.strategy-guide{margin:20px 0 0;padding:18px 22px;border:1px solid #caba95;border-left:5px solid var(--red);border-radius:7px;background:#fffcf5}.strategy-guide h2{font:28px Georgia;margin:0}.strategy-guide p:last-child{margin-bottom:0}.scorebar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.action-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}[hidden]{display:none!important}