:root{--bg: #0a0e17;--bg2: #131a2b;--bg3: #1c2640;--text: #e2e8f0;--text2: #7b8ba8;--accent: #d4a017;--accent2: #f5c842;--red: #e74c3c;--blue: #3498db;--green: #2ecc71;--purple: #8e44ad;--card-bg: #1a1f35;--card-border: #2a3555;--radius: 10px;--shadow: 0 4px 24px rgba(0,0,0,.5);font-family:Inter,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent2)}.btn-danger{background:var(--red);color:#fff}.btn-secondary{background:var(--bg3);color:var(--text)}input,select{font-family:inherit;background:var(--bg3);color:var(--text);border:1px solid var(--card-border);border-radius:var(--radius);padding:8px 12px;font-size:14px;outline:none}input:focus{border-color:var(--accent)}.card{background:var(--bg2);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.playing-card{width:64px;height:90px;background:linear-gradient(145deg,#f8f6f0,#e8e4d8);border-radius:7px;border:1.5px solid #c8c0b0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 2px 8px #0000004d;position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.playing-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0006}.playing-card.red{color:#c0392b}.playing-card.black{color:#1a1a2e}.playing-card.joker-card{background:linear-gradient(145deg,#2d1b69,#1a0f40);color:#f5c842;border-color:#f5c842}.playing-card .rank{font-size:15px;font-weight:800;line-height:1}.playing-card .suit{font-size:20px;line-height:1}.playing-card .corner{position:absolute;font-size:10px;line-height:1}.playing-card .corner.tl{top:4px;left:5px}.playing-card .corner.br{bottom:4px;right:5px;transform:rotate(180deg)}.card-back{width:64px;height:90px;border-radius:7px;background-image:url(../../../card-back.png);background-size:cover;background-position:center;box-shadow:0 2px 8px #0000004d;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1.5px solid #2a3555}.card-back:hover{transform:translateY(-3px);box-shadow:0 4px 12px #d4a0174d;border-color:var(--accent)}.card-back.hovered-by-other{border-color:var(--red);box-shadow:0 0 16px #e74c3c80;transform:translateY(-5px)}.playing-card.hovered-by-other{border-color:var(--red)!important;box-shadow:0 0 16px #e74c3c99!important;transform:translateY(-6px)}.playing-card.pair-highlight{box-shadow:0 0 12px #2ecc7199;border-color:var(--green)}.playing-card.selected{box-shadow:0 0 16px #f5c842b3;border-color:var(--accent2);transform:translateY(-8px)}.update-banner.svelte-12qhfyh{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#1f2937;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 6px 24px #00000059;z-index:99999;font-size:14px;white-space:nowrap}.update-banner.svelte-12qhfyh button:where(.svelte-12qhfyh){background:#f59e0b;color:#000;border:none;padding:6px 14px;border-radius:8px;font-weight:700;cursor:pointer}.update-banner.svelte-12qhfyh button:where(.svelte-12qhfyh):hover{filter:brightness(1.05)}