:root{--felt:#0f5a3f;--felt-dark:#0a3d2b;--gold:#f2b705;--ink:#1b1b1b;--paper:#fffaf0;--gap:clamp(4px, 1.5vw, 12px);--w:min(130px, calc((100vw - 32px - 4 * var(--gap)) / 5.54), calc((100dvh - 250px) / 1.534));--h:calc(var(--w) * 1.534);color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse at center, var(--felt) 0%, var(--felt-dark) 100%);-webkit-tap-highlight-color:transparent;min-height:100dvh}#app{max-width:760px;margin:0 auto;padding:0 16px 24px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 0;display:flex}h1{margin:0;font-size:1.3rem}.stats{font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-weight:600;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:#0003;border:2px solid #ffffff59;border-radius:12px;padding:10px 14px}button.icon{background:0 0;border:0;padding:4px;font-size:1.3rem}button.primary{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:700}button.selected{color:var(--ink);background:#fff;border-color:#fff}.board{justify-content:center;align-items:flex-start;gap:var(--gap);margin-top:24px;display:flex}.slot{flex-direction:column;align-items:center;gap:6px;display:flex}.hint{opacity:.75;text-align:center;max-width:var(--h);font-size:clamp(.6rem,2.4vw,.8rem)}.slot.active .hint{opacity:1;color:var(--gold);font-weight:700}.card{width:var(--w);height:var(--h);background:0 0;border:0;border-radius:8px;padding:0;position:relative}.card:disabled{cursor:default;opacity:1}.slot.active .card{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}.card.ready{animation:1s ease-in-out infinite pulse}.card.fresh .face{animation:.45s cubic-bezier(.2,.8,.3,1.2) drop}.sprite{background-image:url(/assets/baraja-espanola-COhUa8EF.webp);background-repeat:no-repeat;background-size:1200% 500%;display:block}.face,.under{border-radius:6px;position:absolute;inset:0;box-shadow:0 2px 6px #0006}.under{overflow:hidden;transform:translate(3px,3px)}.under .sprite{width:100%;height:100%}.count{z-index:1;background:var(--ink);color:#fff;border-radius:999px;min-width:20px;padding:2px 5px;font-size:.7rem;position:absolute;top:-8px;right:-8px}.flipper{z-index:2;transform-style:preserve-3d;animation:1.1s ease-in-out forwards flip;position:absolute;inset:0}.flipper .side{backface-visibility:hidden;border-radius:6px;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 14px #0009}.flipper .side>.sprite{width:100%;height:100%}.flipper .front{transform:rotateY(180deg)}.bridge-slot{padding-top:calc((var(--h) - var(--w)) / 2)}.bridge{width:var(--h);height:var(--w);position:relative}.bridge .sprite{width:var(--w);height:var(--h);border-radius:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg);box-shadow:0 2px 6px #0006}.bridge-slot .hint{margin-top:calc((var(--h) - var(--w)) / 2)}.message{text-align:center;min-height:2.6em;margin:24px 0 8px}.guesses{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.guesses.hidden{display:none}.guess{justify-content:center;align-items:center;gap:6px;min-width:96px;font-weight:600;display:inline-flex}.suit-btn{border-radius:2px;width:20px;height:31px}.tap-hint{text-align:center;color:var(--gold);font-weight:600}.scoreboard{flex-wrap:wrap;flex-basis:100%;order:3;justify-content:center;gap:6px;display:flex}.chip{white-space:nowrap;font-variant-numeric:tabular-nums;background:#00000040;border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-size:.8rem}.chip.current{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:700}.chip.crossed:not(.current){opacity:.6}.credits{text-align:center;opacity:.55;margin:6px 0 0;font-size:.65rem}.credits a{color:inherit}.overlay{z-index:10;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s fade;display:flex;position:fixed;inset:0}.panel{background:var(--felt-dark);border:2px solid var(--gold);text-align:center;border-radius:16px;flex-direction:column;gap:10px;width:min(360px,100%);padding:20px;display:flex}.overlay.static{animation:none}.panel h2{margin:0}.panel p{margin:0 0 6px}.big{font-size:4rem;line-height:1}.explain-btn{width:40px;height:40px;color:var(--gold);border-color:var(--gold);border-radius:999px;align-self:center;padding:0;font-size:1.3rem;font-weight:800}.explain{background:#00000040;border-radius:12px;padding:10px 12px;animation:.2s fade}.explain p{margin:0}.explain p+p{margin-top:4px}button.link{color:var(--gold);background:0 0;border:0;padding:6px 0 0;font-size:.9rem;text-decoration:underline}.overlay.top{z-index:15;background:#00000073}.overlay.top .panel{animation:.35s cubic-bezier(.2,.8,.3,1.2) drop}.steps{text-align:left;flex-direction:column;gap:6px;margin:0;padding-left:1.4em;display:flex}.panel.slow{max-height:calc(100dvh - 32px);overflow-y:auto}.wobble{animation:.8s ease-in-out infinite wobble}.choices{justify-content:center;gap:10px;display:flex}.choices.wrap{flex-wrap:wrap}.muted{opacity:.7;font-size:.85rem}.record{color:var(--gold);font-weight:700}.ranking{counter-reset:pos;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ranking li{text-align:left;counter-increment:pos;background:#00000040;border-radius:10px;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 12px;display:grid}.ranking li span:first-child:before{content:counter(pos) ". ";opacity:.7}.ranking small{color:var(--gold);grid-column:1/-1;font-weight:700}.settings{text-align:left;max-height:calc(100dvh - 32px);overflow-y:auto}.settings h2{text-align:center}.settings h3{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin:10px 0 0;font-size:.85rem}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.toggle span{flex-direction:column;display:flex}.toggle small{opacity:.7}.toggle input{width:22px;height:22px;accent-color:var(--gold);flex-shrink:0}.players{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.players li{background:#00000040;border-radius:8px;justify-content:space-between;align-items:center;padding:2px 4px 2px 10px;display:flex}.add-player{gap:8px;display:flex}.add-player input{min-width:0;font:inherit;color:#fff;background:#00000040;border:2px solid #ffffff59;border-radius:12px;flex:1;padding:10px 12px}button:disabled{opacity:.5;cursor:default}.rotate-prompt{display:none}@media (orientation:portrait) and (pointer:coarse) and (width<=600px){.want-landscape .rotate-prompt{z-index:20;background:radial-gradient(ellipse at center, var(--felt) 0%, var(--felt-dark) 100%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}}.rotate{animation:2.4s ease-in-out infinite rotate-phone}@keyframes pulse{50%{transform:translateY(-4px)}}@keyframes drop{0%{opacity:0;transform:translateY(-60px)rotate(-8deg)}}@keyframes fade{0%{opacity:0}}@keyframes flip{0%{opacity:0;transform:translateY(-50px)rotateY(0)}20%{opacity:1;transform:translateY(0)rotateY(0)}55%{transform:rotateY(0)scale(1.08)}to{transform:rotateY(180deg)scale(1)}}@keyframes rotate-phone{0%,25%{transform:rotate(0)}50%,85%{transform:rotate(-90deg)}}@keyframes wobble{50%{transform:rotate(-12deg)scale(1.1)}}@media (orientation:landscape) and (height<=520px){:root{--w:min(140px, calc((100vw - 32px - 4 * var(--gap)) / 5.54), calc((100dvh - 150px) / 1.534))}#app{max-width:1100px;padding-bottom:8px}header{flex-wrap:nowrap;padding:6px 0}h1{white-space:nowrap;font-size:1.05rem}.scoreboard{scrollbar-width:none;flex-wrap:nowrap;flex:auto;order:1;justify-content:safe center;overflow-x:auto}.stats{white-space:nowrap;flex-shrink:0;order:2}.board{margin-top:4px}.message{min-height:1.3em;margin:6px 0 4px}.guess{min-width:84px;padding:6px 12px}.tap-hint{display:none}.panel{gap:6px;width:min(520px,100%);padding:14px 18px}.big{font-size:2.6rem}.steps{gap:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}