@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,900&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--felt-900:#071912;--felt-800:#0b2018;--felt-700:#103026;--felt-600:#174535;--felt-500:#1f5b46;--parchment:#f1e7d3;--parchment-dim:#ddd0b6;--parchment-deep:#c8b795;--brass-400:#e2c069;--brass-500:#c9a227;--brass-600:#9d7c17;--rust:#c4552c;--rust-soft:#e08a63;--sage:#8aa898;--ink:#0a1a14;--ink-soft:#3d5348;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-ui:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--radius:10px;--shadow-card:0 1px 1px #00000047, 0 6px 14px -6px #0000008c;--shadow-lift:0 4px 8px #0000004d, 0 18px 36px -14px #0009}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--parchment);background-color:var(--felt-900);background-image:radial-gradient(ellipse 120% 80% at 50% -10%, var(--felt-600) 0%, transparent 60%), radial-gradient(ellipse 90% 70% at 50% 110%, var(--felt-700) 0%, transparent 55%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.30'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}.display{font-family:var(--font-display);font-variation-settings:"SOFT" 30, "WONK" 1;letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--sage);font-size:10px}.card{border-radius:var(--radius);box-shadow:var(--shadow-card);font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;outline-offset:2px;-webkit-user-select:none;user-select:none;outline:2px solid #0000;place-items:center;font-weight:900;transition:transform .18s cubic-bezier(.2,.9,.3,1),box-shadow .18s,outline-color .12s;display:grid;position:relative}.card--up{background:linear-gradient(158deg, #ffffff80, transparent 42%), var(--card-bg,var(--parchment));color:var(--card-fg,var(--ink));border:1px solid #00000029}.card--down{background:repeating-linear-gradient(45deg, #ffffff0b 0 3px, transparent 3px 6px), linear-gradient(160deg, var(--felt-600), var(--felt-800));color:#e2c06980;border:1px solid #e2c06959}.card--ace{background:linear-gradient(150deg, #fff3cd 0%, var(--brass-400) 28%, #a8811a 55%, var(--brass-400) 78%, #fff0c4 100%);color:#40300a;border:1px solid #ffffff8c}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-lift);transform:translateY(-5px)rotate(-.4deg)}.card--target{outline-color:var(--brass-400);animation:1.6s ease-in-out infinite pulse}.card--just-changed{animation:.42s cubic-bezier(.2,.9,.3,1) dealt}@keyframes pulse{0%,to{outline-color:#e2c06959}50%{outline-color:#e2c069}}@keyframes dealt{0%{opacity:0;transform:translateY(-14px)scale(.92)rotate(2deg)}to{opacity:1;transform:none}}.column--matched{position:relative}.column--matched:after{content:"";border:1.5px solid var(--brass-500);pointer-events:none;border-radius:13px;position:absolute;inset:-3px -5px;box-shadow:0 0 12px -2px #c9a2278c}.column--set:after{border-color:var(--brass-400);border-width:2px;box-shadow:0 0 18px -1px #e2c069bf}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#071912d1,#0719129e);border:1px solid #e2c06929;border-radius:14px}.rule{background:linear-gradient(90deg,#0000,#e2c0694d,#0000);border:0;height:1px}button{font-family:var(--font-ui);cursor:pointer}.btn{color:var(--parchment);letter-spacing:.01em;background:#e2c06914;border:1px solid #e2c06959;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:500;transition:background .14s,border-color .14s,transform .12s}.btn:hover:not(:disabled){border-color:var(--brass-400);background:#e2c0692e}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.32;cursor:not-allowed}.btn--primary{background:var(--brass-500);border-color:var(--brass-400);color:#2a1f05;font-weight:600}.btn--primary:hover:not(:disabled){background:var(--brass-400)}select{font-family:var(--font-mono);color:var(--parchment);background:#071912e6;border:1px solid #e2c06947;border-radius:7px;padding:6px 9px;font-size:12px}.prob-track{background:#ffffff0d;border-radius:4px;height:20px;position:relative;overflow:hidden}.prob-fill{background:linear-gradient(90deg, var(--brass-600), var(--brass-400));transition:width .26s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0 auto 0 0}.prob-fill--chosen{background:linear-gradient(90deg, var(--brass-500), #ffe9a8)}.fade-in{animation:.32s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#e2c06938;border-radius:5px}::-webkit-scrollbar-track{background:0 0}.play-layout{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.play-layout>*{min-width:0}.scorecard-scroll{-webkit-overflow-scrolling:touch;contain:inline-size;overflow-x:auto}.scorecard-scroll table{min-width:430px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}