:root{--bg-top: #1a1a20;--bg-bottom: #09090d;--glow: #2e2e3a;--panel: #1e1e25;--panel-header: #282832;--stroke: #565664;--text: #f2f2f8;--text-muted: #9698a6;--text-faint: #696b78;--accent: #ffce66;--positive: #7ade8e;--danger: #e96262;--primary: #4a76c4;--double-ink: #a076e2;--private-ink: #e0caff;--card-face: #fafaf6;--card-red: #c82026;--card-black: #1a1a1e;--card-joker: #8c3cb4;--card-edge: #c9c9d2;--card-back: #26366e;--card-back-inner: #384e96;--font-title: "Bangers", "Impact", system-ui, sans-serif;--font-heading: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--font-card: Georgia, "Times New Roman", "Iowan Old Style", serif;--card-w: clamp(52px, 6.2vw, 82px);--card-h: calc(var(--card-w) * 1.4286);--card-radius: calc(var(--card-w) * .075);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--t-quick: .12s;--t-normal: .22s;--radius-panel: 14px;--radius-button: 10px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg-bottom);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}button:disabled{cursor:default}input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}.bg-fx__blob{position:absolute;width:var(--blob-size);height:var(--blob-size);margin:calc(var(--blob-size) / -2);border-radius:50%;background:var(--blob-tint);opacity:.14;filter:blur(40px);animation:blob-drift var(--drift) ease-in-out infinite alternate,blob-pulse var(--pulse) ease-in-out infinite alternate}@keyframes blob-drift{0%{left:var(--from-x);top:var(--from-y)}to{left:var(--to-x);top:var(--to-y)}}@keyframes blob-pulse{to{scale:1.15}}.note{position:relative;background:var(--panel);border:1.5px solid color-mix(in srgb,var(--stroke) 85%,transparent);border-radius:var(--radius-panel);box-shadow:0 10px 30px #00000059;rotate:var(--tilt, 0deg)}.note__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-1px -1px 12px;padding:10px 16px;background:var(--panel-header);border-radius:var(--radius-panel) var(--radius-panel) 0 0;font-family:var(--font-heading);font-size:1.15rem}.button{padding:12px 22px;border-radius:var(--radius-button);background:var(--primary);color:var(--text);font-family:var(--font-heading);font-size:1rem;transition:filter var(--t-quick) ease-out,transform var(--t-quick) ease-out}.button:hover:not(:disabled){filter:brightness(1.12)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{background:#343642;color:var(--text-faint)}.button--accent{background:var(--accent);color:#281e06;font-family:var(--font-title);font-size:1.6rem;letter-spacing:.04em;border-radius:12px}.button--primary{background:var(--primary)}.button--ghost{background:var(--panel-header);font-size:.95rem;padding:8px 16px}.button--spent{background:#343642;color:var(--text-faint)}.button--double{width:100%;margin-top:14px;border-radius:24px;background:var(--double-ink);font-family:var(--font-title);font-size:1.35rem;letter-spacing:.05em}.button--double.is-committed{background:var(--danger)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#0000008c;overflow-y:auto;animation:fade-in var(--t-normal) ease-out}.backdrop--banner{z-index:60}@keyframes fade-in{0%{opacity:0}}.modal{width:min(460px,100%);padding-bottom:20px;animation:modal-in .28s var(--ease-pop)}@keyframes modal-in{0%{scale:.75;opacity:0;rotate:-6deg}}.modal__title{font-family:var(--font-title);font-size:1.6rem;letter-spacing:.03em}.modal__close{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:8px;background:var(--panel);color:var(--text-muted);font-size:1.3rem;line-height:1}.modal__close:hover{color:var(--text)}.join{display:grid;place-items:center;min-height:100%;padding:24px 16px;overflow-y:auto}.join__card{--tilt: -1deg;width:min(440px,100%);padding:30px 28px 26px}.join__deck{position:absolute;top:-46px;right:20px;scale:.5;transform-origin:top right;rotate:9deg;opacity:.9}.join__title{margin:0;font-family:var(--font-title);font-size:clamp(2rem,7vw,2.9rem);font-weight:400;letter-spacing:.02em;line-height:1.05}.join__subtitle{margin:4px 0 14px;font-family:var(--font-heading);color:var(--text-muted)}.join__blurb{margin:0 0 22px;color:var(--text-muted);font-size:.95rem;line-height:1.5}.field{display:block;margin-bottom:16px}.field__label{display:block;margin-bottom:6px;color:var(--text-faint);font-size:.8rem;text-transform:lowercase;letter-spacing:.06em}.field__input{width:100%;padding:12px 14px;border:1.5px solid var(--stroke);border-radius:var(--radius-button);background:#16161c;color:var(--text)}.field__input::placeholder{color:var(--text-faint)}.field__input--code{font-family:var(--font-title);font-size:1.8rem;letter-spacing:.35em;text-align:center;text-transform:uppercase}.segmented{display:flex;gap:6px;margin-bottom:16px;padding:4px;border-radius:12px;background:#16161c}.segmented__option{flex:1;padding:9px 8px;border-radius:9px;color:var(--text-muted);font-family:var(--font-heading);font-size:.92rem}.segmented__option.is-active{background:var(--panel-header);color:var(--text)}.join__go{width:100%}.join__status{margin:14px 0 0;text-align:center;color:var(--text-faint);font-size:.9rem}.join__status--error{color:var(--danger)}.lobby{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:32px;align-items:start;height:100%;padding:clamp(16px,3vw,48px);overflow-y:auto}.lobby__left{display:flex;flex-direction:column;gap:20px}.lobby__title-card{--tilt: -1.4deg;padding:22px 22px 18px}.lobby__title{margin:0;font-family:var(--font-title);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:400;line-height:1.05}.lobby__subtitle{margin:4px 0 16px;font-family:var(--font-heading);color:var(--text-muted)}.code-chip{display:block;width:100%;margin-bottom:16px;padding:10px 14px;border:1.5px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent);text-align:left}.code-chip__label{display:block;color:var(--text-faint);font-size:.75rem;letter-spacing:.08em}.code-chip__value{display:block;font-family:var(--font-title);font-size:2.1rem;letter-spacing:.22em;color:var(--accent);line-height:1.1}.code-chip__hint{display:block;color:var(--text-faint);font-size:.75rem}.lobby__status{margin:0 0 6px;font-size:1.05rem}.lobby__count{margin:0;color:var(--text-faint);font-size:.9rem}.lobby__how{--tilt: 1.1deg}.lobby__how p{margin:0;padding:0 18px 18px;color:var(--text-muted);line-height:1.7}.lobby__small-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lobby__mode,.lobby__roles{display:flex;flex-direction:column;gap:2px;padding:14px 16px;text-align:left}.lobby__mode{--tilt: -1deg}.lobby__roles{--tilt: 1.2deg;justify-content:center}.lobby__mode:disabled{cursor:default}.lobby__mode.is-chaos{border-color:var(--double-ink)}.lobby__mode-kicker{color:var(--text-faint);font-size:.75rem}.lobby__mode-value{font-family:var(--font-title);font-size:1.7rem;letter-spacing:.03em}.lobby__mode.is-chaos .lobby__mode-value{color:var(--double-ink)}.lobby__mode-hint{color:var(--text-faint);font-size:.72rem}.lobby__roles-title{font-family:var(--font-title);font-size:1.5rem}.lobby__right{display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding-top:12px}.seats{display:flex;flex-direction:column;gap:14px;width:min(360px,100%);margin:0;padding:0;list-style:none}.seats--compact{gap:8px}.seat{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border:1.5px solid color-mix(in srgb,var(--stroke) 85%,transparent);border-radius:12px;background:var(--panel);rotate:var(--tilt, 0deg);text-align:left;font-family:var(--font-heading);transition:border-color var(--t-quick) ease-out}.seats--compact .seat{padding:9px 14px}button.seat:hover{border-color:var(--accent)}.seat--me{border-color:color-mix(in srgb,var(--accent) 65%,transparent)}.seat--gone .seat__name{color:var(--text-faint)}.seat__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat__you{color:var(--text-faint);font-size:.85em}.seat__crown{font-size:1.3rem}.seat__ready{display:grid;place-items:center;width:34px;height:34px;flex:none;border:2px solid var(--text-faint);border-radius:50%;color:var(--text-faint)}.seat__ready.is-ready{border-color:var(--positive);background:var(--positive);color:#10281a;animation:card-pop .28s var(--ease-pop)}.lobby__actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.lobby__start{padding:16px 40px;rotate:-2deg;transition:rotate var(--t-quick) ease-out}.lobby__start:hover:not(:disabled){rotate:0deg}.lobby__hint{margin:0;color:var(--text-faint);font-size:.9rem}.modal--gallery{width:min(520px,100%);padding:24px 26px 20px}.modal--gallery .modal__close{position:absolute;top:12px;right:12px}.gallery__emoji{font-size:2.8rem;text-align:center}.gallery__name{margin:6px 0 2px;font-family:var(--font-title);font-size:2rem;font-weight:400}.gallery__tagline{margin:0 0 12px;color:var(--text-muted);font-family:var(--font-heading)}.gallery__rare{color:var(--accent)}.gallery__blurb{margin:0 0 16px;line-height:1.55}.gallery__abilities{margin:0 0 18px;padding-left:18px;color:var(--text-muted);font-size:.9rem;line-height:1.55}.gallery__abilities b{color:var(--text)}.gallery__nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery__dots{display:flex;gap:7px}.gallery__dots span{width:8px;height:8px;border:1px solid var(--text-faint);border-radius:50%}.gallery__dots span.is-active{background:var(--accent);border-color:var(--accent)}.table{display:flex;flex-direction:column;height:100%;padding:12px}.table__center{display:grid;place-items:center;flex:1;min-height:0;padding:12px 0}.table__interlude{color:var(--text-faint);font-family:var(--font-heading);font-size:1.1rem}.topbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;flex:none}.topbar__info,.chip{display:flex;flex-direction:column;justify-content:center;padding:6px 12px;border:1px solid color-mix(in srgb,var(--stroke) 60%,transparent);border-radius:12px;background:var(--panel);min-height:54px}.topbar__info{display:grid;grid-template-areas:"trump round" "trump hand";grid-template-columns:auto 1fr;gap:0 10px;align-items:center;min-width:150px}.topbar__trump{grid-area:trump;font-size:1.7rem;line-height:1}.topbar__trump--nt{font-size:1rem;color:var(--text-faint)}.topbar__round{grid-area:round;align-self:end;font-family:var(--font-title);font-size:1.25rem;letter-spacing:.02em}.topbar__hand{grid-area:hand;color:var(--text-faint);font-size:.78rem}.chip{min-width:92px;max-width:130px;gap:2px}.topbar--big .chip{min-width:74px;padding:6px 8px}.chip--turn{border:2px solid var(--accent)}.chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.78rem}.chip__score{font-family:var(--font-heading);font-size:1.15rem}.chip__score.is-good{color:var(--positive)}.chip__score.is-bad{color:var(--danger)}.chip__score--none{color:var(--text-faint)}.trick{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:min(96vw,1100px);padding:16px 20px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:20px;background:#0e0e12bf}.trick__info{font-family:var(--font-heading);font-size:1.05rem}.trick__lead{color:var(--text-muted)}.trick__cards{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;min-height:var(--card-h)}.trick__empty{margin:0;align-self:center;color:var(--text-faint)}.card-slot{display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform var(--t-normal) var(--ease-pop)}.card-slot__name{max-width:calc(var(--card-w) * 1.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-family:var(--font-heading);font-size:.8rem}.card-slot__name.is-winner{color:var(--accent)}.trick__turn{min-height:1.4em;color:var(--accent);font-size:.95rem}.trick__turn.is-winner{color:var(--positive)}.hand{display:flex;flex:none;gap:10px;justify-content:center;flex-wrap:wrap;padding:14px 8px 6px}.turn-banner{flex:none;margin:0;text-align:center;color:var(--accent);font-family:var(--font-heading);font-size:1.5rem;letter-spacing:.05em;animation:turn-pulse 1.8s ease-in-out infinite}.turn-banner--spectating{color:var(--text-muted);font-size:1.05rem;animation:none;max-width:min(100%,42rem);margin:0 auto;padding:0 clamp(12px,16vw,220px) 8px;text-wrap:balance}@keyframes turn-pulse{50%{opacity:.5}}.dock{position:fixed;right:14px;bottom:14px;z-index:25;display:flex;gap:8px}.dock__button{padding:9px 16px;border:1px solid transparent;border-radius:10px;background:#1e1e25e0;color:var(--text-muted);font-family:var(--font-heading);font-size:.85rem;letter-spacing:.04em}.dock__button{position:relative}.dock__button:hover{color:var(--text)}.dock__badge{position:absolute;top:-6px;right:-6px;min-width:18px;padding:1px 5px;border-radius:9px;background:var(--danger);color:var(--text);font-size:.7rem;line-height:1.4}.dock__button--role{color:var(--text);border-color:var(--accent)}.dock__button--role.is-glowing{animation:role-glow 1.8s ease-in-out infinite}@keyframes role-glow{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}}.backdrop--bidding{z-index:20}.modal--bid{--tilt: -1deg;width:min(430px,100%)}.modal--bid>*:not(.note__header){padding-inline:20px}.modal__round{margin:0 0 12px;color:var(--text-muted);font-family:var(--font-heading)}.modal__trump{font-size:1.2em}.bid-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}.bid-pill{padding:5px 12px;border:1px solid transparent;border-radius:13px;background:var(--panel-header);font-size:.82rem}.bid-pill.is-turn{border-color:var(--accent)}.bid-pill.is-empty{color:var(--text-faint)}.bid-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-block:6px 4px}.bid-chip{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid color-mix(in srgb,#78a0e6 50%,transparent);border-radius:50%;background:var(--primary);font-family:var(--font-heading);font-size:1.35rem;transition:transform var(--t-quick) ease-out}.bid-chip:hover:not(:disabled){transform:scale(1.16)}.bid-chip.is-forbidden{position:relative;border-color:transparent;background:#3c1e20;color:var(--text-faint)}.bid-chip.is-forbidden:after{content:"";position:absolute;width:74%;height:3px;background:var(--danger);rotate:-38deg}.modal__waiting{min-height:110px;margin:0;color:var(--text-muted);font-family:var(--font-heading);font-size:1.05rem;text-align:center;animation:turn-pulse 2.2s ease-in-out infinite}.scoresheet{position:fixed;top:50%;left:14px;z-index:30;translate:0 -50%;max-height:calc(100vh - 28px);padding:10px;overflow:auto;font-size:.85rem}.scoresheet table{border-collapse:collapse;table-layout:fixed}.scoresheet th,.scoresheet td{padding:3px 6px;border:1px solid color-mix(in srgb,var(--stroke) 40%,transparent);text-align:center}.scoresheet th{min-width:52px;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-family:var(--font-heading);font-size:.78rem;font-weight:600}.scoresheet__trump-col,.scoresheet__trump{min-width:38px;width:38px;font-family:var(--font-heading)}.scoresheet__cards{display:block;color:var(--text-faint);font-size:.62rem;line-height:1}.scoresheet__trump.is-red{color:#eb6064}.scoresheet__trump.is-faint{color:var(--text-faint);font-size:.7rem}.scoresheet tbody td{color:var(--text-muted);font-variant-numeric:tabular-nums}.scoresheet tbody td.is-good{color:var(--positive)}.scoresheet tbody td.is-bad{color:var(--danger)}.scoresheet tr.is-current{background:color-mix(in srgb,var(--accent) 12%,transparent)}.scoresheet tfoot td{background:var(--panel-header);color:var(--accent);font-family:var(--font-heading);font-size:1rem}.scoreboard__backdrop{display:none}.chat{position:fixed;top:14px;right:14px;bottom:62px;z-index:30;display:flex;flex-direction:column;width:min(340px,calc(100vw - 28px))}.chat__header{margin-bottom:0;font-size:1rem}.chat__messages{flex:1;padding:10px 14px;overflow-y:auto;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere}.chat__line{margin:0 0 6px}.chat__author{color:var(--accent);font-family:var(--font-heading);font-weight:600}.chat__line--mine .chat__author{color:var(--positive)}.chat__line--system{color:var(--text-faint);font-style:italic}.chat__empty{color:var(--text-faint)}.chat__compose{display:flex;gap:8px;padding:10px 12px;border-top:1px solid color-mix(in srgb,var(--stroke) 40%,transparent)}.chat__input{flex:1;min-width:0;padding:9px 12px;font-size:.9rem}.chat__send{padding:9px 16px;font-size:.9rem}.modal--role{width:min(460px,100%)}.modal--role>*:not(.note__header){padding-inline:20px}.role__tagline{margin:0 0 14px;color:var(--text-muted);font-size:.9rem}.role__kicker{margin:0;color:var(--text-faint);font-family:var(--font-heading);font-size:.72rem;letter-spacing:.08em}.role__ability{margin:2px 0 6px;color:var(--accent);font-family:var(--font-heading);font-size:1.4rem;font-weight:600}.role__desc{margin:0 0 6px;line-height:1.5}.role__note{margin:0 0 14px;color:var(--text-faint);font-size:.82rem}.role__picker-label{margin:0 0 8px;color:var(--text-muted);font-family:var(--font-heading);font-size:.85rem}.role__picker-label.is-nagging{color:var(--danger)}.role__targets,.role__direction,.role__extra{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.role__target{padding:7px 16px;border:1.5px solid transparent;border-radius:16px;background:var(--panel-header);font-size:.9rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role__targets.is-big .role__target{padding:6px 12px;font-size:.82rem;max-width:104px}.role__target.is-selected{background:var(--primary);border-color:var(--accent)}.role__result{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#2c263a;color:var(--private-ink);font-size:.88rem;line-height:1.45}.role__use{width:100%;border-radius:24px;font-family:var(--font-title);font-size:1.3rem;letter-spacing:.04em}.modal--banner{width:min(480px,100%);padding:24px 26px 22px;text-align:center}.banner__kicker{margin:0;color:var(--text-faint);font-family:var(--font-heading);font-size:.78rem;letter-spacing:.1em}.banner__role{margin:6px 0 2px;font-family:var(--font-title);font-size:clamp(1.8rem,6vw,2.4rem);font-weight:400}.banner__tagline{margin:0 0 18px;color:var(--text-muted);font-family:var(--font-heading)}.banner__slot-kicker{margin:0 0 8px;color:var(--text-faint);font-family:var(--font-heading);font-size:.75rem;letter-spacing:.06em}.banner__slot{display:grid;place-items:center;min-height:58px;margin-bottom:16px;padding:0 12px;border:2px solid var(--stroke);border-radius:12px;background:var(--panel-header);color:var(--text-muted);font-family:var(--font-heading);font-size:1.35rem}.banner__slot.is-landed{border-color:var(--accent);color:var(--accent);animation:card-pop .28s var(--ease-pop)}.banner__desc{margin:0 0 12px;line-height:1.5}.banner__note{color:var(--text-faint);font-size:.85rem}.banner__hint{margin:0;color:var(--text-faint);font-size:.85rem}.modal--end{width:min(440px,100%);padding:22px 26px}.modal__end-title{margin:0 0 18px;color:var(--accent);font-family:var(--font-title);font-size:2.2rem;font-weight:400;text-align:center}.standings{margin:0 0 16px;padding:0;list-style:none}.standings li{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--stroke) 30%,transparent);font-family:var(--font-heading);font-size:1.15rem}.modal--end.is-compact .standings li{padding:4px 0;font-size:.98rem}.standings li.is-winner{color:var(--accent)}.standings__rank{min-width:28px}.standings__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings__role{color:var(--text-muted);font-size:.8em}.standings__score{font-variant-numeric:tabular-nums}.modal__footer{margin:0;color:var(--text-muted);text-align:center;font-size:.9rem}.feed{position:fixed;top:76px;left:50%;z-index:45;translate:-50% 0;display:flex;flex-direction:column;gap:8px;width:min(520px,calc(100vw - 32px));pointer-events:none}.feed__card{padding:9px 14px;border:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:10px;background:#342c1c;color:var(--accent);font-family:var(--font-heading);font-size:.92rem;line-height:1.4;animation:card-pop .28s var(--ease-pop)}.feed__card--secret{border-color:color-mix(in srgb,#966edc 70%,transparent);background:#2c263a;color:var(--private-ink)}.toast{position:fixed;top:16px;left:50%;z-index:70;translate:-50% 0;max-width:min(440px,calc(100vw - 32px));padding:10px 18px;border-radius:8px;background:var(--danger);color:var(--text);font-family:var(--font-heading);text-align:center;animation:card-pop .22s var(--ease-pop)}.toast--warn{top:auto;bottom:16px;background:var(--panel-header);color:var(--text-muted)}@media (max-width: 1099px){.lobby{grid-template-columns:1fr}.lobby__right,.lobby__actions{align-items:center}.scoreboard__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#00000073}.chat{bottom:62px}}@media (max-width: 720px){:root{--card-w: clamp(46px, 13vw, 64px)}.table{padding:8px}.topbar__info{min-width:128px}.chip{min-width:70px;padding:5px 8px}.chip__score{font-size:1rem}.trick{padding:12px}.hand{gap:6px;padding:10px 4px 4px}.turn-banner{font-size:1.15rem}.dock__button{padding:8px 12px;font-size:.78rem}.feed{top:auto;bottom:62px}}@media (max-height: 560px){.card-button--playable:hover{transform:translateY(-8px)}}.card{position:relative;width:var(--card-w);height:var(--card-h);flex:none;border-radius:var(--card-radius);box-shadow:0 0 0 1px var(--card-edge),0 2px 6px #00000073;-webkit-user-select:none;user-select:none;overflow:hidden}.card__face{display:block;width:100%;height:100%;image-rendering:pixelated}.card--outline{background:transparent;box-shadow:none;border:1px dashed color-mix(in srgb,var(--stroke) 80%,transparent)}.deck-stack{position:relative;width:var(--card-w);height:var(--card-h)}.deck-stack>.card{position:absolute;top:0;right:0;bottom:0;left:0}.deck-stack>.card:nth-child(2){translate:4px -4px}.deck-stack>.card:nth-child(3){translate:8px -8px}.card-button{position:relative;padding:0;background:none;border:none;line-height:0;transition:transform var(--t-quick) ease-out,filter var(--t-quick) ease-out}.card-button--playable .card{box-shadow:0 0 0 2px var(--accent),0 4px 10px #0000007f}.card-button--playable:hover,.card-button--playable:focus-visible{transform:translateY(-14px)}.card-button--playable:active{transform:translateY(-8px)}.card-button--muted{cursor:default}.card-button--muted .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#0a0a0e8c}.card-slot--winner .card{box-shadow:0 0 0 3px var(--positive),0 6px 16px #0000008c;transform:scale(1.12)}.card-slot--lost .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#08080c7f;animation:veil-in var(--t-normal) ease-out}@keyframes veil-in{0%{opacity:0}}@keyframes card-pop{0%{transform:scale(.7);opacity:0}}.card-pop{animation:card-pop .28s var(--ease-pop)}