:root{color-scheme:dark;--bg:#151214;--panel:#211c20;--panel2:#2c242a;--red:#d43748;--cream:#faf0de;--muted:#bcb0b7;--line:#46333c;--gold:#e2bb74;--green:#8bd5b6;--shadow:0 18px 45px #0005}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#352129 0,transparent 58%),var(--bg);color:var(--cream);font:16px/1.5 system-ui,Segoe UI,sans-serif;min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid #64505c;border-radius:9px;padding:.65rem 1rem;background:#32272e;color:var(--cream);cursor:pointer;font-weight:650;min-height:44px}button:hover:not(:disabled){background:#49323d;border-color:#c48b9d}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button.primary{background:var(--red);border-color:#f16b78;color:white}button.primary:hover{background:#ed4659}button:disabled{opacity:.4;cursor:default}a{color:#f1bfca}h1,h2,h3,p{margin-top:0}h2{font:700 1.65rem/1.2 Georgia,serif}h3{font-size:1.08rem}label{display:block;color:var(--muted);font-size:.88rem}input,select{width:100%;background:#181417;border:1px solid #63505b;border-radius:7px;color:var(--cream);padding:.6rem;min-height:44px}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--red)}input[type=range]{padding:0;accent-color:var(--red)}.masthead{max-width:1250px;padding:22px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font:700 1.3rem Georgia,serif;text-decoration:none;color:var(--cream);white-space:nowrap}.brand em{color:#f75e70}.brand span{display:block;font:600 .59rem system-ui;letter-spacing:.3em;color:var(--muted);margin-top:5px}.title{text-align:center}.title h1{font:700 2rem Georgia,serif;margin:0}.title h1 span{font:800 .75rem system-ui;background:var(--red);padding:4px 7px;border-radius:5px;vertical-align:middle;margin-left:10px}.title p{font-size:.8rem;color:var(--muted);margin:5px 0 0}.return{font-size:.84rem}main{max-width:1180px;margin:24px auto;padding:0 24px}footer{max-width:1180px;margin:20px auto;padding:16px 24px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;font-size:.78rem;border-top:1px solid var(--line)}footer button{font-size:.8rem;padding:7px 12px}.red{color:#ff8390}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.67rem;color:var(--gold);font-weight:750}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin:28px 0}.welcome{padding:20px 14px 20px 0;display:flex;flex-direction:column;justify-content:center}.welcome h2{font-size:3.4rem;max-width:480px}.welcome p{max-width:450px;color:var(--muted)}.hero-cards{display:flex;justify-content:center;gap:0;margin:15px 0 25px}.hero-cards .playing-card{width:98px;height:136px;transform:rotate(-12deg);box-shadow:var(--shadow);pointer-events:none}.hero-cards .playing-card:nth-child(2){transform:translateY(-12px)}.hero-cards .playing-card:nth-child(3){transform:rotate(12deg)}.panel{background:linear-gradient(135deg,#2d2229,#211b20);border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.mode-tabs button{font-size:.85rem}.mode-tabs button.active{background:#6d2332;border-color:#f06a7b}.setup-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.setup-head h2{margin-bottom:6px}.tag{display:inline-block;border:1px solid #79515e;border-radius:999px;padding:3px 9px;font-size:.69rem;color:#e8aabc}.muted{color:var(--muted)}.small{font-size:.81rem}.setup-seats{display:grid;gap:8px;margin:18px 0}.setup-seat{display:grid;grid-template-columns:62px 1.1fr 1fr .8fr;gap:8px;align-items:center}.setup-seat span{font-size:.76rem;color:var(--muted)}.setup-seat input,.setup-seat select{font-size:.85rem;padding:.5rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin:14px 0}.checks label,.check{display:flex;align-items:center;gap:8px}.wide{width:100%}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions.end{justify-content:flex-end}.gap{margin-top:16px}.resume{border:1px solid #806641;border-radius:10px;padding:12px;margin-bottom:14px;background:#3e3023}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;background:#211b20;border:1px solid var(--line);border-radius:14px;padding:12px 22px}.team-score{display:flex;align-items:center;gap:16px}.team-score:last-child{justify-content:flex-end;text-align:right}.team-score strong{font:700 2rem Georgia,serif;color:var(--cream)}.team-score small{display:block;font-size:.65rem;letter-spacing:.1em;color:var(--muted)}.team-score span{font-size:.83rem}.contract{text-align:center;font-size:.88rem}.contract strong{display:block;color:var(--gold);font-size:1.05rem}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:12px 0;align-items:center}.toolbar .actions{gap:6px}.toolbar button{font-size:.77rem;padding:6px 11px;min-height:38px}.mode-note{font-size:.73rem;color:var(--muted)}.table{height:300px;position:relative;border:2px solid #69414a;border-radius:100px;background:radial-gradient(ellipse,#432830,#2b2026 70%);box-shadow:inset 0 0 50px #0004,0 10px 25px #0004;margin:12px 30px}.table::before{content:"500";font:italic bold 100px Georgia,serif;color:#c1788810;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.seat{position:absolute;text-align:center;min-width:115px;background:#21191ef0;border:1px solid #63424f;border-radius:10px;padding:6px 12px;z-index:2}.seat.active{border-color:var(--gold);box-shadow:0 0 0 2px #e2bb7425}.seat.south{bottom:-13px;left:50%;transform:translateX(-50%)}.seat.north{top:-13px;left:50%;transform:translateX(-50%)}.seat.west{left:-30px;top:50%;transform:translateY(-50%)}.seat.east{right:-30px;top:50%;transform:translateY(-50%)}.seat strong{display:block;font-size:.8rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat small{color:var(--muted);font-size:.64rem}.seat.team0{border-left:3px solid #ec8d9d}.seat.team1{border-left:3px solid #94bcc7}.trick-area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:250px;height:210px}.trick-card{position:absolute;z-index:1}.trick-card.pos0{left:91px;top:112px}.trick-card.pos1{left:25px;top:60px}.trick-card.pos2{left:91px;top:8px}.trick-card.pos3{left:158px;top:60px}.trick-card .playing-card{width:62px;height:86px;min-height:0;cursor:default}.table-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%;font-size:.83rem;color:var(--muted)}.playing-card{position:relative;background:linear-gradient(145deg,#fffdf7,#f5ecde);color:#171215;border:1px solid #d6c4b5;border-radius:8px;width:76px;height:106px;min-height:0;padding:7px;flex-shrink:0;box-shadow:0 4px 7px #0005;text-align:left;line-height:1}.playing-card.red-card{color:#b51835}.playing-card:hover:not(:disabled){background:#fffdf7;transform:translateY(-5px);border-color:var(--gold)}.playing-card .corner{font-size:1.17rem;font-weight:800;display:block}.playing-card .pip{display:block;font:2.4rem Georgia,serif;text-align:center;margin-top:7px}.playing-card .bottom{position:absolute;right:6px;bottom:5px;transform:rotate(180deg);font-size:.9rem;font-weight:800}.playing-card .bower{position:absolute;left:5px;bottom:6px;font:700 .54rem system-ui;color:#61412b;max-width:44px}.playing-card[disabled]{opacity:1;color:#6f6864;background:repeating-linear-gradient(45deg,#ded6cb,#ded6cb 3px,#e7dfd5 3px,#e7dfd5 7px);box-shadow:none}.playing-card[disabled].red-card{color:#a86a73}.playing-card.chosen{transform:translateY(-10px);outline:3px solid var(--gold)}.playing-card.hint{outline:3px solid var(--green)}.playing-card.back{background:repeating-linear-gradient(45deg,#832939,#832939 3px,#942e40 3px,#942e40 6px);border:3px solid #e2cabc;color:#fff}.phase-panel{padding:15px 20px;background:#241c22;border:1px solid var(--line);border-radius:12px;margin-top:20px}.phase-line{display:flex;justify-content:space-between;gap:16px;align-items:center}.phase-line h2{font:700 1.15rem Georgia,serif;margin:0}.phase-line p{font-size:.83rem;color:var(--muted);margin:4px 0 0}.bid-controls{display:grid;grid-template-columns:1fr 1.3fr auto auto;align-items:end;gap:9px;margin-top:12px}.bid-controls label{font-size:.74rem}.bid-controls button{font-size:.85rem}.bid-value{font-size:.77rem;color:var(--gold);margin-top:8px}.hand-wrap{margin-top:18px}.hand-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.hand-head h3{margin:0;font-size:.85rem}.hand-head span{color:var(--muted);font-size:.75rem}.hand{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:3px 0 5px;min-height:118px}.hand .playing-card{animation:deal .2s ease-out}.private-shield{padding:26px;text-align:center;border:1px dashed #93616e;border-radius:12px;width:100%;background:#281e24}.private-shield strong{display:block;font:700 1.3rem Georgia,serif;margin-bottom:8px}.public-hand{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}.public-hand .playing-card{width:48px;height:67px;padding:4px;cursor:default;pointer-events:none}.public-hand .playing-card .pip{font-size:1.4rem;margin:2px 0}.public-hand .playing-card .corner{font-size:.83rem}.public-hand .playing-card .bottom{font-size:.68rem}.public-hand .bower{display:none}.exposed{border:1px solid #5f6750;padding:10px;border-radius:10px;margin-top:10px}.history{border-collapse:collapse;width:100%;font-size:.82rem}.history th,.history td{padding:9px 7px;border-bottom:1px solid var(--line);text-align:left}.history-wrap{overflow:auto}.result-summary{padding:20px;text-align:center;background:#38252c;border:1px solid #a96778;border-radius:12px;margin:12px 0}.result-summary h2{color:var(--gold)}.result-summary .deltas{display:flex;justify-content:center;gap:30px}.result-summary strong{font-size:1.5rem}.lobby-seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.lobby-seat{background:#191619;border:1px solid var(--line);border-radius:12px;padding:18px}.lobby-seat h3{margin-bottom:4px}.room-code{font:700 2rem ui-monospace,monospace;letter-spacing:.14em;color:var(--gold)}.online-shell{max-width:760px;margin:30px auto}.warning{color:#ffb4a9;border-left:3px solid var(--red);padding-left:12px}.tutorial-step{padding:14px;background:#33262e;border-radius:10px;margin:12px 0}.tutorial-step h3{margin-bottom:6px}.help-card{border:1px solid var(--line);padding:12px;border-radius:9px;margin:12px 0}.help-card p:last-child{margin-bottom:0}dialog{background:#241d23;color:var(--cream);border:1px solid #8b5d6d;border-radius:16px;max-width:760px;width:calc(100% - 30px);max-height:90dvh;padding:0;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#100c10d9;backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;background:#2f222b;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);z-index:10}.dialog-head h2{margin:0;font-size:1.35rem}.dialog-head button{padding:5px 12px}.dialog-body,#dialog-body{padding:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;background:#712c3c;border:1px solid #e68d9e;color:white;border-radius:10px;padding:15px 22px;max-width:92%;box-shadow:var(--shadow)}@keyframes deal{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1050px){.hand{gap:9px}.hand .playing-card{width:82px;height:112px}}
@media(max-width:760px){main{padding:0 13px;margin:14px auto}.masthead{padding:14px;gap:12px;flex-wrap:wrap}.brand{font-size:1.13rem}.brand span{font-size:.52rem}.title{order:3;width:100%}.title h1{font-size:1.65rem}.title p{font-size:.72rem}.return{font-size:.72rem}.intro{grid-template-columns:1fr;gap:5px;margin:10px 0}.welcome{padding:5px 8px 0;text-align:center}.welcome h2{font-size:2rem;max-width:none;margin-bottom:8px}.welcome p{font-size:.83rem;margin:0 auto 10px}.hero-cards{display:none}.eyebrow{font-size:.6rem}.panel{padding:16px;border-radius:13px}.setup-seat{grid-template-columns:44px 1fr .9fr .8fr;gap:5px}.setup-seat input,.setup-seat select{font-size:.73rem;padding:.45rem .3rem}.setup-seat span{font-size:.65rem}.scoreboard{padding:8px 10px;gap:8px;border-radius:10px}.team-score{gap:8px}.team-score strong{font-size:1.65rem}.team-score span{font-size:.69rem}.team-score small{font-size:.54rem}.contract{font-size:.63rem}.contract strong{font-size:.82rem}.toolbar{flex-wrap:wrap;gap:5px;margin:8px 0}.toolbar button{font-size:.68rem;padding:5px 8px;min-height:36px}.mode-note{font-size:.62rem}.table{height:244px;margin:18px 15px 20px;border-radius:65px}.seat{min-width:85px;padding:4px 7px;border-radius:8px}.seat strong{font-size:.69rem;max-width:92px}.seat small{font-size:.55rem}.seat.west{left:-15px;top:41%}.seat.east{right:-15px;top:59%}.trick-area{width:200px;height:180px}.trick-card.pos0{left:76px;top:100px}.trick-card.pos1{left:29px;top:56px}.trick-card.pos2{left:76px;top:9px}.trick-card.pos3{left:123px;top:56px}.trick-card .playing-card{width:48px;height:68px;border-radius:6px;padding:4px}.trick-card .playing-card .corner{font-size:.85rem}.trick-card .playing-card .pip{font-size:1.5rem;margin-top:4px}.trick-card .playing-card .bottom{font-size:.65rem;bottom:3px;right:4px}.trick-card .bower{display:none}.phase-panel{padding:11px 12px;margin-top:5px}.phase-line{gap:8px;align-items:flex-start}.phase-line h2{font-size:1.02rem}.phase-line p{font-size:.73rem}.phase-line button{padding:6px 10px;font-size:.72rem}.bid-controls{grid-template-columns:.7fr 1.4fr;gap:7px}.bid-controls button{min-height:40px;padding:6px}.bid-controls select{padding:7px 5px;font-size:.78rem}.bid-value{font-size:.69rem}.hand-wrap{margin-top:12px}.hand-head{margin-bottom:10px}.hand-head h3{font-size:.76rem}.hand-head span{font-size:.64rem}.hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 6px;min-height:90px}.hand .playing-card{width:100%;height:auto;aspect-ratio:.72;padding:5px;border-radius:6px;max-height:105px}.hand .playing-card .corner{font-size:1.05rem}.hand .playing-card .pip{font-size:2rem;margin-top:5px}.hand .playing-card .bottom{font-size:.77rem;bottom:5px}.hand .playing-card .bower{font-size:.43rem;max-width:35px}.hand .playing-card.chosen{transform:translateY(-5px)}.hand .private-shield,.hand>.muted{grid-column:1/-1}.hand.discard-hand{grid-template-columns:repeat(7,minmax(0,1fr))}.hand.discard-hand .playing-card{aspect-ratio:.66;padding:4px}.hand.discard-hand .playing-card .corner{font-size:.8rem}.hand.discard-hand .playing-card .pip{font-size:1.45rem}.hand.discard-hand .playing-card .bottom{font-size:.62rem;right:3px}.hand.discard-hand .bower{display:none}.table-message{font-size:.71rem;width:46%}.lobby-seats{gap:8px}.lobby-seat{padding:12px}footer{margin:12px 0;padding:12px 14px;gap:8px;font-size:.6rem}footer button{font-size:.63rem;min-height:36px}.history{font-size:.7rem}.history td,.history th{padding:7px 5px}.two{gap:8px}.result-summary{padding:12px}.result-summary h2{font-size:1.3rem}.mode-tabs{margin-bottom:14px}.mode-tabs button{font-size:.75rem;padding:7px}.public-hand .playing-card{width:39px;height:55px}.public-hand .playing-card .pip{font-size:1.1rem}.public-hand .playing-card .corner{font-size:.7rem}.public-hand .playing-card .bottom{font-size:.55rem}}
@media(max-width:360px){.hand .playing-card .pip{font-size:1.6rem}.seat{min-width:72px}.seat strong{max-width:76px}.setup-seat{grid-template-columns:35px 1fr .8fr .75fr}.team-score span{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.high-contrast{--bg:#050505;--panel:#151515;--line:#ad939f;--muted:#e3d8de}body.high-contrast .table{background:#171717;border-color:white}body.high-contrast .playing-card[disabled]{opacity:.6}

.playing-card.readonly:disabled{background:linear-gradient(145deg,#fffdf7,#f5ecde);color:#171215;box-shadow:0 4px 7px #0005}.playing-card.readonly.red-card:disabled{color:#b51835}

@media(max-width:760px){.masthead{padding:9px 13px;gap:6px}.brand{font-size:1rem}.brand span{font-size:.46rem;margin-top:3px}.title h1{font-size:1.4rem}.title p{font-size:.65rem;margin-top:3px}.return{font-size:.67rem}.table{height:210px}.table.phase-bid,.table.phase-discard,.table.phase-nominate{height:172px}.hand .playing-card{max-height:86px}.hand{gap:7px 6px}.hand-head{margin-bottom:8px}.hand-wrap{margin-top:10px}.phase-panel.phase-trick{display:flex;justify-content:space-between;align-items:center;gap:10px}.phase-panel.phase-trick button{margin:0;font-size:.69rem;flex-shrink:0;padding:7px 9px}.phase-panel.phase-trick .phase-line h2{font-size:.92rem}.phase-panel.phase-trick .phase-line p{font-size:.65rem}.phase-panel.phase-trick .phase-line{min-width:0}footer{padding:9px 13px}.hand.discard-hand .playing-card{max-height:82px}}