:root{--pergamino: #d8c08a;--pergamino-claro: #ece0c2;--sepia: #c9b27e;--sepia-oscuro: #a8905a;--tinta: #43321c;--tinta-fuerte: #2a1d0e;--marron: #5a3d1e;--dorado: #b0863a;--dorado-claro: #d9b756;--rojo: #b53326;--verde: #3c9b4f;--azul: #3666c0;--amarillo: #d9b43a;--borde: #6b4f28;--serif: "Cinzel", Georgia, serif;--display: "Cinzel Decorative", "Cinzel", serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{font-family:var(--mono);background:#1a140c;color:var(--tinta);overflow:hidden;-webkit-user-select:none;user-select:none}canvas{display:block}button{font-family:inherit}.pergamino{position:relative;width:100%;height:100%;overflow:hidden;background-color:#b6a06e;background-image:url(/fondo.png);background-size:cover;background-position:center;background-repeat:no-repeat}.pergamino:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.12;pointer-events:none}.pergamino:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 180px 60px #281a0a8c;pointer-events:none}.marco{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:2px solid var(--borde);outline:1px solid var(--borde);outline-offset:6px;pointer-events:none;opacity:.7}.titulo-display{font-family:var(--display);color:var(--tinta-fuerte);letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,240,200,.4),0 2px 6px rgba(40,26,10,.3);margin:0}.subtitulo{font-family:var(--serif);color:var(--marron);letter-spacing:.32em;text-transform:uppercase;margin:0}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--sepia-oscuro)}.btn-sello{font-family:var(--serif);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#2a1d0e;background:linear-gradient(180deg,var(--dorado-claro),var(--dorado));border:1px solid #7c5a22;border-radius:3px;padding:14px 34px;cursor:pointer;box-shadow:0 3px #7c5a22,0 6px 14px #281a0a59;transition:transform .08s ease,box-shadow .12s ease,filter .12s ease}.btn-sello:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 4px #7c5a22,0 8px 18px #281a0a66}.btn-sello:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #7c5a22,0 3px 8px #281a0a59}.btn-sello:disabled{filter:grayscale(.5) brightness(.9);opacity:.6;cursor:not-allowed;box-shadow:0 2px #7c5a22}.btn-fantasma{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--marron);background:transparent;border:1px solid var(--borde);border-radius:3px;padding:8px 14px;cursor:pointer;transition:background .12s ease,color .12s ease}.btn-fantasma:hover{background:#5a3d1e1f}.input-tinta{font-family:var(--serif);font-size:22px;color:var(--tinta-fuerte);text-align:center;background:transparent;border:none;border-bottom:2px solid var(--borde);padding:8px 6px;outline:none;width:100%;letter-spacing:.05em}.input-tinta::placeholder{color:#5a3d1e66;font-style:italic}.input-tinta:focus{border-bottom-color:var(--dorado)}@keyframes subir{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sello{0%{opacity:0;transform:scale(.6) rotate(-8deg)}70%{opacity:1;transform:scale(1.06) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes brillo{0%,to{filter:drop-shadow(0 0 0 rgba(217,183,86,0))}50%{filter:drop-shadow(0 0 8px rgba(217,183,86,.65))}}@keyframes girar{to{transform:rotate(360deg)}}@keyframes latir{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes marcha-flecha{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes conquista-flash{0%{opacity:0}14%{opacity:1}40%{opacity:.3}62%{opacity:.85}to{opacity:0}}.anim-subir{animation:subir .6s cubic-bezier(.22,1,.36,1) both}.anim-sello{animation:sello .55s cubic-bezier(.34,1.56,.64,1) both}.hud-card{position:fixed;background:#f4ebd6f0;border:1px solid var(--borde);border-radius:5px;padding:14px 14px 16px;box-shadow:0 10px 28px #140e0880,inset 0 0 0 1px #ffffff4d;z-index:10}.hud-titulo{font-family:var(--serif);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--marron);margin-bottom:12px}.hud-btn{flex:1;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--marron);background:transparent;border:1px solid var(--borde);border-radius:3px;padding:7px 6px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.hud-btn:hover{background:#5a3d1e1f;border-color:var(--dorado)}.num-btn{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--tinta-fuerte);background:#fffaeb99;border:1px solid var(--borde);border-radius:4px;padding:9px 0;cursor:pointer;transition:background .1s ease,border-color .1s ease,transform .06s ease}.num-btn:hover{background:var(--dorado-claro);border-color:#7c5a22}.num-btn:active{transform:translateY(1px)}