:root{--felt:#073d2b;--felt2:#052d20;--gold:#e9c879;--cream:#f5ecd8;--wood:#6a3518;--ink:#1d150d}*{box-sizing:border-box}body{color:var(--cream);background:#25140d;margin:0;font-family:Georgia,Times New Roman,serif}button{font:inherit}.tabletop{background:radial-gradient(circle at 50% 20%,#7b4423 0,#3b1f12 46%,#160c08 100%);min-height:100vh;padding:14px}.game-shell{background:radial-gradient(circle,#0b543c,#063421 75%);border:7px ridge #8a542c;border-radius:28px;max-width:1600px;min-height:calc(100vh - 28px);margin:auto;position:relative;overflow:hidden;box-shadow:0 18px 50px #000c,inset 0 0 0 2px #d49a4d}.board{color:#2b170d;background:linear-gradient(95deg,#572a13,#9b5b2b 45%,#683416),repeating-linear-gradient(90deg,#0001 0 1px,#0000 1px 4px);border:8px ridge #a86a37;border-radius:80px 28px 28px 80px;min-height:0;margin:18px 20px 10px;padding:12px 110px 18px;position:relative;box-shadow:0 10px 20px #0009,inset 0 0 30px #2a1109}.board:before{content:"";pointer-events:none;border:2px solid #d6a251aa;border-radius:67px 20px 20px 67px;position:absolute;inset:8px}.board-title{color:#f0d494;text-shadow:0 2px #32180b;justify-content:center;align-items:center;gap:14px;height:38px;display:flex}.board-title h1{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(24px,2.4vw,40px)}.route-key{color:#f7df9c;letter-spacing:.1em;text-transform:uppercase;background:#2d160dc7;border-radius:15px;justify-content:space-between;align-items:center;margin:2px 2px 7px;padding:4px 16px;font-size:12px;display:flex}.route-key strong,.route-key b{font-size:14px}.lane{border:2px solid #f3d99080;border-radius:13px;margin:6px 0;padding:7px 12px 5px;position:relative;box-shadow:inset 0 2px 9px #0008}.lane.red{--lane:#ff5b50;background:linear-gradient(90deg,#7d241fdd,#b74135cc)}.lane.blue{--lane:#55a2ff;background:linear-gradient(90deg,#163e72dd,#2864a5cc)}.lane.green{--lane:#78cf63;background:linear-gradient(90deg,#23551bdd,#468237cc)}.lane.inactive{opacity:.48;filter:saturate(.3)}.lane-name{color:#fff;text-shadow:0 1px 2px #000;align-items:center;gap:8px;font:700 13px Arial,sans-serif;display:flex}.lane-name strong{margin-left:auto;font-size:16px}.color-dot{background:var(--lane);border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #000}.track{grid-template-columns:repeat(121,minmax(2px,1fr));gap:clamp(1px,.15vw,3px);margin-top:6px;display:grid}.track i{aspect-ratio:1;background:#1b0d07;border-radius:50%;min-width:2px;position:relative;box-shadow:inset 0 1px 2px #000,0 1px #e3b76c80}.track i.fifth{outline:1px solid #f8d99499}.track i.has-peg span{z-index:2;background:var(--lane);border:2px solid #fff8;border-radius:50% 50% 40% 40%;width:clamp(9px,1vw,15px);height:clamp(15px,1.5vw,23px);position:absolute;bottom:-3px;left:50%;transform:translate(-50%);box-shadow:0 3px 4px #000b,inset 2px 2px 3px #fff7}.milestones{color:#ffe8ad;justify-content:space-between;margin-top:5px;font:700 11px Arial,sans-serif;display:flex}.start-plate,.finish-plate{color:#ffe5a4;text-align:center;letter-spacing:.08em;background:#28140c;border:2px solid #f4d28b;border-radius:9px;width:88px;padding:13px 4px;font-size:14px;font-weight:800;position:absolute;top:108px;box-shadow:inset 0 0 8px #000,0 2px 4px #0008}.start-plate{left:15px}.finish-plate{right:15px}.start-plate small,.finish-plate small{letter-spacing:0;font:10px Arial,sans-serif}.play-area{border-top:6px ridge #8e572c;min-height:46vh}.status-bar{background:#031f16b8;border-bottom:1px solid #d8b66d55;align-items:stretch;gap:14px;min-height:152px;padding:9px 20px 11px;display:flex}.status-bar .phase-tag,.status-bar .quiet{align-self:center}.history-column{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.history-title{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font:700 11px Arial,sans-serif}.message-window{scrollbar-color:#b99455 #061f17;background:#02130ecc;border:1px solid #d8b66d88;border-radius:7px;height:116px;padding:7px 10px;overflow-y:scroll;box-shadow:inset 0 2px 8px #0008}.message-window p{color:#c9d2c8;border-bottom:1px solid #d8b66d22;margin:0;padding:3px 0;font:14px/1.35 Arial,sans-serif}.message-window p:last-child{border-bottom:0}.message-window p.latest{color:#fff1c8;font-weight:700}.phase-tag{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.quiet{color:#e9d7b0;cursor:pointer;background:#1a271f;border:1px solid #d9b76b80;border-radius:7px;padding:5px 13px}.home-link{text-align:center;font-size:11px;line-height:1.25;text-decoration:none;display:block}.home-link:hover,.home-link:focus-visible{color:#fff3cb;background:#2b3b30;border-color:#f3d179;outline:none}.sound-controls{flex-direction:column;flex:0 0 150px;justify-content:center;gap:7px;display:flex}.sound-controls label{color:#d9c591;letter-spacing:.08em;text-align:center;text-transform:uppercase;flex-direction:column;gap:3px;font:700 9px Arial,sans-serif;display:flex}.sound-controls input[type=range]{accent-color:#d9b76b;cursor:pointer;width:100%}.menu-panel{background:radial-gradient(circle at 20% 10%,#17604755,#0000 45%);grid-template-columns:1.3fr .7fr;align-items:center;gap:50px;min-height:390px;padding:42px 8vw;display:grid}.menu-panel h2{color:#f6dfaa;margin:4px 0 12px;font-size:clamp(38px,5vw,70px)}.menu-panel p{color:#d8d5c4;max-width:570px;font:18px/1.7 Arial,sans-serif}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:13px}.menu-controls{background:#09291e;border:2px solid #caa05f;border-radius:15px;flex-direction:column;gap:12px;padding:24px;display:flex;box-shadow:0 12px 30px #0008}.menu-controls label{text-align:center;color:#e8cc8b;letter-spacing:.08em;text-transform:uppercase}.player-picks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.player-picks button{color:#fff;cursor:pointer;background:#17251f;border:2px solid #7f6842;border-radius:7px;padding:12px;font-size:22px}.player-picks button.active{background:#38613d;border-color:#f3d179;box-shadow:0 0 12px #e2c16866}.difficulty-picks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.difficulty-picks button{color:#eee4cc;text-transform:capitalize;cursor:pointer;background:#17251f;border:2px solid #7f6842;border-radius:7px;padding:9px 5px}.difficulty-picks button.active{color:#fff;background:#38613d;border-color:#f3d179;box-shadow:0 0 12px #e2c16866}.menu-controls .difficulty-note{color:#bfc8bd;text-align:center;min-height:38px;margin:0;font:12px/1.45 Arial,sans-serif}.opening-draw{text-align:center;background:radial-gradient(circle at 50% 10%,#17604755,#0000 55%);min-height:390px;padding:30px 6vw 34px}.opening-draw h2{color:#f6dfaa;margin:5px 0 18px;font-size:clamp(30px,4vw,48px)}.opening-draw>p{color:#f5e2b3;margin:18px 0;font:20px Arial,sans-serif}.opening-draw>.primary{min-width:220px}.draw-round{max-width:900px;margin:10px auto}.draw-round>strong{color:#ffd86e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font:700 12px Arial,sans-serif;display:block}.draw-round>div{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.draw-round article{background:#08291ecc;border:1px solid #caa05f;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:20px auto;justify-content:center;align-items:center;gap:5px 8px;min-width:125px;padding:10px 12px;display:grid;box-shadow:0 5px 14px #0007}.draw-round article>b{color:#e8c879;text-align:left;font-size:17px}.draw-round article .card{grid-column:1/3;justify-self:center;margin-top:3px}.primary,.quit{color:#fff6dc;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:linear-gradient(#467b47,#234b2c);border:2px solid #d8ad61;border-radius:9px;padding:13px 18px;font-weight:700;box-shadow:0 4px #162f1b,0 5px 9px #0008}.primary:disabled{opacity:.45;cursor:not-allowed}.quit{background:linear-gradient(#444,#252525);box-shadow:0 4px #151515}.table-center{border-bottom:2px solid #ac7d3f;grid-template-columns:1fr .55fr 1.65fr .7fr;min-height:145px;display:grid}.pile-zone,.cut-zone,.count-box,.action-zone{border-right:1px solid #c99b554d;padding:14px 20px}.pile-zone>span,.cut-zone>span,.count-box>span{color:var(--gold);letter-spacing:.12em;font-size:12px}.pile-zone>strong{margin-left:12px;font:42px Arial,sans-serif;display:inline-block}.mini-pile{scrollbar-color:#b99455 #061f17;align-items:flex-start;min-height:76px;margin-top:3px;padding:2px 30px 6px 2px;display:flex;overflow:auto hidden}.mini-pile .card{flex-shrink:0;margin-right:-20px}.mini-pile .card:last-child{margin-right:0}.cut-zone{text-align:center}.cut-zone .card{margin:6px auto 0}.card-placeholder{border:1px dashed #dfc88c77;border-radius:5px;width:48px;height:66px;margin:8px auto}.count-box p{color:#aebcaf;font:13px Arial,sans-serif}.hand-count-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.hand-count-row{border-bottom:1px solid #caa66055;padding:6px 0;font-family:Arial,sans-serif}.hand-count-row:last-child{border-bottom:0}.hand-count-heading{grid-template-columns:10px auto 1fr auto;align-items:center;gap:7px;display:grid}.hand-count-heading strong{color:#f1dba6;font-size:12px}.hand-count-heading>b{color:#fff0bf;font:700 20px Arial,sans-serif}.counted-cards,.score-event>div{flex-wrap:wrap;gap:3px;display:flex}.count-card{color:#17130e;background:#faf6e9;border:1px solid #c9bfa9;border-radius:3px;padding:2px 4px;font:700 10px Arial,sans-serif;display:inline-block;box-shadow:0 1px 2px #0007}.count-card.warm{color:#b32020}.count-card.table-card{outline-offset:1px;outline:3px solid #ffd83d}.score-events{flex-direction:column;gap:3px;margin:5px 0 0 17px;display:flex}.score-event{color:#c9d4ca;grid-template-columns:76px 1fr 24px;align-items:center;gap:5px;min-height:22px;font-size:9px;display:grid}.score-event>b{color:#ffe39a;text-align:right;font-size:11px}.score-event.zero{grid-template-columns:1fr auto;font-style:italic}.count-token{border:1px solid #f6d791;border-radius:50%;width:9px;height:9px}.count-token.red{background:#cf382d}.count-token.blue{background:#317ed4}.count-token.green{background:#62ad4d}.crib-reveal{border-top:1px solid #caa660;margin-top:6px;padding-top:5px}.crib-reveal>strong{color:#f1dba6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font:700 11px Arial,sans-serif;display:block}.crib-reveal>div{gap:3px;display:flex}.crib-reveal .card.small{flex-basis:34px;width:34px;height:48px;margin:0;padding:3px;font-size:10px}.crib-reveal .card.small em{bottom:2px;right:3px}.action-zone{border:0;justify-content:center;align-items:center;display:flex}.players{grid-template-columns:repeat(4,1fr);min-height:210px;display:grid}.player{background:#062e21aa;border-right:1px solid #b78643;min-width:0;padding:10px 12px}.player:last-child{border:0}.player.turn{background:#164d36;box-shadow:inset 0 0 22px #f4ca5555}.player header{color:#e8c879;align-items:center;gap:8px;display:flex}.player h3{margin:0;font-size:20px}.player header strong{color:#f3e6c2;border:1px solid #bd985a;border-radius:6px;margin-left:auto;padding:2px 9px;font-size:22px}.player header small{border:1px solid #9f804b;padding:2px 5px}.player-token{border:2px solid #f6d791;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 3px #000}.player-token.red{background:#cf382d}.player-token.blue{background:#317ed4}.player-token.green{background:#62ad4d}.hand{justify-content:center;min-height:130px;padding-top:17px;display:flex}.card{color:#17130e;text-align:left;background:#faf6e9;border:1px solid #d7ccb8;border-radius:7px;flex:0 0 clamp(52px,4.5vw,72px);width:clamp(52px,4.5vw,72px);height:clamp(76px,6.7vw,106px);margin:0 -3px;padding:5px;font:700 clamp(16px,1.6vw,24px) Arial,sans-serif;transition:all .16s;position:relative;box-shadow:0 4px 8px #0008}.card:not(:disabled){cursor:pointer}.card:not(:disabled):hover,.card.selected{transform:translateY(-13px);box-shadow:0 9px 13px #000a}.card.selected{outline:3px solid #f1c65e}.card b{font-size:1.05em;display:block}.card em{font-size:1.7em;font-style:normal;position:absolute;bottom:5px;right:8px}.card.warm,.card.warm span,.card.warm b,.card.warm em{color:#c51f2b}.card.small{flex-basis:48px;width:48px;height:68px;font-size:15px}.card.back{background-color:#183852;background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25%),linear-gradient(-45deg,#ffffff14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff14 75%),linear-gradient(-45deg,#0000 75%,#ffffff14 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:5px double #e5ddc9}.modal{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000b;place-items:center;display:grid;position:absolute;inset:0}.modal>div{text-align:center;background:#0a3c2a;border:6px ridge #b97a3d;border-radius:20px;min-width:320px;padding:38px;box-shadow:0 20px 60px #000}.modal span{color:var(--gold);letter-spacing:.25em}.modal h2{color:#f5dfa8;margin:10px 0;font-size:42px}@media (width<=900px){.board{padding-left:85px;padding-right:85px}.start-plate,.finish-plate{width:68px;font-size:11px}.table-center{grid-template-columns:1fr 1fr}.players{grid-template-columns:repeat(2,1fr)}.menu-panel{grid-template-columns:1fr;gap:20px}.track{gap:1px}.board{min-height:auto}}@media (width<=600px){.tabletop{padding:0}.game-shell{border-width:3px;border-radius:0}.board{border-radius:20px;margin:6px;padding:42px 10px 12px}.start-plate,.finish-plate{width:auto;padding:4px 7px;top:47px}.start-plate{left:18px}.finish-plate{right:18px}.route-key{display:none}.lane{padding-top:23px}.lane-name{position:absolute;top:4px;left:10px;right:10px}.board-title{position:absolute;top:4px;left:0;right:0}.board-title h1{font-size:20px}.menu-panel{padding:25px}.players,.table-center{grid-template-columns:1fr}.pile-zone,.cut-zone,.count-box,.action-zone{border-bottom:1px solid #c99b554d;border-right:0}.status-bar{flex-wrap:wrap;align-items:flex-start}.sound-controls{flex-direction:row;flex-basis:100%;align-items:center}.sound-controls label{flex-direction:row;flex:1;align-items:center}.card{flex-basis:58px;width:58px;height:86px}}