:root{color:#243b32;background:#f5f2e9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;--felt: #164f3e;--ink: #243b32;--muted: #606a60;--gold: #dfbc70;--line: #d9d9c9;--team-blue: #2563b9;--team-orange: #d46a1f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at top,#fffdf7,transparent 70%)}button,input,summary{font:inherit}button,input{min-height:44px;border:1px solid var(--line);border-radius:10px}button{padding:.7rem 1.15rem;color:#fffdf6;background:var(--felt);font-weight:650;cursor:pointer;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#0c3d2e}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ac751d;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{color:var(--ink);background:#fffdf6}button.secondary:hover:not(:disabled){background:#eae9db}input{width:100%;padding:.65rem .8rem;color:var(--ink);background:#fffefa}h1,h2,p{margin-top:0}h1{margin-bottom:.35rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:500;line-height:1.15;letter-spacing:-.035em}h2{margin-bottom:.65rem;font-size:1.05rem;font-weight:650}.shell{width:min(100% - 3rem,72rem);margin:0 auto;padding:2rem 0 3rem}.shell--table{display:grid;gap:1rem}.eyebrow{margin-bottom:.5rem;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.hint{color:var(--muted);font-size:.87rem}.room-header,.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.room-header{margin-bottom:.65rem}.actions{justify-content:flex-start;margin-top:1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.shell--home{max-width:62rem;padding-top:clamp(2rem,8vh,6rem)}.home-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.home-intro h1{font-size:clamp(4rem,10vw,7rem);margin:0 0 1rem}.home-intro>p{max-width:24rem}.home-cards{display:flex;justify-content:center;align-items:center;height:225px;margin:1.5rem 0;border:1px solid #36715b;border-radius:50%;background:radial-gradient(ellipse at center,#23624b,#103f30);box-shadow:inset 0 0 0 8px #ffffff08}.home-cards .card{width:92px;height:135px;flex-shrink:0;margin:0 -6px}.home-cards .card:first-child{transform:rotate(-15deg) translateY(8px)}.home-cards .card:nth-child(2){transform:translateY(-9px);z-index:1}.home-cards .card:last-child{transform:rotate(15deg) translateY(8px)}.home-footnote{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.entry-forms{display:grid;gap:1.2rem;padding:2rem;background:#fffdf8;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #243b3208}.entry-forms h2{font-family:Georgia,serif;font-size:1.6rem;font-weight:500;margin:0}.entry-forms label,.join-form label{display:grid;gap:.45rem;font-size:.85rem;font-weight:650}.entry-forms form>button{width:100%}.entry-forms .status-region{display:grid;gap:.75rem}.entry-forms .status-region .notice,.entry-forms .status-region .retry-button{width:100%;margin:0}.join-form{display:grid;gap:.75rem;padding-top:1.2rem;border-top:1px solid var(--line)}.visibility-choice{display:grid;gap:.55rem;margin:0;padding:.9rem;border:1px solid var(--line);border-radius:10px}.visibility-choice legend{padding:0 .2rem;font-size:.85rem;font-weight:650}.visibility-choice p{margin:0;color:var(--muted);font-size:.78rem}.visibility-choice label{display:flex;align-items:center;gap:.55rem;font-size:.85rem;font-weight:650}.visibility-choice input[type=radio]{width:1.1rem;min-height:1.1rem;margin:0;accent-color:var(--felt)}.invite-notice{margin:0;color:var(--felt);font-size:.82rem;font-weight:650}.public-tables{display:grid;gap:1rem;grid-column:1 / -1;padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:#fffdf8;box-shadow:0 12px 40px #243b3208}.public-tables-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.public-tables-heading h2,.public-tables-heading .eyebrow{margin-bottom:0}.public-tables-status{display:grid;gap:.75rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#fffefa}.public-tables-status p{margin:0}.public-tables-status button{width:fit-content}.public-table-search{display:grid;gap:.45rem;max-width:24rem;font-size:.85rem;font-weight:650}.public-table-count{margin:0;color:var(--muted);font-size:.82rem}.public-table-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.public-table{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;background:#fffefa}.public-table-details,.public-table-status{display:grid;min-width:0;gap:.15rem}.public-table-details strong{overflow-wrap:anywhere}.public-table-details span,.public-table-status{color:var(--muted);font-size:.8rem}.public-table-status{text-align:right;white-space:nowrap}.public-tables-more{justify-self:center}.room-share-actions{display:flex;flex-wrap:wrap;gap:.6rem}.scoreboard{display:grid;grid-template-columns:1fr .7fr 1fr;border:1px solid var(--line);border-radius:14px;background:#fffdf7;overflow:hidden}.scoreboard>div{display:grid;align-content:center;gap:.1rem;min-width:0;padding:.65rem 1rem;text-align:center}.scoreboard>div+div{border-left:1px solid var(--line)}.scoreboard span{color:var(--muted);font-size:.78rem}.team--blue{--team-color: var(--team-blue)}.team--orange{--team-color: var(--team-orange)}.team-score{box-shadow:inset 0 4px var(--team-color)}.team-score>span:first-child,.player-team,.seat-team{display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.team-dot{display:inline-block;flex:0 0 auto;width:.5rem;height:.5rem;border-radius:50%;background:var(--team-color)}.team-score strong{font-size:1.9rem;font-variant-numeric:tabular-nums;line-height:1.3}.team-score small{font-size:.75rem;font-weight:500}.trump-status strong{font-size:2rem;line-height:1.2}.trump-status span:last-child{text-transform:capitalize}.suit--hearts,.suit--diamonds{color:#a13137}.turn-notice{margin:0;text-align:center;font-size:.87rem;color:var(--muted)}.turn-notice--yours{font-weight:750;color:#164f3e}.felt-table{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(100px,1fr) minmax(240px,1.6fr) minmax(100px,1fr);grid-template-rows:auto minmax(170px,auto) auto;align-items:center;gap:.45rem 1rem;min-height:440px;padding:1.1rem 2.5rem;border:6px solid #c9bb99;border-radius:110px;color:#f6f3e9;background:radial-gradient(ellipse at 50% 35%,#22694f,#124634 80%);box-shadow:inset 0 0 0 2px #ffffff17,inset 0 0 65px #002b2060,0 8px 20px #243b3210}.felt-table:before{content:"";position:absolute;inset:12px;border:1px solid #ecdba22b;border-radius:inherit;pointer-events:none;z-index:-1}.player{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:100%;max-width:175px;min-width:0;padding:.45rem;justify-self:center;text-align:center;border:1px solid transparent;border-radius:14px;background:#0b342a69}.player--top{grid-area:1 / 2}.player--left{grid-area:2 / 1}.player--right{grid-area:2 / 3}.player--bottom{grid-area:3 / 2}.player--turn{background:#092e2460;border-color:var(--gold);box-shadow:0 0 0 3px #dfbc7010}.player strong{max-width:100%;overflow-wrap:anywhere;font-size:.84rem}.player-avatar{display:grid;place-items:center;width:34px;height:34px;border:3px solid var(--team-color);border-radius:50%;background:#e9e2ca;color:#214d3b;font-family:Georgia,serif;font-size:1.15rem;box-shadow:0 0 0 3px color-mix(in srgb,var(--team-color) 28%,transparent)}.player-team,.player-count{color:#d8e4d9;font-size:.7rem}.player-count{display:inline-flex;align-items:center;gap:.4rem}.card-back{display:inline-block;width:13px;height:18px;border:1px solid #f4e9c3;border-radius:2px;background:repeating-linear-gradient(45deg,#a78c52 0 2px,#294f42 2px 4px);box-shadow:2px 0 #98b7a5}.player-tag{max-width:100%;overflow-wrap:anywhere;padding:.02rem .4rem;border-radius:4px;background:#0e352bb0;color:#f2e4be;font-size:.65rem}.player-tag--turn{background:var(--gold);color:#183f31;font-weight:750}.current-trick{grid-area:2 / 2;min-width:0;width:100%;display:grid;place-items:center}.table-empty{display:grid;gap:.3rem;text-align:center;margin:0;color:#e0e8d9;font-size:.77rem}.table-empty>span{color:#d8c88c66;font-size:3rem;line-height:1}.table-empty small{color:#bfd4c4;font-size:.65rem}.trick-cards{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,57px);place-items:center}.played-card{display:grid;gap:.35rem;min-width:0;text-align:center;font-size:.75rem;overflow-wrap:anywhere}.played-card-player{display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.played-card--top{grid-area:1 / 2}.played-card--left{grid-area:2 / 1}.played-card--right{grid-area:2 / 3}.played-card--bottom{grid-area:3 / 2}.trick-cards .card{width:60px;height:84px}.card{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;height:108px;min-height:60px;padding:0;border:1px solid #b9b6a6;border-radius:8px;background:#fffcf1;color:#23372e;font-weight:750;box-shadow:0 2px 4px #112f2420}.card--hearts,.card--diamonds{color:#a13137}.card-corner{position:absolute;top:5px;left:6px;display:grid;justify-items:center;font-size:.68rem;line-height:.95}.card-rank{font-family:Georgia,serif;font-size:1rem;line-height:1.1}.card-corner--bottom{inset:auto 6px 5px auto;transform:rotate(180deg)}.card-suit{font-size:2rem;line-height:1}button.card:disabled{opacity:1;background:#e9e8dc;box-shadow:none;border-color:#d1d1c3}button.card:disabled .card-suit{opacity:.5}button.card:not(:disabled){border-color:#20704c;box-shadow:0 0 0 2px #20704c,0 4px 8px #164f3e20}button.card:hover:not(:disabled){background:#fff4ce;box-shadow:0 0 0 2px #ac751d,0 4px 8px #164f3e20}.hand{min-width:0;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:#fffdf7}.hand-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.3rem 1rem;margin-bottom:.8rem}.hand-heading h2,.hand-heading p{margin:0}.hand-count{display:inline-block;margin-left:.4rem;color:var(--muted);font-size:.75rem;font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:.6rem}.card-grid .card{max-width:90px}.trump-picker{padding:1rem 1.2rem;background:#fffdf7;border:1px solid var(--line);border-radius:14px}.trump-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.trump-choice{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#fffcf1;color:var(--ink);text-transform:capitalize}.trump-choice.suit--hearts,.trump-choice.suit--diamonds{color:#a13137}.trump-choice span{font-size:1.5rem}.trump-choice:hover:not(:disabled){background:#f4e3b7}.previous-trick{padding:.5rem .4rem}.previous-trick h2{display:inline-block;margin:0 1rem .25rem 0;font-size:.87rem}.previous-trick p{display:inline-block;margin-bottom:.25rem}.previous-trick summary{width:fit-content;min-height:44px;padding:.6rem 0;color:var(--felt);cursor:pointer;font-size:.85rem}.played-cards{display:grid;grid-template-columns:repeat(4,minmax(0,76px));gap:.65rem;margin:.3rem 0}.result{padding:1.4rem;border:1px solid #c4ab6d;border-radius:14px;background:#fff6db;text-align:center}.result h2{font-family:Georgia,serif;font-size:1.7rem;font-weight:500}.shell--lobby{max-width:54rem}.lobby-intro{text-align:center;margin:1.5rem 0}.lobby-intro h2{font-family:Georgia,serif;font-size:1.9rem;font-weight:500}.lobby-intro p{max-width:37rem;margin:0 auto}.seat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:.7rem;padding:1.5rem;border:4px solid #c9bb99;border-radius:50px;background:radial-gradient(ellipse,#24654e,#124634)}.seat{display:grid;gap:.3rem;align-content:center;min-width:0;padding:1rem .6rem;border:1px solid #92aa91;color:var(--ink);background:#fffdf1;text-align:center;overflow-wrap:anywhere;box-shadow:inset 0 4px var(--team-color)}.seat:hover:not(:disabled){background:#f9edc9}.seat--self:disabled{border:2px solid var(--gold);background:#f7e9bf;opacity:1}.seat strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.seat>span{font-size:.84rem}.seat .seat-team,.seat .seat-ready{font-size:.7rem;color:var(--muted)}.seat--top{grid-area:1 / 2}.seat--right{grid-area:2 / 3}.seat--bottom{grid-area:3 / 2}.seat--left{grid-area:2 / 1}.lobby-center{grid-area:2 / 2;display:grid;place-content:center;text-align:center;color:#e6dcb9}.lobby-center strong{font-family:Georgia,serif;font-size:1.4rem;font-weight:500;letter-spacing:.1em}.lobby-center span{font-size:.65rem}.notice{width:min(100% - 2rem,72rem);margin:1rem auto;padding:.8rem 1rem;border:1px solid #98ab95;border-radius:10px;background:#fffdf5}.shell>.notice{width:100%;margin:0}.notice--error{border-color:#b26464;color:#802f34;background:#fff5f1}.status-region:empty{display:none}.retry-button{display:block;margin:.75rem auto}@media(max-width:760px){.shell{width:min(100% - 1.5rem,72rem);padding-top:1.2rem}.home-layout{grid-template-columns:1fr;gap:1.5rem;max-width:28rem;margin:auto}.home-intro{text-align:center}.home-intro>p{margin-left:auto;margin-right:auto}.home-cards{max-width:300px;height:180px;margin:1rem auto}.home-cards .card{width:75px;height:110px}.home-intro h1{font-size:4rem}.entry-forms{padding:1.5rem}.public-tables{grid-column:auto}.felt-table{padding:1rem;border-radius:65px;grid-template-columns:minmax(75px,1fr) minmax(174px,1.6fr) minmax(75px,1fr);gap:.4rem 0}.trick-cards{grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,49px)}.trick-cards .card{width:49px;height:70px}.trick-cards .card-suit{font-size:1.6rem}.trick-cards .card-corner{font-size:.5rem;left:4px;top:4px}.trick-cards .card-corner--bottom{inset:auto 4px 4px auto}.trick-cards .card-rank{font-size:.8rem}.trump-choice{flex-direction:column;gap:0;font-size:.75rem;padding:.4rem}}@media(max-width:480px){.shell{width:calc(100% - 1rem)}.shell--table{gap:.7rem}.room-header{gap:.5rem}.room-header h1{font-size:1.9rem}.room-header button{padding:.55rem .7rem;font-size:.78rem}.room-share-actions{width:100%}.scoreboard>div{padding:.6rem .25rem}.scoreboard span{font-size:.64rem}.team-score strong{font-size:1.6rem}.team-score small{font-size:.65rem}.felt-table{border-width:4px;border-radius:40px;padding:.7rem .3rem;grid-template-columns:minmax(60px,1fr) 158px minmax(60px,1fr);grid-template-rows:auto 156px auto;min-height:400px}.felt-table:before{inset:6px}.player{padding:.3rem .15rem;border-radius:9px}.player strong{font-size:.7rem;line-height:1.25}.player-team,.player-count,.player-tag{font-size:.6rem}.player-avatar{width:27px;height:27px;font-size:.95rem}.trick-cards{grid-template-columns:repeat(3,50px)}.table-empty{font-size:.68rem}.table-empty small{font-size:.57rem}.hand{padding:.85rem .7rem}.hand-heading .hint{font-size:.72rem}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.card-grid .card{height:84px}.card-suit{font-size:1.6rem}.card-corner{left:4px;top:4px;font-size:.55rem}.card-corner--bottom{inset:auto 4px 4px auto}.card-rank{font-size:.9rem}.seat-grid{gap:.45rem;padding:.85rem .55rem;border-radius:35px}.seat{padding:.75rem .25rem}.seat>span{font-size:.73rem}.seat .seat-team,.seat .seat-ready{font-size:.62rem}.lobby-center strong{font-size:1.05rem}.lobby-center span{font-size:.6rem}.actions{display:grid;grid-template-columns:1fr 1fr}.public-tables{padding:1rem}.public-table{grid-template-columns:minmax(0,1fr) auto;gap:.45rem .7rem;padding:.75rem}.public-table-details{grid-column:1}.public-table-status{grid-column:1;text-align:left;white-space:normal}.public-table>button{grid-area:1 / 2 / 3 / 3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}