.header-logo{height:2.2rem;width:auto}.brand-logo{height:2.4rem;width:auto;display:block}.login-logo{width:200px;height:auto;display:block;margin:0 auto .5rem}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:1000;animation:splash-fade .5s ease 1.6s forwards}.splash-logo{width:min(340px,75vw);height:auto;animation:splash-pop 1.3s cubic-bezier(.16,1,.3,1) forwards}@keyframes splash-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes splash-fade{to{opacity:0;visibility:hidden}}:root{color-scheme:dark;--bg: #221710;--panel: #1a130c;--border: #8a6d2f;--text: #efe4c6;--muted: #ab9666;--accent: #d4af37;--accent-text: #171105;--danger: #e35d52;--ok: #4fbf7d;--red: #c8102e;--black: #14181d;--felt: #14624a;font-family:Georgia,Times New Roman,Palatino Linotype,Book Antiqua,serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:1.35rem;margin:0}h2{font-size:1.05rem;margin:0 0 .6rem}h3{font-size:.95rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}button{font:inherit;padding:.35rem .7rem;border:1px solid var(--border);border-radius:2px;background:#2b1f13;color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}input[type=text],input[type=email],input[type=password],select{font:inherit;padding:.35rem .5rem;border:1px solid var(--border);border-radius:2px;background:#241a10;color:var(--text);caret-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:1rem;height:1rem;flex:none;cursor:pointer}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #d4af3759}label{font-size:.85rem;color:var(--muted)}.screen{max-width:1100px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.screen-game{max-width:none;padding:0}.screen-center{min-height:100vh;align-items:center;justify-content:center}.panel{background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:.9rem 1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.6rem .9rem;background:var(--panel);border:1px solid var(--border);border-radius:3px}.topbar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{display:inline-block;padding:.1rem .45rem;border-radius:3px;border:1px solid var(--border);font-size:.75rem;background:#2b1f13}.badge-muted{color:var(--muted)}.badge-ok{border-color:var(--ok);color:var(--ok)}.row{display:flex;align-items:center;gap:.5rem}.row.wrap{flex-wrap:wrap}.row.space-between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:.5rem}.muted{color:var(--muted)}.small{font-size:.8rem}.error-text{color:var(--danger);font-size:.85rem;margin:.3rem 0}.hint{font-size:.8rem;color:var(--muted)}.toast{position:fixed;top:.8rem;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;background:#3a1f1a;border:1px solid var(--danger);border-radius:3px;color:var(--danger);box-shadow:0 2px 8px #00000059}.toast-close{border:none;background:transparent;color:inherit;font-size:1.1rem;padding:0 .2rem}.login-panel{width:min(360px,90vw);display:flex;flex-direction:column;gap:.4rem}.profile-row{display:flex;gap:1rem;align-items:center;margin-bottom:.8rem}.profile-fields{display:flex;flex-direction:column;gap:.4rem}.profile-form{display:flex;flex-direction:column;gap:.3rem;max-width:420px}.file-label{display:inline-flex;flex-direction:column;gap:.2rem;font-size:.85rem}.avatar{width:2.2rem;height:2.2rem;border-radius:50%;object-fit:cover;border:1px solid var(--border);background:#2b1f13;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--muted);flex:none}.avatar-small{width:2.2rem;height:2.2rem}.avatar-medium{width:3.4rem;height:3.4rem;font-size:1.2rem}.avatar-large{width:4.5rem;height:4.5rem;font-size:1.4rem}.avatar-fallback{font-weight:600}.lobby-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}.lobby-grid .chat{grid-column:1 / -1}.table-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.table-list-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:2px;flex-wrap:wrap}.join-seat{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:2px;background:#241a10}.settings-form{border:1px solid var(--border);border-radius:2px;padding:.5rem .7rem;margin:0;display:flex;flex-direction:column;gap:.25rem}.settings-form legend{font-size:.8rem;color:var(--muted);padding:0 .3rem}.check{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text)}.settings-group{border-top:1px dashed var(--border);margin-top:.3rem;padding-top:.3rem;display:flex;flex-direction:column;gap:.2rem}.group-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.table-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.table-grid .chat{grid-column:1 / -1}.game-view{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:1100px;margin:0 auto;width:100%}.stats-bar{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem;background:var(--panel);border-top:1px solid var(--border)}.game-header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--border)}.game-table{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:1rem;align-items:center}.game-center{min-width:0;display:flex;flex-direction:column;gap:1rem}.opponents{display:flex;flex-direction:column;gap:.5rem}.opponent{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;border:1px solid var(--border);border-radius:3px;background:var(--panel)}.opponent-active{border-color:var(--accent);box-shadow:0 0 0 2px #d4af3740}.opponent-name{font-weight:600;overflow-wrap:anywhere;text-align:center}.card-backs{display:flex;flex-wrap:wrap;gap:.15rem;justify-content:center;max-width:120px}.card-back{width:1.1rem;height:1.6rem;border-radius:2px;border:1px solid var(--accent);background:repeating-linear-gradient(45deg,#14100a,#14100a 3px,#2b1f13 3px,#2b1f13 6px)}.warning-badge{display:inline-block;padding:.05rem .55rem;border-radius:3px;font-weight:700;background:#3a1f1a;border:1px solid var(--danger);color:var(--danger)}.opponent-avatar{position:relative}.turn-dot{position:absolute;top:-2px;right:-2px;width:.7rem;height:.7rem;border-radius:50%;background:var(--accent);border:2px solid #fff;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.chat-footer{position:fixed;bottom:1rem;left:1rem;z-index:25}.chat-footer .chat{width:320px;max-height:45vh;display:flex;flex-direction:column}.chat-footer .chat-list{max-height:22vh}.game-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:.5rem 1rem 0;width:100%}.round-label{font-weight:700;background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:.25rem .8rem;font-size:.85rem}.toolbar-btn{cursor:pointer;padding:.25rem .6rem}.toolbar-btn.active{border-color:var(--accent);background:#3a2f14;color:var(--accent)}.bid-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;min-width:340px;max-width:92vw}.bid-overlay .controls{box-shadow:0 8px 30px #00000040;padding:1.25rem 1.5rem}.bid-overlay .hand{gap:.5rem;margin-top:.75rem}.bid-overlay .row{gap:.6rem;margin-top:.5rem}.toolbar-btn.danger{border-color:var(--danger);color:var(--danger);font-weight:600}.pause-banner{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.6rem 1rem;background:#3a2f14;border:1px solid var(--accent);border-radius:3px;font-weight:600;color:var(--accent)}.toolbar-panel{max-width:1100px;margin:.5rem auto 0;width:calc(100% - 2rem)}.table-surface{position:relative;width:100%;aspect-ratio:1088 / 463;background:url(/table.svg) center / 100% 100% no-repeat;display:flex;align-items:center;justify-content:center;padding:1rem}.trick-view{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.trick-current{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.trick-last{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#140f08d9;border-radius:2px;padding:.4rem .6rem}.game-panels{display:flex;gap:1rem;max-width:1100px;margin:0 auto;padding:0 1rem 1rem;width:100%}.game-panels details{flex:1;min-width:0}.game-panels summary{cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.4rem}.panel-icon{font-size:1.1rem}.panel-body{margin-top:.6rem}.chat-launcher{position:relative;width:3rem;height:3rem;border-radius:4px;font-size:1.4rem;border:1px solid var(--border);background:var(--panel);box-shadow:0 2px 8px #00000026;cursor:pointer}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:1.2rem;height:1.2rem;border-radius:3px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 .3rem}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0 .6rem}.chat-header h2{margin:0}.chat-close{border:none;background:transparent;cursor:pointer;font-size:1rem;padding:.1rem .3rem}.chat-form{display:flex;gap:.4rem}.chat-form input{flex:1;min-width:0}.chat-form button{flex-shrink:0;white-space:nowrap}.hand-footer{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:20;max-width:min(720px,calc(100vw - 2rem))}.hand-footer .hand-view{background:#1a130cf7;box-shadow:0 4px 20px #00000080;margin:0}.details-panel summary{cursor:pointer;font-weight:600;padding:.25rem 0}details.panel summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}.details-panel .table-grid{margin-top:.6rem}.seat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.8rem}.seat{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border);border-radius:2px;background:#241a10;min-height:3rem}.seat-self{border-color:var(--accent)}.seat-empty{background:#1a130c}.seat-number{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}.seat-name{flex:1;font-size:.9rem;overflow-wrap:anywhere}.avatar-empty{font-weight:600}.status-grid{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:0}.status-grid>div{display:flex;align-items:baseline;gap:.35rem}.status-grid dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.status-grid dd{margin:0;font-size:.92rem}.result-line{margin:.6rem 0 0;font-weight:600}.event-log{list-style:none;margin:.5rem 0 0;padding:.4rem 0 0;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.1rem}.delta-list{margin:0;padding-left:1.1rem;font-size:.85rem}.card{width:3.1rem;height:4.3rem;border-radius:2px;border:1px solid var(--border);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:0;font-weight:700;line-height:1}.card-rank{font-size:1.15rem}.card-suit{font-size:1.35rem}.card-black{color:var(--black)}.card-red{color:var(--red)}.card-playable{border-color:var(--accent);box-shadow:0 0 0 2px #d4af3759}.card-playable:hover{background:#3a2f14}.card-selected{background:#4a3a14;border-color:var(--accent)}.card-disabled{opacity:.85;cursor:default}.hand{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.trick-row{flex-wrap:wrap;align-items:flex-start}.trick-card{display:flex;flex-direction:column;align-items:center;gap:.2rem}.trick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.trick-list li{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:.4rem}.trick-cards{display:flex;gap:.2rem}.trick-cards .card{width:2.1rem;height:2.9rem}.trick-cards .card .card-rank{font-size:.85rem}.trick-cards .card .card-suit{font-size:.95rem}.trick-meta{font-size:.82rem;color:var(--muted)}.score-table{width:100%;border-collapse:collapse}.score-table th,.score-table td{text-align:left;padding:.3rem .4rem;border-bottom:1px solid var(--border)}.score-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.score-table .self-row{background:#3a2f14}.score-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.score-player{display:inline-flex;align-items:center;gap:.4rem}.chat-list{list-style:none;margin:0 0 .5rem;padding:.4rem;max-height:16rem;overflow-y:auto;border:1px solid var(--border);border-radius:2px;display:flex;flex-direction:column;gap:.25rem}.chat-item{font-size:.87rem;display:flex;gap:.35rem;flex-wrap:wrap}.chat-author{font-weight:600}.chat-text{flex:1;overflow-wrap:anywhere}.chat-form input{flex:1}@media (max-width: 860px){.lobby-grid,.table-grid,.game-layout{grid-template-columns:1fr}}