:root{--bg1: #0a3b2a;--bg2: #1f6f4a;--felt-line: rgba(255, 255, 255, .08);--panel: rgba(10, 16, 21, .82);--text: #f2f6f8;--muted: #b5c4cc;--accent: #ffc857;--danger: #ff6b6b;--ok: #52c41a}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Trebuchet MS,Avenir Next,sans-serif;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.1),transparent 40%),repeating-linear-gradient(45deg,transparent 0 12px,var(--felt-line) 12px 13px),linear-gradient(145deg,var(--bg1),var(--bg2));min-height:100vh}.page{min-height:100vh;padding:1rem;display:flex;justify-content:center;align-items:center}.panel{width:min(1100px,100%);background:var(--panel);border:1px solid rgba(255,255,255,.16);border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 28px 80px #0006;padding:1rem}.auth-panel{width:min(440px,100%)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.5px}form,.join-row,.lobby-actions,.controls,.game-select{display:flex;gap:.65rem;flex-wrap:wrap}form{flex-direction:column}input,button{font:inherit;border-radius:12px;padding:.6rem .85rem}.danger-btn{background:linear-gradient(145deg,#ff6b6b,#e03131);color:#fff}.draw-deck-btn{background:linear-gradient(145deg,#4dabf7,#1c7ed6);color:#fff}.draw-discard-btn{background:linear-gradient(145deg,#63e6be,#12b886);color:#062a1d}.knock-discard-btn{background:linear-gradient(145deg,#ffd43b,#f59f00);color:#3a2500}input{border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff}button{border:none;background:linear-gradient(145deg,#f7b733,var(--accent));color:#2d1f00;font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #ffc85759}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.link{background:transparent;color:var(--muted);box-shadow:none;font-weight:500}.top-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.top-actions{display:flex;gap:.5rem;align-items:center}.user-chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem .7rem}.players{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.8rem}.player-pill{border-radius:999px;padding:.4rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);display:inline-flex;gap:.5rem}.online{color:var(--ok)}.offline{color:var(--danger)}.table-wrap{margin-top:1rem;border-radius:18px;padding:.85rem;background:#0003;border:1px solid rgba(255,255,255,.12)}.table-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.turn-pill{border-radius:999px;padding:.3rem .7rem;background:#ffffff2e;font-size:.9rem}.turn-pill.yours{background:#52c41a40;border:1px solid rgba(82,196,26,.5)}.status-text{color:var(--muted);margin-bottom:.5rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.45rem;margin-bottom:.85rem}.metric{border-radius:10px;padding:.4rem .55rem;background:#ffffff14;border:1px solid rgba(255,255,255,.14);font-size:.9rem}.table-zone{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:start}.zone-title{font-size:.88rem;color:var(--muted);margin-bottom:.35rem}.opponent-zone,.middle-zone,.your-zone{border-radius:12px;padding:.6rem;background:#ffffff0a}.middle-zone{display:flex;gap:.5rem;justify-content:center;align-items:flex-start}.trick-board{margin:.8rem 0;display:flex;gap:.8rem}.trick-slot{padding:.5rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.trick-slot.winner{border-color:#ffc857e6;box-shadow:0 0 0 2px #ffc85740}.trick-wait{width:86px;height:125px;border-radius:10px;border:1px dashed rgba(255,255,255,.25);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:.85rem}.back-stack{position:relative;min-height:160px;width:min(100%,320px)}.stack-card{position:absolute;top:0;transition:transform .16s ease}.pile-card{min-width:92px}.drop-active{border:1px dashed rgba(255,200,87,.8);border-radius:10px;padding:.3rem}.hand-grid{display:flex;gap:.42rem;flex-wrap:wrap;align-items:flex-end}.card-btn{border:none;background:transparent;padding:0;box-shadow:none}.card-btn:hover{transform:translateY(-2px);box-shadow:none}.card-shell{width:86px;height:125px;display:block;position:relative;transition:transform .16s ease}.card-shell playing-card{width:100%;height:100%;display:block}.card-fallback{display:none}.card-btn.selected .card-shell{transform:translateY(-10px)}.card-btn:not(:disabled):hover .card-shell{transform:translateY(-5px)}.controls{margin-top:.8rem}.winner-text{margin-top:.65rem;color:var(--accent);font-weight:700}.error{color:#ff9b9b;margin-top:.8rem}.shake{animation:shake .24s ease-in-out 2}.solitaire-top{display:flex;justify-content:space-between;gap:1rem;margin-top:.8rem}.solitaire-stock-waste{display:flex;gap:.9rem;align-items:flex-start}.waste-fan{position:relative;min-width:140px;min-height:130px}.waste-card{position:absolute;top:0}.solitaire-foundations{display:flex;gap:.65rem;flex-wrap:wrap}.foundation-drop{min-width:120px}.solitaire-tableau{margin-top:1rem;display:grid;grid-template-columns:repeat(7,minmax(88px,1fr));gap:.6rem}.tableau-col{border:1px dashed rgba(255,255,255,.18);border-radius:10px;padding:.45rem;background:#ffffff08;min-height:360px}.tableau-stack{position:relative;min-height:320px}.tableau-card{position:absolute;left:0}.tableau-empty{position:absolute;top:0;left:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:900px){.table-zone{grid-template-columns:1fr}.middle-zone{justify-content:flex-start}.solitaire-top{flex-direction:column}.solitaire-tableau{overflow-x:auto;grid-template-columns:repeat(7,88px);padding-bottom:.5rem}}@media(max-width:640px){.panel{border-radius:14px;padding:.75rem}.card-shell,.trick-wait{width:72px;height:105px}.stack-card{transform:translate(calc(var(--i, 0) * 14px))}}