*{box-sizing:border-box;margin:0;padding:0}:root{--felt: #1d5c3a;--felt-dark: #14422a;--bg: #0f1a13;--panel: #182a1e;--ink: #e8e6dd;--muted: #9fb3a4;--gold: #e8b94f;--red: #e05252;--pos: #7ed98a;--neg: #e08080}body{background:var(--bg);color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;min-height:100vh}.mute-btn{position:fixed;right:14px;bottom:14px;z-index:60;width:42px;height:42px;border-radius:50%;font-size:1.1rem;padding:0;background:#141e18d9;border:1px solid #3a5443}body:not(.at-table){background:radial-gradient(ellipse 75% 55% at 50% 8%,#d6a04e29,#0000 60%),radial-gradient(ellipse 130% 110% at 50% 50%,#0000 45%,#0000008c),repeating-linear-gradient(90deg,rgba(0,0,0,.42) 0px,rgba(0,0,0,.42) 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 3px,transparent 3px,transparent 148px),repeating-linear-gradient(88deg,rgba(0,0,0,.1) 0px,transparent 3px,rgba(0,0,0,.07) 6px,transparent 11px,rgba(255,255,255,.02) 14px,transparent 21px),repeating-linear-gradient(90deg,#2c1d11,#33231414 70px,#271a0e 148px,#2e1f12 296px),#2b1c10}body:not(.at-table) .lobby h1{text-shadow:0 2px 0 rgba(0,0,0,.75),0 0 38px rgba(232,185,79,.3)}body:not(.at-table) .table-row,body:not(.at-table) .auth-form input,body:not(.at-table) .lobby-form input,body:not(.at-table) .create-form select{box-shadow:0 5px 14px #00000073}body.at-table{background:radial-gradient(ellipse 90% 60% at 50% 0%,#235c3a8c,#0f1a1300 70%),var(--bg)}.lobby{max-width:420px;margin:8vh auto;text-align:center}.lobby h1,.logo{font-weight:900;letter-spacing:.18em;color:var(--gold)}.lobby h1{font-family:Georgia,Times New Roman,serif;font-size:3rem;margin:0;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 34px rgba(232,185,79,.25)}.hero{display:flex;align-items:center;justify-content:center;gap:1.1rem;margin-bottom:.5rem}.hero-pair{width:110px;display:inline-block}.hero-pair svg{width:100%;height:auto;display:block}.tagline{color:var(--ink);font-family:Georgia,serif;font-style:italic;font-size:1.05rem;margin-bottom:.2rem}.tagline.sub{color:var(--muted);font-family:inherit;font-style:normal;font-size:.85rem;margin-bottom:1.8rem}.pip{color:var(--gold);opacity:.7}.lobby-footer{margin-top:2.2rem;display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;color:#6f8678;font-size:.76rem}.support-line{margin-top:.6rem}.studio-line{margin-top:.9rem;font-family:Georgia,Times New Roman,serif;font-size:.8rem;letter-spacing:.06em;color:#8a9b8e}.studio-line b{color:var(--gold);font-weight:700}.studio-line{align-items:center}.studio-logo{height:30px;width:30px;border-radius:50%;opacity:.95}.copyright{color:#6f8678}.admin-toggle{margin-top:1rem;font-size:.8rem}.admin-toggle a,.admin-panel .small-link{color:var(--muted)}.admin-panel{margin-top:1.4rem;text-align:left;background:#00000040;border:1px solid #2c4434;border-radius:10px;padding:.9rem}.admin-panel .join-row{margin:.5rem 0}.admin-panel input{padding:.4rem .7rem;border-radius:7px;border:1px solid #3a5443;background:var(--panel);color:var(--ink)}.admin-table td{font-size:.78rem}.admin-email{color:var(--muted)}.admin-actions{display:flex;gap:4px;flex-wrap:wrap}.admin-actions button,.admin-actions select{padding:2px 7px;font-size:.7rem;background:var(--panel);color:var(--ink);border:1px solid #3a5443;border-radius:5px}.admin-notice{color:var(--gold);font-size:.85rem;margin:.3rem 0}.admin-feedback{height:160px}.support-line a{color:#8aa392}.feedback-form{display:flex;gap:6px;width:100%;max-width:560px}.feedback-form input{flex:1;padding:.45rem .7rem;border-radius:7px;border:1px solid #3a5443;background:var(--panel);color:var(--ink);font-size:.85rem}.feedback-form button{padding:.35rem .9rem;font-size:.8rem}.lobby-form{display:flex;flex-direction:column;gap:.7rem}.lobby-form input,.lobby-form select{padding:.65rem .9rem;border-radius:8px;border:1px solid #3a5443;background:var(--panel);color:var(--ink);font-size:1rem}.join-row{display:flex;gap:.5rem}.join-row input{flex:1}.status{margin-top:1.2rem;color:var(--muted);font-size:.85rem}button{padding:.6rem 1.1rem;border-radius:8px;border:1px solid #3a5443;background:var(--panel);color:var(--ink);font-size:.95rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--gold);color:#2a230f;font-weight:700;border-color:var(--gold)}#app{display:flex;flex-direction:column;min-height:100vh}.game{display:flex;flex-direction:column;flex:1;min-height:0;height:auto}header{display:flex;align-items:baseline;gap:1.2rem;padding:.55rem 1rem;background:var(--panel);border-bottom:1px solid #2c4434}.logo{font-size:1.1rem}.meta{color:var(--muted);font-size:.9rem}.fair{margin-left:auto;color:#6f8678;font-size:.75rem;font-family:Consolas,monospace}.layout{display:flex;flex:1;min-height:0}.felt{flex:1;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(ellipse at 50% 30%,#16271c,#0d1812 80%);padding:1rem;min-width:0;position:relative;overflow:hidden}.table-oval{position:absolute;top:9%;right:7%;bottom:27%;left:7%;border-radius:48%/46%;background:radial-gradient(ellipse at 50% 36%,#277249 0%,var(--felt) 45%,var(--felt-dark) 95%);border:11px solid #4a2f1b;box-shadow:inset 0 0 60px #00000073,0 14px 34px #0000008c,0 0 0 2px #00000080}.table-brand{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;font-family:Georgia,Times New Roman,serif;font-weight:900;font-size:clamp(1rem,2.6vw,1.7rem);letter-spacing:.3em;color:#ffffff12;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none}.table-brand svg{width:clamp(70px,9vw,110px);height:auto;opacity:.16;filter:grayscale(35%)}.seat-pos{position:absolute;z-index:2}.pos-1-of-5{left:2.5%;top:44%}.pos-2-of-5{left:17%;top:4.5%}.pos-3-of-5{right:17%;top:4.5%}.pos-4-of-5{right:2.5%;top:44%}.pos-1-of-4{left:14px;top:36%}.pos-2-of-4{left:50%;top:14px;transform:translate(-50%)}.pos-3-of-4{right:14px;top:36%}.pos-1-of-3{left:12%;top:16%}.pos-2-of-3{right:12%;top:16%}.pos-0-of-5,.pos-0-of-4,.pos-0-of-3{left:50%;bottom:26%;transform:translate(-50%)}.seat{background:#00000040;border:1px solid transparent;border-radius:10px;padding:.5rem .9rem;text-align:center;min-width:120px}.seat.turn{border-color:var(--gold);box-shadow:0 0 12px #e8b94f59}.seat-name{font-weight:700;font-size:.95rem}.seat-info{color:#b9cbbe;font-size:.84rem;font-weight:600;margin-top:2px}.badge{font-size:.65rem;border-radius:4px;padding:1px 5px;margin-left:3px;vertical-align:middle}.badge.dealer{background:#355}.badge.picker{background:var(--gold);color:#2a230f;font-weight:700}.badge.partner{background:#4a7dbd}.badge.double{background:var(--red);color:#fff;font-weight:700}.badge.tier{background:transparent;border:1px solid var(--gold);color:var(--gold);font-weight:700;letter-spacing:.03em}.badge.crown{background:transparent;font-size:.8rem;padding:0}.badge.mosha{background:#6e1a1a;border:1px solid #d4a04e;color:#f3e3c0;font-family:Georgia,serif;font-weight:700;letter-spacing:.06em}.badge.hot{background:#b3471d;color:#ffe9d6;font-weight:700}.badge.cold{background:#1d5a8a;color:#d9efff;font-weight:700}.badge.gutted{background:#3a3a3a;color:#c9c9c9;font-weight:700}.badge.badpartner{background:#5a4632;color:#e8d9c0;font-weight:700}.badge.admin{background:#14253d;border:1px solid #4a7dbd;color:#bcd8ff;font-weight:800;letter-spacing:.08em}.badge.sup-1{background:#a8842c;color:#fff8e0;font-weight:800}.badge.sup-2{background:#5b2d8a;color:#efe0ff;font-weight:800}.badge.sup-3{background:linear-gradient(100deg,#c98a2e,#e8d56f,#8a5bd6,#c98a2e);background-size:250% 100%;color:#1c1208;font-weight:800;animation:divine 4s linear infinite}@keyframes divine{to{background-position:250% 0}}.badge.reconnecting{background:#7a5a20;color:#ffe9b0;animation:pulse 1.1s ease-in-out infinite}.turn-chip.urgent{background:#c92a2a}.small-link{color:var(--muted);font-size:.8rem}.forgot{margin-top:.2rem;font-size:.78rem}.forgot a{color:var(--muted)}.forgot-info{font-size:.82rem;color:var(--muted);background:#00000040;border-radius:8px;padding:.5rem .9rem}.seat{position:relative}.seat.you-seat{border-style:dashed;border-color:#e8b94f66}.seat.you-seat.turn{border-style:solid;border-color:var(--gold)}.order{display:inline-block;width:16px;height:16px;line-height:16px;border-radius:50%;background:#ffffff26;color:var(--muted);font-size:.65rem;font-weight:700;text-align:center;vertical-align:middle}.turn-chip{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:6px;white-space:nowrap;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.stakes{background:var(--red);color:#fff;font-weight:800;font-size:.8rem;padding:2px 10px;border-radius:6px;letter-spacing:.05em}.stakes small{font-weight:400;opacity:.85}button.danger{background:var(--red);border-color:var(--red);color:#fff}.trick-zone{position:absolute;top:12%;right:14%;bottom:32%;left:14%;z-index:1}.trick-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffff73;font-size:1.1rem;font-style:italic}.played-wrap{position:absolute;text-align:center;transform:translate(-50%,-50%)}.tpos-0-of-5,.tpos-0-of-4,.tpos-0-of-3{left:50%;top:86%}.tpos-1-of-5{left:18%;top:62%}.tpos-2-of-5{left:34%;top:22%}.tpos-3-of-5{left:66%;top:22%}.tpos-4-of-5{left:82%;top:62%}.tpos-1-of-4{left:20%;top:50%}.tpos-2-of-4{left:50%;top:18%}.tpos-3-of-4{left:80%;top:50%}.tpos-1-of-3{left:28%;top:26%}.tpos-2-of-3{left:72%;top:26%}.played-by{display:block;margin-top:5px;color:#ffffffbf;font-size:.78rem}.played-wrap.winner .played-by{color:var(--gold);font-weight:700}.played-wrap.winner .played{border-color:var(--gold);box-shadow:0 0 10px #e8b94f66}.card,.played{background:#f6f2e6;color:#1c1c1c;border-radius:9px;border:2px solid #d8d2bd;width:64px;height:92px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;position:relative;padding:0}.played{width:58px;height:84px}.card .suit,.played .suit{font-size:1.5rem;line-height:1}.suit.hearts,.suit.diamonds{color:#c33}.card .pts,.played .pts{position:absolute;bottom:4px;right:6px;font-size:.6rem;color:#999;font-weight:400}.card.trump{background:#fdf6dd;border-color:#e0c878}.card.playable{border-color:var(--gold);cursor:pointer;transform:translateY(-6px);box-shadow:0 6px 14px #0006}.card.dim{opacity:.45}.card.buryable{cursor:pointer}.card.selected{border-color:var(--red);transform:translateY(-10px);box-shadow:0 8px 16px #00000073}.me{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding-bottom:.4rem;z-index:2}.hand{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center}.actions{display:flex;gap:.6rem;align-items:center;min-height:2.6rem;flex-wrap:wrap;justify-content:center}.hint,.waiting{color:#ffffffbf;font-size:.9rem;font-style:italic}.banner{align-self:center;background:#0000008c;border:1px solid var(--gold);color:var(--ink);border-radius:10px;padding:.7rem 1.4rem;margin:.5rem 0;font-size:1.05rem;text-align:center}.ledger{width:300px;background:var(--panel);border-left:1px solid #2c4434;padding:.9rem;overflow-y:auto}.ledger h2{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.ledger table{width:100%;border-collapse:collapse;font-size:.82rem}.ledger th,.ledger td{padding:3px 5px;text-align:right}.ledger th{color:var(--muted);font-weight:600;border-bottom:1px solid #2c4434}.ledger td.hand-no{color:var(--muted);text-align:left}.ledger tfoot td{border-top:1px solid #2c4434;padding-top:5px}.ledger .you{background:#e8b94f14}.pos{color:var(--pos)}.neg{color:var(--neg)}.ledger h2{margin-top:1.1rem}.lh-sub{float:right;font-size:.68rem;color:#6f8678;text-transform:none;letter-spacing:0}.last-hand{font-size:.8rem}.lh-headline{color:var(--gold);margin-bottom:.4rem}.mini-trick{display:flex;align-items:center;gap:3px;padding:2px 0}.mini-no{width:30px;color:var(--muted);font-size:.7rem}.mini-card{background:#f6f2e6;color:#1c1c1c;border-radius:3px;padding:1px 4px;font-size:.72rem;font-weight:700}.mini-card.hearts,.mini-card.diamonds{color:#c33}.mini-winner .mini-card{outline:2px solid var(--gold)}.mini-took{margin-left:auto;color:var(--muted);font-size:.7rem}.mini-trick.laid .mini-card{outline:2px solid var(--gold)}.banner-cards .mini-card{margin:0 1px}.dealer-puck{position:absolute;width:30px;height:30px;border-radius:50%;background:#f6f2e6;color:#1c1c1c;border:2px solid #b9a05a;font-weight:900;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 7px #00000080;transform:translate(-50%,-50%);z-index:1}.dpos-0-of-5,.dpos-0-of-4,.dpos-0-of-3{left:38%;top:95%}.dpos-1-of-5{left:9%;top:75%}.dpos-2-of-5{left:24%;top:8%}.dpos-3-of-5{left:76%;top:8%}.dpos-4-of-5{left:91%;top:75%}.dpos-1-of-4{left:9%;top:62%}.dpos-2-of-4{left:40%;top:6%}.dpos-3-of-4{left:91%;top:62%}.dpos-1-of-3{left:18%;top:14%}.dpos-2-of-3{left:82%;top:14%}.reconnect-banner{position:fixed;top:0;left:0;right:0;z-index:70;background:#8a1f1f;color:#ffe3e3;text-align:center;font-weight:700;padding:6px 0;animation:pulse 1.1s ease-in-out infinite}.chat{display:flex;flex-direction:column}.chat-log{height:140px;overflow-y:auto;background:#0003;border-radius:8px;padding:6px 8px;font-size:.82rem;margin-bottom:6px}.chat-msg{padding:1px 0;overflow-wrap:anywhere}.chat-msg b{color:var(--gold);font-weight:600}.chat-empty{color:var(--muted);font-style:italic}.chat-row{display:flex;gap:6px}.chat-row input{flex:1;padding:.4rem .6rem;border-radius:7px;border:1px solid #3a5443;background:var(--panel);color:var(--ink);font-size:.85rem}.chat-row button{padding:.35rem .8rem;font-size:.8rem}.tabs{display:flex;gap:4px;padding:5px 8px 0;background:#0c1410;border-bottom:1px solid #243a2c}.tab{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:.82rem;border:1px solid #2c4434;border-bottom:none;border-radius:8px 8px 0 0;background:var(--panel);color:var(--muted)}.tab.active{background:var(--felt-dark);color:var(--ink);border-color:#3a5443}.tab.turn-alert{border-color:var(--red);color:var(--ink)}.tab-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.1s ease-in-out infinite}.tab-close{color:var(--muted);padding:0 2px;font-weight:700}.tab-close:hover{color:var(--red)}.toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:50;pointer-events:none}.toast{background:#141414eb;border:1px solid var(--gold);color:var(--ink);font-weight:700;padding:.5rem 1.2rem;border-radius:9px;animation:toast-in .25s ease-out,toast-out .6s ease-in 4.4s forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1}}@keyframes toast-out{to{opacity:0}}.lobby.wide{max-width:780px}.lobby-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;text-align:left}.lobby-panels .panel:only-child{grid-column:1 / -1}.table-pip{font-size:1.6rem;color:var(--ink);width:36px;height:36px;line-height:36px;text-align:center;background:#ffffff0f;border-radius:50%}.table-pip.diamonds{color:#e06a6a}.table-row:hover{border-color:var(--gold)}.auth-form{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem}.auth-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.auth-error{color:var(--neg);font-size:.85rem}.signed-in{color:var(--muted);margin-bottom:1.2rem}.lobby h2{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:1.4rem 0 .6rem;text-align:left}.tables{display:flex;flex-direction:column;gap:.5rem}.table-row{display:flex;align-items:center;gap:.8rem;background:var(--panel);border:1px solid #2c4434;border-radius:10px;padding:.6rem .9rem;text-align:left}.table-row>div{flex:1}.table-sub{display:block;color:var(--muted);font-size:.78rem}.table-occ{color:var(--muted);font-size:.82rem;white-space:nowrap}.create-btn{margin-top:.8rem;width:100%}.create-form{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.create-form select{flex:1;padding:.5rem;border-radius:8px;border:1px solid #3a5443;background:var(--panel);color:var(--ink)}.lobby-panels{text-align:left}.stats-table{width:100%;border-collapse:collapse;font-size:.85rem}.stats-table th,.stats-table td{padding:4px 8px;text-align:right;border-bottom:1px solid #233a2b}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.lb-tabs{float:right;display:inline-flex;gap:4px}.lb-note{color:#6f8678;text-transform:none;letter-spacing:0;font-weight:400}.stats-table .track-head{text-align:left;color:var(--gold);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding-top:10px}.lb-tab{padding:2px 8px;font-size:.7rem;border-radius:5px}.lb-tab.active{background:var(--gold);color:#2a230f;border-color:var(--gold)}.code{font-family:Consolas,monospace;color:var(--gold);letter-spacing:.1em}.invite-line{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.invite-note{background:#e8b94f1a;border:1px solid var(--gold);border-radius:9px;padding:.55rem 1rem;margin-bottom:1rem;font-size:.9rem}.seat-list{list-style:none;margin:1rem 0;color:var(--muted)}.seat-list li{padding:3px 0}button.leave{padding:2px 10px;font-size:.75rem;color:var(--muted)}button.leave.on{border-color:var(--gold);color:var(--gold)}.watch-count{color:var(--muted);font-size:.75rem}.badge.leaving{background:#7a5a20;color:#ffe9b0}button.kick{padding:1px 8px;font-size:.68rem;background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.score-line{display:flex;gap:.8rem;justify-content:center;margin:.4rem 0}.score{font-weight:800;padding:2px 10px;border-radius:6px;font-size:.95rem}.score.picking{background:var(--gold);color:#2a230f}.score.defense{background:#355;color:var(--ink)}@media(max-width:1024px){.ledger{width:250px}.card{width:56px;height:82px;font-size:1.1rem}}@media(max-width:820px){.layout{flex-direction:column}.felt{min-height:52vh;max-height:60vh;padding:.5rem}.lobby h1{font-size:2.3rem}.hero-card{width:36px;height:50px;font-size:.95rem}.lobby-panels{grid-template-columns:1fr}.ledger{width:100%;border-left:none;border-top:1px solid #2c4434;max-height:none;overflow-y:visible}header{flex-wrap:wrap;gap:.4rem .8rem;padding:.45rem .6rem}.fair{display:none}.meta{font-size:.78rem}.seat{min-width:92px;padding:.3rem .5rem}.seat-name{font-size:.85rem}.seat-info{font-size:.8rem;font-weight:700}.badge{font-size:.55rem;padding:1px 3px}.turn-chip{font-size:.6rem;bottom:-9px}.pos-1-of-5{left:4px;top:38%}.pos-2-of-5{left:8%;top:8px}.pos-3-of-5{right:8%;top:8px}.pos-4-of-5{right:4px;top:38%}.trick-zone{top:14%;right:8%;bottom:36%;left:8%}.played{width:44px;height:62px;font-size:.95rem}.played .suit{font-size:1.1rem}.played-by{font-size:.62rem}.card{width:50px;height:74px;font-size:1rem}.card .suit{font-size:1.15rem}.hand{gap:.3rem}.actions button{padding:.7rem 1.1rem;font-size:1rem}.me{gap:.45rem}.banner{font-size:.92rem;padding:.55rem .9rem;margin:.3rem 0}.toasts{top:44px}.toast{font-size:.85rem;padding:.4rem .9rem}.lobby{margin:5vh auto;padding:0 .9rem}.table-row{flex-wrap:wrap}.chat-log{height:110px}}@media(max-width:430px){.card{width:46px;height:68px}.hand{gap:2px}.seat{min-width:74px}.pos-2-of-5{left:4%}.pos-3-of-5{right:4%}}