*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafafa;--panel:#fff;--panel-soft:#f6f6f7;--panel-tint:#eef2ff;--line:#e4e4e7;--line-strong:#d4d4d8;--ink:#18181b;--ink-soft:#52525b;--ink-faint:#a1a1aa;--accent:#4f46e5;--accent-soft:#c7d2fe;--red:#dc2626;--green:#15803d;--gold:#b45309}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--ink);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000a}.btn{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-block}.btn:hover:not(:disabled){border-color:var(--ink-faint);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btnPrimary{background:var(--accent);border-color:var(--accent);color:#fff}.btnPrimary:hover:not(:disabled){background:#4338ca;border-color:#4338ca;box-shadow:0 6px 16px #4f46e54d}.btnSmall{border-radius:8px;padding:6px 14px;font-size:.85rem}.playingCard{border:1px solid var(--line-strong);-webkit-user-select:none;user-select:none;vertical-align:middle;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:56px;height:78px;margin:3px 2px;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;position:relative;box-shadow:0 1px 3px #0000001a}.playingCard .cardCorner{text-align:center;font-size:.8rem;font-weight:700;line-height:1.05;position:absolute;top:4px;left:6px}.playingCard .cardCenter{margin-top:10px;font-size:1.5rem;line-height:1}.playingCard .cardLabel{letter-spacing:.04em;color:var(--ink-faint);text-transform:uppercase;font-size:.55rem;font-weight:700;position:absolute;bottom:4px}.cardClickable{cursor:pointer}.cardClickable:hover{border-color:var(--ink-faint);z-index:2;transform:translateY(-8px);box-shadow:0 10px 20px #00000026}.cardSelected,.cardClickable.cardSelected:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),0 12px 22px #4f46e540;z-index:2;transform:translateY(-12px)}.cardSmall{border-radius:6px;width:42px;height:60px;margin:2px 1px}.cardSmall .cardCorner{font-size:.65rem;top:3px;left:4px}.cardSmall .cardCenter{margin-top:8px;font-size:1.1rem}.cardSmall .cardLabel{display:none}.cardBack{border-color:var(--accent-soft);background:repeating-linear-gradient(45deg,#eef2ff,#eef2ff 4px,#e0e7ff 4px 8px)}.cardBack .cardCenter{color:var(--accent);opacity:.55;margin-top:0}.handFan{flex-wrap:wrap;justify-content:center;padding:12px 8px 4px;display:flex}.handFan .playingCard:not(:first-child){margin-left:-14px}@media (max-width:600px){.handFan .playingCard:not(:first-child){margin-left:-20px}}