:root{--bg0: #071012;--bg1: #081a1c;--fg: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--muted2: rgba(255, 255, 255, .5);--accent: #7cf7d4;--danger: #ff5e7b;--shadow: rgba(0, 0, 0, .55);--card-w: clamp(90px, 10.5vw, 140px);--card-h: calc(var(--card-w) * 1.44);--radius: 16px;--ease: cubic-bezier(.2, .9, .2, 1);--ease2: cubic-bezier(.15, .9, .15, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--fg);background:radial-gradient(900px 700px at 20% 10%,rgba(124,247,212,.12),transparent 60%),radial-gradient(850px 650px at 90% 30%,rgba(122,168,255,.1),transparent 55%),radial-gradient(700px 600px at 50% 100%,rgba(255,94,123,.08),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow-x:hidden}.app{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#08141666;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.brand__mark{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--fg));box-shadow:0 0 0 6px #7cf7d414,0 0 24px #7cf7d42e}.brand__title{font-weight:650;letter-spacing:.2px}.brand__subtitle{color:var(--muted);font-size:13px;margin-top:2px}.actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:var(--fg);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600;letter-spacing:.2px;transition:transform .12s var(--ease),background .16s ease,border-color .16s ease}.btn:hover{background:#ffffff1c;border-color:#ffffff29}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid rgba(124,247,212,.35);outline-offset:2px}.btn--ghost{background:transparent}.btn[disabled]{cursor:not-allowed;opacity:.6}.toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;background:#ffffff0a}.toggle__input{width:18px;height:18px;accent-color:var(--accent)}.toggle__label{font-size:13px;color:var(--muted);-webkit-user-select:none;user-select:none;cursor:pointer}.table{padding:22px;display:grid;gap:18px;align-content:start}.table__row{display:grid;gap:18px}.table__row--top{grid-template-columns:240px 1fr;align-items:center}.pile{display:grid;gap:10px;justify-items:start}.pile__label{color:var(--muted2);font-size:12px;letter-spacing:.3px;text-transform:uppercase}.deck{position:relative;width:var(--card-w);height:var(--card-h);perspective:1000px}.deck:before,.deck:after{content:"";position:absolute;inset:0;border-radius:var(--radius);transform:translate(10px,-8px);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);filter:blur(.15px)}.deck:after{transform:translate(18px,-14px);opacity:.75}.status{display:grid;gap:4px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;box-shadow:0 14px 40px #0000002e}.status__headline{font-weight:650}.status__sub{color:var(--muted);font-size:13px}.hand{display:grid;gap:10px}.hand__label{color:var(--muted2);font-size:12px;letter-spacing:.3px;text-transform:uppercase}.hand__cards{position:relative;min-height:80vh;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(900px 300px at 20% 30%,rgba(124,247,212,.08),transparent 65%),radial-gradient(900px 300px at 80% 30%,rgba(122,168,255,.06),transparent 65%),#0000001f;box-shadow:inset 0 1px #ffffff0f,0 16px 40px #00000040;overflow:hidden}.card{position:absolute;width:var(--card-w);height:var(--card-h);border-radius:var(--radius);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;cursor:pointer;transform:translate3d(var(--x, 0px),var(--y, 0px),0) rotate(var(--r, 0deg));transition:transform .7s var(--ease2),filter .18s ease;filter:drop-shadow(0 20px 28px rgba(0,0,0,.26))}.card:hover{filter:drop-shadow(0 22px 30px rgba(0,0,0,.32)) brightness(1.03)}.card:focus-visible{outline:none}.card__inner{position:absolute;inset:0;border-radius:inherit;transform-style:preserve-3d;transition:transform .7s var(--ease2)}.card.is-face-up .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;overflow:hidden}.card__back{background:radial-gradient(220px 160px at 20% 20%,rgba(124,247,212,.28),transparent 62%),radial-gradient(220px 160px at 80% 30%,rgba(122,168,255,.24),transparent 62%),linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid rgba(255,255,255,.14)}.card__back:before{content:"";position:absolute;inset:10px;border-radius:calc(var(--radius) - 8px);border:1px dashed rgba(255,255,255,.25);opacity:.7}.card__back:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08),rgba(255,255,255,.08) 6px,transparent 6px,transparent 12px);opacity:.15}.card__front{transform:rotateY(180deg);background:#ffffffeb;color:#000000e0;border:1px solid rgba(0,0,0,.14)}.card__front:before{content:"";position:absolute;inset:0;background:radial-gradient(220px 160px at 20% 20%,rgba(124,247,212,.25),transparent 60%),radial-gradient(220px 160px at 80% 30%,rgba(122,168,255,.18),transparent 60%);opacity:.45;pointer-events:none}.pip{position:absolute;font-weight:750;letter-spacing:.4px;display:grid;gap:2px;font-variant-numeric:lining-nums}.pip--tl{top:10px;left:12px;justify-items:start}.pip--br{bottom:10px;right:12px;justify-items:end;transform:rotate(180deg)}.pip__rank{font-size:18px;line-height:1}.pip__suit{font-size:16px;line-height:1}.center{place-self:center;font-size:22px;opacity:.9;transform:translateY(2px);text-shadow:0 1px 0 rgba(255,255,255,.4)}.card[data-color=red] .pip,.card[data-color=red] .center{color:#b41a30fa}.card[data-color=black] .pip,.card[data-color=black] .center{color:#0d0f12f5}.card.is-dealing{transition:transform .68s var(--ease2),filter .18s ease}.card.is-unavailable{pointer-events:none}.footer{padding:18px 22px 22px;color:var(--muted);font-size:13px}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#ffffffe0;background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:2px 6px;border-radius:8px}@media(max-width:820px){.table__row--top{grid-template-columns:1fr}.brand{min-width:0}}@media(prefers-reduced-motion:reduce){.card,.card__inner,.btn{transition:none!important}}#redirect-btn{position:fixed;left:50%;bottom:8vw;transform:translate(-50%);z-index:100;padding:1em 2em;font-size:clamp(1.2em,3vw,2em);font-family:Segoe UI,Arial,sans-serif;border-radius:2em;font-weight:700;background:var(--fg, #7aa8ff);color:#151515;box-shadow:0 8px 32px #0000002e;border:none;cursor:pointer;display:none;opacity:0;transition:opacity .5s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}@media(min-width:600px){#redirect-btn{font-size:1.4em}#redirect-btn{bottom:48px}}@media(min-width:1024px){#redirect-btn{font-size:1.2em}#redirect-btn{bottom:64px}}#redirect-btn:focus-visible{outline:2px solid var(--accent, #7cf7d4);outline-offset:2px}#redirect-btn:active{box-shadow:0 4px 16px #00000038}