:root{color-scheme:dark;--bg: #5a7390;--surface: #4a607a;--card-bg: #fafafa;--fg: #ffffff;--fg-secondary: #b8cfdf;--accent: #4a90e2;--accent-fg: #ffffff;--red: #c0392b;--gold: #ffcd3a;--green: #27ae60;--border: rgba(255,255,255,.12);--felt-texture: radial-gradient(circle at 20% 30%, rgba(255,255,255,.05) 0px, transparent 1.2px), radial-gradient(circle at 60% 70%, rgba(0,0,0,.08) 0px, transparent 1.2px), radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0px, transparent 1.2px), radial-gradient(circle at 30% 80%, rgba(0,0,0,.05) 0px, transparent 1px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(ellipse at center,#6c87a8 0%,var(--bg) 60%,#455870 100%);background-attachment:fixed;color:var(--fg);overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--felt-texture);background-size:8px 8px,6px 6px,10px 10px,12px 12px;pointer-events:none;opacity:.6}button{font:inherit;background:var(--accent);color:var(--accent-fg);border:0;border-radius:10px;padding:10px 18px;cursor:pointer;font-weight:600;letter-spacing:.2px;box-shadow:0 3px 8px #00000040;transition:transform .1s,box-shadow .1s,background .1s;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 4px #0000004d}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--fg)}@keyframes turnPulse{0%,to{box-shadow:0 4px 12px #4a90e280}50%{box-shadow:0 6px 22px #4a90e2d9}}@keyframes cardDrop{0%{transform:translateY(-30px) rotate(-8deg) scale(.9);opacity:0}60%{transform:translateY(4px) rotate(2deg) scale(1.03);opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardAppear{0%{transform:scale(.6) rotateY(80deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}.card-enter{animation:cardDrop .24s cubic-bezier(.2,.7,.3,1)}.no-select{user-select:none;-webkit-user-select:none}