:root{--felt: radial-gradient(ellipse at 50% 35%, #0f7a44 0%, #0a5c33 45%, #063f23 100%);--felt-shadow: 0 30px 60px rgba(0, 0, 0, .55), inset 0 0 80px rgba(0, 0, 0, .35);--gold: #c9a227;--gold-soft: rgba(201, 162, 39, .25);--card-w: 74px;--card-h: 106px;--card-sm-w: 54px;--card-sm-h: 78px;--bg: #101820;--panel: #1a2632;--panel-border: #2b3a4a;--text: #e8eef4;--text-dim: #93a4b4;--red: #c0392b;--blue: #3b82f6;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{font:inherit;cursor:pointer}input,select{font:inherit;padding:.55rem .7rem;border-radius:var(--radius);border:1px solid var(--panel-border);background:#0e1620;color:var(--text)}.btn{padding:.55rem 1.1rem;border-radius:var(--radius);border:1px solid transparent;background:var(--panel);color:var(--text);transition:filter .15s ease,transform .1s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--blue);border-color:#4f8ef8}.btn-secondary{background:#243242;border-color:var(--panel-border)}.btn-ghost{background:transparent;border-color:var(--panel-border)}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:translateY(1px)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-card{width:min(400px,92vw);display:flex;flex-direction:column;gap:.9rem;padding:2.2rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 20px 50px #0006}.auth-card h1{margin:0;font-size:1.7rem}.auth-subtitle{margin:-.4rem 0 .6rem;color:var(--text-dim)}.auth-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-dim)}.auth-switch{margin:.4rem 0 0;font-size:.85rem;color:var(--text-dim)}.auth-switch a{color:var(--blue)}.form-error{color:#ff8f8f;background:#c0392b26;border:1px solid rgba(192,57,43,.4);border-radius:var(--radius);padding:.5rem .7rem;margin:0;font-size:.9rem}.boot-screen{min-height:100vh;display:grid;place-items:center;color:var(--text-dim)}.lobby-page{max-width:900px;margin:0 auto;padding:1.5rem}.lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.lobby-header h1{margin:0}.lobby-user{display:flex;align-items:center;gap:.8rem;color:var(--text-dim)}.create-table{display:flex;gap:.6rem;margin-bottom:1.2rem}.create-table input{flex:1}.table-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.table-row{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius)}.table-info{display:flex;flex-direction:column;gap:.2rem}.table-info span{color:var(--text-dim);font-size:.85rem}.table-empty{color:var(--text-dim);text-align:center;padding:2rem}.avatar-picker{display:flex;align-items:center;gap:.3rem}.avatar-option{background:none;border:2px solid transparent;border-radius:50%;padding:2px;cursor:pointer;line-height:0}.avatar-option:hover{border-color:var(--panel-border)}.avatar-option-selected{border-color:var(--accent)}.table-actions{display:flex;gap:.5rem}.history-row{flex-direction:column;align-items:flex-start;gap:.5rem}.history-scores{display:flex;gap:.8rem}.history-players{display:flex;flex-wrap:wrap;gap:.7rem}.history-player{display:inline-flex;align-items:center;gap:.35rem}.spectator-badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border:1px solid var(--panel-border);border-radius:999px;padding:.15rem .6rem}.spectator-count{font-size:.8rem;color:var(--text-dim)}.away-banner{background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius);padding:.7rem 1rem;margin-bottom:.8rem;font-size:.9rem}.table-page{padding:1rem}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;max-width:1240px;margin:0 auto}.table-header{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.table-header h2{margin:0;flex:1}.table-status{color:var(--text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.felt-table{position:relative;border-radius:48% 48% 46% 46%/42% 42% 44% 44%;box-shadow:var(--felt-shadow);padding:2.5%}.felt-surface{position:relative;aspect-ratio:16 / 10;background:var(--felt);border-radius:44% 44% 42% 42%/38% 38% 40% 40%;border:10px solid #5b3a1e;box-shadow:inset 0 0 60px #00000073,inset 0 0 12px #ffffff0d}.trump-banner{position:absolute;top:6%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;background:#00000073;border:1px solid var(--gold-soft);color:#f4e5b8;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;z-index:3}.trump-banner .bid-value{font-weight:700;background:var(--gold);color:#241a03;border-radius:999px;padding:.1rem .55rem}.trump-banner .declarer-name{color:var(--text-dim)}.kitty-indicator{position:absolute;top:44%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;z-index:3;pointer-events:none}.kitty-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);background:#00000059;padding:.1rem .55rem;border-radius:999px}.kitty-cards{display:flex;gap:.35rem}.kitty-card{width:40px;height:58px;border-radius:6px;background:repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 5px,transparent 5px 10px),linear-gradient(160deg,#2f5b8f,#1b3a5e);border:1px solid #14304e;box-shadow:0 5px 10px #0006}.trick-area{position:absolute;top:22%;right:20%;bottom:24%;left:20%;z-index:2}.trick-slot{position:absolute;width:52px;height:76px}.trick-slot .playing-card{box-shadow:0 6px 14px #00000080;animation:card-slide .22s ease-out}.trick-slot-top{top:-34px;left:50%;transform:translate(-50%)}.trick-slot-bottom{bottom:-34px;left:50%;transform:translate(-50%)}.trick-slot-left{left:-26px;top:50%;transform:translateY(-50%)}.trick-slot-right{right:-26px;top:50%;transform:translateY(-50%)}@keyframes card-slide{0%{opacity:0;transform:translateY(-14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.seat{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .8rem;border-radius:12px;background:#0a141e8c;border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease,box-shadow .2s ease}.seat-active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft),0 8px 18px #00000073}.seat-me{border-color:var(--blue)}.seat-top{top:2%;left:50%;transform:translate(-50%)}.seat-right{right:2%;top:50%;transform:translateY(-50%)}.seat-bottom{bottom:2%;left:50%;transform:translate(-50%)}.seat-left{left:2%;top:50%;transform:translateY(-50%)}.seat-empty{opacity:.6;justify-content:center}.seat-meta{display:flex;flex-direction:column;align-items:center;font-size:.8rem}.seat-stats{color:var(--text-dim);font-size:.72rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}.seat-role{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);background:#00000059;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;padding:.05rem .5rem}.seat-dealer{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#241a03;font-size:.75rem;font-weight:700;display:grid;place-items:center}.seat-bot-tag{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.seat-away{position:absolute;top:-8px;left:-8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 70%,#000);color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .45rem}.bot-avatar{position:relative;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;border:2px solid rgba(255,255,255,.35);box-shadow:0 4px 10px #0006;flex-shrink:0}.bot-avatar-sm{width:30px;height:30px;font-size:.8rem}.bot-avatar-md{width:46px;height:46px;font-size:1.1rem}.bot-avatar-lg{width:64px;height:64px;font-size:1.4rem}.bot-avatar-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.56rem;font-weight:600;background:#0e1620;color:var(--text-dim);border:1px solid var(--panel-border);border-radius:999px;padding:.05rem .45rem}.playing-card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:9px;background:linear-gradient(160deg,#fff,#eef2f6);border:1px solid #c7cfd8;box-shadow:0 6px 12px #00000059;color:#17222c;padding:.35rem;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.playing-card-small{width:var(--card-sm-w);height:var(--card-sm-h);border-radius:7px;font-size:.78rem}.playing-card.is-playable{cursor:pointer}.playing-card.is-playable:hover{transform:translateY(-12px);box-shadow:0 14px 22px #00000073;z-index:5}.playing-card.is-selected{transform:translateY(-16px);outline:3px solid var(--gold);box-shadow:0 14px 22px #00000080;z-index:5}.playing-card:disabled{opacity:.72}.card-red{color:var(--red)}.card-black{color:#17222c}.card-corner{position:absolute;font-size:1.05rem;font-weight:700;line-height:1}.playing-card-small .card-corner{font-size:.85rem}.card-corner-top{top:.3rem;left:.4rem}.card-corner-bottom{bottom:.3rem;right:.4rem;transform:rotate(180deg)}.card-pip{font-size:.95rem;font-weight:600;text-align:center}.playing-card-small .card-pip{font-size:.66rem}.card-face-down{background:repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 6px,transparent 6px 12px),linear-gradient(160deg,#2f5b8f,#1b3a5e);border:1px solid #14304e}.card-face-down:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.6rem;color:#ffffff59}.hand-row{display:flex;flex-wrap:wrap;gap:.6rem;padding:1.2rem .4rem;min-height:150px;align-items:flex-end;justify-content:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;margin-top:1rem}.status-line{color:var(--text-dim);text-align:center}.bid-panel,.discard-panel,.pre-game-panel{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.9rem;margin-top:.8rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius)}.bid-tricks{display:flex;align-items:center;gap:.5rem}.bid-tricks-value{font-size:1.4rem;font-weight:700;min-width:2ch;text-align:center}.pre-game-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.create-setting{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-dim)}.create-setting-check{gap:.4rem;cursor:pointer}.table-badge{padding:.15rem .55rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;font-size:.75rem;color:var(--text-dim)}.bid-history{margin-top:.8rem;padding:.7rem .9rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius)}.bid-history-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.bid-history-list{list-style:none;margin:.45rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.bid-entry{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;border-radius:999px;padding:.2rem .6rem;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel) 60%,#000)}.bid-entry-name{color:var(--text-dim)}.bid-entry-action{font-weight:700}.bid-raise .bid-entry-action{color:var(--gold)}.bid-pass{opacity:.7}.bid-pass .bid-entry-action{color:var(--text-dim);font-weight:600}.chat-panel{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;height:calc(100vh - 2rem);min-height:420px;overflow:hidden}.chat-panel h3{margin:0;padding:.9rem 1rem;border-bottom:1px solid var(--panel-border);font-size:1rem}.chat-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.55rem}.chat-line{display:flex;gap:.55rem;align-items:flex-start}.chat-body{display:flex;flex-direction:column;gap:.1rem}.chat-name{font-size:.72rem;font-weight:700;color:var(--gold)}.chat-text{font-size:.85rem;word-break:break-word}.chat-form{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--panel-border)}.chat-form input{flex:1}@media (max-width: 900px){.table-layout{grid-template-columns:1fr}.chat-panel{height:420px}}.lobby-rating{color:var(--text-dim);font-size:.8rem;font-weight:600}.ladder-rank{font-weight:800;color:var(--gold)}.ladder-list .history-row,.achievement-list .history-row{flex-direction:row;align-items:center;gap:.7rem}.is-me{outline:1px solid var(--accent)}.achievement-summary{color:var(--text-dim);margin:0 0 .6rem}.achievement-icon{font-size:1.4rem;color:var(--text-dim)}.achievement-unlocked .achievement-icon{color:var(--gold)}.achievement-unlocked{border-color:color-mix(in srgb,var(--gold) 45%,var(--panel-border))}.achievement-text{display:flex;flex-direction:column;gap:.15rem;flex:1}.achievement-text strong{font-size:.95rem}.achievement-text span{color:var(--text-dim);font-size:.8rem}.achievement-date{color:var(--text-dim);font-size:.75rem}.replay-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.replay-speed{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text);padding:.45rem .6rem}.replay-progress{color:var(--text-dim);font-size:.85rem;margin-left:auto}.replay-board{display:flex;flex-direction:column;gap:1rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:1.2rem}.replay-stats{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.85rem;color:var(--text-dim)}.replay-scores{font-weight:700;color:var(--text)}.replay-bids{margin:0}.replay-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.replay-seat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.7rem;border:1px solid var(--panel-border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 60%,#000)}.replay-seat.is-declarer{border-color:var(--gold)}.replay-seat-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700}.replay-empty-card{color:var(--text-dim);font-size:1.2rem;line-height:1}.profile-card{display:flex;flex-direction:column;gap:1.2rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:1.2rem}.profile-header{display:flex;align-items:center;gap:1rem}.profile-identity{display:flex;flex-direction:column;gap:.15rem}.profile-identity h2{margin:0;font-size:1.4rem}.profile-identity span{color:var(--text-dim);font-size:.85rem}.profile-you{color:var(--accent);font-weight:700}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.6rem}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem;border:1px solid var(--panel-border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 60%,#000)}.profile-stat strong{font-size:1.3rem;color:var(--gold)}.profile-stat span{color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.profile-section h3{margin:0 0 .6rem;font-size:1rem}.rating-chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding:.4rem;border:1px solid var(--panel-border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 60%,#000)}.rating-bar{flex:1;min-width:4px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--gold),color-mix(in srgb,var(--gold) 55%,var(--accent)))}