:root{font-family:Trebuchet MS,Arial,sans-serif;color:#f9eedb;background:#0b0912;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 50% 15%,#51336b 0%,transparent 45%),radial-gradient(ellipse at 80% 80%,#221b40 0%,transparent 50%),linear-gradient(145deg,#08070e,#1b1228 65%,#08070e)}#app{width:100%;max-width:1050px}.shell{position:relative;overflow:hidden;border:2px solid #a77a42;border-radius:18px;background:linear-gradient(145deg,#21182f,#100d19);box-shadow:0 0 45px #000,0 0 50px #a66be522,inset 0 0 30px #0008}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 25px;color:#f4c477;font-size:13px;font-weight:700;letter-spacing:2px;background:#100d19;border-bottom:1px solid #705237}.topbar small{color:#c0b4d1;font-size:11px;letter-spacing:0}.hero{position:relative;min-height:640px;padding:45px 35px;background:radial-gradient(ellipse at 50% 26%,#cc984133,transparent 34%),linear-gradient(180deg,#2e2045cc,#0d0a17 95%)}.hero:before{content:"⚔";position:absolute;right:7%;top:3%;font-size:250px;color:#e4ba6a;opacity:.08;transform:rotate(-25deg);pointer-events:none}.hero-content{position:relative;z-index:1}.eyebrow{color:#e8b966;text-transform:uppercase;font-size:12px;letter-spacing:3px;font-weight:700}.hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,7vw,82px);line-height:1.04;text-align:center;letter-spacing:2px;margin:15px 0;color:#f9d68e;text-shadow:0 3px 1px #4d2c16,0 6px 15px #000,0 0 35px #e7a84c55}.tagline{text-align:center;font-family:Georgia,serif;color:#fff1cb;font-weight:700;font-size:clamp(25px,4vw,39px);letter-spacing:7px;margin:15px 0;text-shadow:0 0 18px #f4b762}.intro{text-align:center;color:#d6c6e3;max-width:570px;margin:20px auto 35px;line-height:1.7}.menu-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;max-width:850px;margin:0 auto}.menu-buttons{padding:18px;border:1px solid #82603c;border-radius:14px;background:#110e1dcc}button{display:block;width:100%;margin:10px 0;padding:16px 20px;border:1px solid #79608d;border-radius:10px;background:linear-gradient(180deg,#49345e,#271b36);color:#f9e8d6;font:inherit;font-size:16px;font-weight:700;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0005}button:hover{background:linear-gradient(180deg,#694a84,#38254b);border-color:#f7cb78;transform:translateY(-2px);box-shadow:0 0 16px #d7a45c44}button.primary{background:linear-gradient(180deg,#ffe0a1,#c68b3e);color:#261809;border:1px solid #ffe7b2}button.primary:hover{background:linear-gradient(180deg,#fff0c5,#e4aa55)}button.secondary{margin-top:25px;opacity:.85}.sidebar{display:flex;flex-direction:column;gap:15px}.panel{padding:22px;border-radius:13px;border:1px solid #665176;background:linear-gradient(145deg,#33243f,#1a1529);box-shadow:inset 0 1px 15px #ffffff09}.panel small{color:#e5ba74;font-weight:700;letter-spacing:1px}.panel p{color:#e1d5e9;line-height:1.6}.panel h2{color:#f8d187;font-size:36px;margin:12px 0}.content{max-width:780px;margin:0 auto;padding:35px 30px 45px;text-align:center}.content h1{font-family:Georgia,serif;color:#f5ce83;font-size:clamp(26px,5vw,40px);text-shadow:0 4px 10px #000}.content h2{color:#f4cf8a}.content p{color:#dfd1e8;line-height:1.7}.emoji{font-size:85px;margin:25px 0;filter:drop-shadow(0 0 18px #d5a3ff66)}.choices{margin-top:30px}.choices button{text-align:left}input{display:block;width:100%;padding:16px;margin:20px 0;color:#fff;background:#100c1b;border:1px solid #a282b7;border-radius:10px;font:inherit}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 25px 5px}.stats>div{padding:15px;text-align:center;background:#32253e;border:1px solid #59466b;border-radius:12px}.stats strong{font-size:25px;color:#ffe09b}.stats small{display:block;margin-top:7px;color:#bfb4cd;font-size:11px;letter-spacing:1px}.meter{height:10px;margin:15px 25px;background:#382333;border-radius:10px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#ed5575,#ffb56e);transition:width .3s}.rewards{font-size:22px;font-weight:700;color:#ffce85!important}.ranking-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;margin:10px 0;border:1px solid #715a85;border-radius:10px;background:#30233d;text-align:left}.ranking-row strong{color:#ffcf86}.muted{color:#a99cb7!important;font-size:12px}@media(max-width:700px){body{padding:8px}.hero{padding:30px 17px;min-height:0}.menu-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.tagline{letter-spacing:3px}.topbar{padding:14px;flex-wrap:wrap}.content{padding:25px 17px}.stats{padding:15px 12px 0;gap:5px}.stats>div{padding:10px 5px}}.hero{background:linear-gradient(180deg,#0c071659,#0c0716a6 55%,#0c0716eb),url(/portada.png) center center / cover no-repeat}.hero:before{display:none}.menu-buttons{background:#110c1de0}.sidebar .panel{background:#1a1229e6}