:root{--black:#090607;--ink:#140b0c;--red:#a82d2d;--bright:#d34b3b;--gold:#d4a56c;--cream:#f0d9b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--cream);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(ellipse at 50% 12%,#37151a 0%,#15090b 42%,#080607 85%);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 8px,#b67b5612 9px 10px),radial-gradient(#e9b78b 0.6px,transparent 1px);background-size:auto,17px 17px}.grain{pointer-events:none;position:fixed;inset:0;background:radial-gradient(circle at 15% 25%,#a1242120,transparent 26%),radial-gradient(circle at 85% 75%,#a1242120,transparent 28%)}header,footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px max(4vw,18px);border-bottom:1px solid #a15e4570}.brand,.eyebrow,.footnote,.category,.progress-info,footer,.message small{font:700 11px/1.5 Georgia,serif;letter-spacing:2.5px;color:var(--gold)}.brand span{color:#c09076;font-weight:400}.seal{font-size:27px;color:#c8433b}main{max-width:1100px;margin:auto;min-height:calc(100vh - 135px);padding:32px 22px 70px;position:relative;z-index:1}.screen{display:none;animation:appear .5s ease}.screen.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#intro,#quiz{position:relative;max-width:750px;margin:0 auto;text-align:center;background:linear-gradient(145deg,#180d0f,#090708 65%,#1a0d0d);border:2px solid #bb8054;padding:54px clamp(22px,6vw,72px) 65px;box-shadow:0 0 0 6px #090708,0 0 0 8px #7c4b39,0 18px 75px #0009,inset 0 0 0 8px #180c0d,inset 0 0 0 9px #87543d}#intro:before,#quiz:before{content:'✦  ╭────────── ☾  ✧  ☽ ──────────╮  ✦';display:block;color:var(--gold);font-size:clamp(11px,2.4vw,18px);letter-spacing:2px;margin:-21px 0 25px}#intro:after,#quiz:after{content:'✦  ╰────────── ✧ ──────────╯  ✦';display:block;color:var(--gold);font-size:clamp(11px,2.4vw,18px);letter-spacing:2px;margin:36px 0 -34px}.moon{font-size:65px;color:#c63e38;margin:15px 0;text-shadow:0 0 25px #a8282855}.moon span{color:var(--gold);font-size:30px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(54px,10vw,99px);line-height:.93;letter-spacing:-3px;margin:25px 0;text-shadow:0 2px 2px #000}h1 em{font-style:normal;color:var(--gold)}.ornament{color:var(--red);letter-spacing:4px;margin:20px 0;font-size:20px}#intro p{font-size:17px;line-height:1.8;color:#dfc7b0;max-width:510px;margin:25px auto 35px}.primary,.secondary{font-family:Georgia,serif;border:1px solid var(--gold);padding:16px 25px;cursor:pointer;letter-spacing:2px;font-size:12px;font-weight:700;transition:.2s;background:linear-gradient(#c99b64,#a87947);color:#1b0909;box-shadow:inset 0 0 0 2px #4d2c27}.primary:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-2px)}.primary:disabled{opacity:.3;cursor:not-allowed}.secondary{background:#160c0e;color:var(--gold)}.secondary:hover{background:#352023}.footnote{margin-top:35px}#quiz{max-width:760px}.progress-info{display:flex;justify-content:space-between;margin:26px 0 12px}.progress{height:5px;border:1px solid #a77853;background:#251114}.progress>div{height:100%;background:linear-gradient(90deg,#8f2428,#d5a36a);transition:width .3s}.symbol{font-size:52px;color:#c94339;margin:30px 0 10px}#question{font-size:clamp(26px,4vw,39px);line-height:1.3;margin:12px auto 30px;max-width:590px}.choices{display:grid;gap:12px;text-align:left}.choice{font-family:Georgia,serif;text-align:left;cursor:pointer;width:100%;border:1px solid #704637;background:#1d1012;color:#e9cfb4;padding:17px 20px;font-size:16px;transition:.2s}.choice:hover{border-color:var(--gold);background:#35191b}.choice.selected{background:#4a1e20;border-color:#d5a56c;color:#fff0d7;box-shadow:inset 0 0 0 1px #d5a56c}.actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:34px}.actions.centered{justify-content:center}#result{text-align:center}.result-heading{font-size:clamp(30px,5vw,55px);color:var(--gold);margin:18px 0 30px}.result-layout{display:grid;grid-template-columns:minmax(220px,340px) 1fr;align-items:center;gap:42px;text-align:left}.card-wrap{padding:10px;border:2px solid var(--gold);background:#0b0608;box-shadow:0 0 0 5px #1c0c0d,0 0 0 7px #8e563a,0 20px 50px #0009}.card-wrap img{display:block;width:100%;height:auto}.result-copy{padding:25px;border-top:1px solid #9c6b4d;border-bottom:1px solid #9c6b4d}.category{color:#c6483f}.result-copy h2{font-size:clamp(34px,5vw,60px);margin:14px 0;color:#f2dfc0}.result-copy p{font-size:18px;line-height:1.8}.ornament.left{text-align:left}.message{background:#240f13;border-left:3px solid var(--gold);padding:20px 23px;margin-top:22px}.message blockquote{font-size:19px;line-height:1.6;font-style:italic;margin:13px 0 0}footer{border-top:1px solid #7a4a3c;border-bottom:0}footer span{color:#b8876c}@media(max-width:700px){header,footer{font-size:10px;padding:16px}.brand span{display:none}main{padding:24px 16px 50px}#intro,#quiz{padding:42px 23px 50px}#intro p{font-size:15px}.result-layout{grid-template-columns:1fr;gap:26px}.card-wrap{max-width:280px;margin:auto}.result-copy{text-align:center}.ornament.left{text-align:center}.choice{font-size:15px}.actions button{flex:1;padding:15px 12px;font-size:10px}}

/* Cartas completas */
.card-wrap{align-self:center;width:100%;max-width:340px;overflow:hidden}.card-wrap img{display:block;width:100%;height:auto;object-fit:contain;background:#090607}

.claim-code{margin:26px auto 8px;padding:13px 18px;max-width:380px;border:1px solid #d4a56c;color:#f0d9b2;font-size:14px;font-weight:bold;letter-spacing:2px;text-align:center}.delivery-note{color:#d4a56c;text-align:center;font-size:15px}.admin-layout{max-width:1050px;margin:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid #694638;padding:10px;text-align:left}.admin-table input{width:70px;padding:8px;background:#1c1012;color:#fff;border:1px solid #a87947}.admin-table button{padding:8px 12px}.admin-panel{overflow-x:auto}.admin-msg{color:#d4a56c;margin:12px 0}