:root{color-scheme:dark;--gold:#e7c67c;--cream:#f6efda;--muted:#95afa5;--bg:#071c19}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 25%,#163c32 0,#071c19 70%);color:var(--cream);font:15px system-ui,sans-serif;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.app{max-width:900px;margin:auto;padding:24px 32px 18px}header{display:flex;justify-content:space-between;align-items:center}.brand{color:var(--cream);text-decoration:none;font-size:20px;letter-spacing:4px;font-weight:750}.brand span{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:6px}.icon{border:1px solid #82978055;background:transparent;color:var(--gold);border-radius:50%;height:38px;width:38px}main{max-width:680px;margin:auto}.title{text-align:center;margin:30px 0 24px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold)}h1{font:normal 48px Georgia,serif;margin:8px 0}h1 strong{font-weight:400;color:var(--gold);font-size:64px}h1 i{font-style:normal;color:var(--gold)}.title p{color:var(--muted);font-size:13px;margin:0}.dashboard{display:flex;justify-content:space-between;background:#041b18aa;border:1px solid #c9b77724;border-radius:13px;padding:16px 25px;margin-bottom:14px}.dashboard div:last-child{text-align:right}small{display:block}.dashboard small{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-bottom:5px}.dashboard b{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.record{text-align:center}.table{position:relative;overflow:hidden;min-height:350px;padding:21px;border:1px solid #cbb57955;outline:5px solid #cbb57908;outline-offset:-8px;border-radius:90px 90px 28px 28px;background:radial-gradient(ellipse,#235d48,#0f4033 70%);box-shadow:inset 0 0 75px #001d1c77,0 15px 40px #0003}.wall{position:absolute;top:110px;left:0;right:0;text-align:center;font-size:50px;letter-spacing:3px;color:#accb9a05;pointer-events:none}.hand-section{position:relative;text-align:center}.hand-label{font-size:10px;font-weight:650;letter-spacing:2px;color:#cbd8c7;display:flex;justify-content:center;align-items:center;gap:10px}.hand-label span{background:#061f1c99;border:1px solid #c5d1ac33;border-radius:20px;min-width:28px;padding:3px 8px;letter-spacing:0;color:var(--gold)}.cards{min-height:99px;display:flex;justify-content:center;align-items:center;margin:10px 0;isolation:isolate}.card{flex:0 0 66px;height:94px;border-radius:7px;background:#faf6e9;color:#17302b;border:1px solid #ddd4bf;box-shadow:0 4px 7px #0004;position:relative;animation:arrive .25s ease-out}.card+.card{margin-left:-16px}.card.red{color:#b4313d}.corner{position:absolute;top:5px;left:7px;line-height:1;font:700 18px Georgia,serif}.corner small{font-size:14px;margin-top:2px}.pip{font-size:35px;position:absolute;inset:24px 0 0;text-align:center}.bottom{top:auto;left:auto;right:6px;bottom:5px;transform:rotate(180deg)}.back{background:repeating-linear-gradient(45deg,#143f39 0 4px,#246052 4px 5px);border:4px solid #eee6cf}.back:after{content:'✦';position:absolute;inset:6px;border:1px solid #d9c17799;display:grid;place-items:center;font-size:29px;color:var(--gold)}.ghost{background:#ffffff04;border:1px dashed #c1d3b733;box-shadow:none;animation:none}.ghost:after{content:'♠';display:grid;place-items:center;height:100%;color:#bcd7c025;font-size:28px}.table-mark{text-align:center;color:#d7cc9b70;margin:7px 0 4px}.table-mark span{font:12px Georgia,serif;letter-spacing:3px}.table-mark div{font:10px Georgia,serif;letter-spacing:5px;margin:7px 0}.table-mark small{font-size:7px;letter-spacing:2px}.player .cards{margin-top:8px;margin-bottom:8px}.message{text-align:center;min-height:48px;display:grid;place-items:center;font-size:14px;padding:10px;color:var(--gold)}.controls{max-width:450px;margin:auto}.bet-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1px;margin:2px 0 12px}.bet-label b{color:var(--cream);font-weight:500;letter-spacing:0;font-size:12px}.chips{display:flex;justify-content:space-between;margin-bottom:18px;padding:0 8px}.chips button{border-radius:50%;width:48px;height:48px;background:#173f36;border:4px dashed #789b8a;color:#eee7d1;box-shadow:0 0 0 2px #2f5546;font-weight:650}.chips button:nth-child(2){background:#60343a;border-color:#bb7a79}.chips button:nth-child(3){background:#28485d;border-color:#8faebe}.chips button:nth-child(4){background:#4f4164;border-color:#ad98c3}.chips button:nth-child(5){background:#484732;border-color:#aea877}.chips button.selected{box-shadow:0 0 0 2px var(--gold),0 0 20px #d5bc4d22;transform:translateY(-3px)}.primary,.stand{border:0;border-radius:9px;padding:16px 22px;background:var(--gold);color:#183027;width:100%;font-weight:750;display:flex;align-items:center;justify-content:space-between;min-height:52px}.primary span,.stand span{font-size:20px}.action-row{display:flex;gap:10px}.stand{background:#254c40;color:var(--cream);border:1px solid #90aa6c66}.double{width:100%;border:1px solid #a8af8544;border-radius:8px;color:var(--gold);background:transparent;margin-top:10px;padding:13px}footer{text-align:center;margin-top:26px;color:#7c968b}footer span{font-size:8px;letter-spacing:1.7px}footer button{background:transparent;border:0;color:#8fa496;text-decoration:underline;font-size:11px;padding:12px}footer small{font-size:9px;opacity:.6}dialog{max-width:480px;width:calc(100% - 28px);background:#102f28;color:var(--cream);border:1px solid #d6bb6c66;border-radius:18px;padding:30px;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#00100bca;backdrop-filter:blur(5px)}dialog h2{font:32px Georgia,serif}dialog p,dialog li{font-size:14px;line-height:1.6}dialog ul{padding-left:20px}dialog li{margin-bottom:8px}.muted{color:var(--muted);font-size:12px!important}.close{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--gold);font-size:28px}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(-12px) rotate(-5deg)}to{opacity:1;transform:none}}@media(max-width:540px){.app{padding:17px 17px 14px}.brand{font-size:17px}.title{margin:20px 0 18px}h1{font-size:37px;margin:3px 0}h1 strong{font-size:51px}.title p{font-size:11px}.eyebrow{font-size:8px}.dashboard{padding:12px 17px}.dashboard b{font-size:21px}.dashboard small{font-size:8px;letter-spacing:1px}.table{min-height:323px;padding:17px 10px;border-radius:65px 65px 22px 22px}.cards{min-height:90px}.card{flex-basis:59px;height:85px}.card+.card{margin-left:-19px}.corner{font-size:16px}.pip{font-size:31px}.table-mark{margin:4px 0}.table-mark span{font-size:10px}.message{font-size:12px;min-height:43px}.chips{margin-bottom:15px}.chips button{width:43px;height:43px}footer{margin-top:18px}}@media(max-height:740px) and (max-width:540px){.title{margin:12px 0}.title p{display:none}.table{min-height:294px;padding-top:12px;padding-bottom:12px}.cards{min-height:81px;margin:6px 0}.card{height:77px;flex-basis:54px}.table-mark div{margin:4px 0}.table-mark small{font-size:6px}.dashboard{margin-bottom:10px;padding:9px 15px}.chips{margin-bottom:12px}.message{min-height:36px}footer{margin-top:12px}footer small{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Cada carta conserva su elemento para no repetir la animación de las anteriores. */
.cards{perspective:900px}.card:not(.ghost){background:transparent;border:0;box-shadow:none;animation:deal-card .4s ease-out both}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,.65,.25,1)}.face-down .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;inset:0;border-radius:7px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 4px 7px #0004}.card-front{background:#faf6e9;border:1px solid #ddd4bf}.card-back{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#143f39 0 4px,#246052 4px 5px);border:4px solid #eee6cf}.card-back:after{content:'✦';position:absolute;inset:6px;border:1px solid #d9c17799;display:grid;place-items:center;font-size:29px;color:var(--gold)}@keyframes deal-card{from{opacity:0;transform:translate(38px,-35px) rotate(9deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.card-inner{transition:none}}

@media(display-mode:standalone){.app{padding-top:max(17px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right))}}