:root{--ink:#342216;--gold:#b77b24;--light:#e5b85c}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);background:#f8e9c7;font-family:'Montserrat',sans-serif}.page-scene{position:fixed;z-index:-3;inset:0;background:url('../img/portal-claro-v3.png') 50% center/cover no-repeat;animation:sceneBreath 15s ease-in-out infinite alternate}.page-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,230,.94),rgba(255,248,224,.74) 35%,rgba(255,245,216,.08) 62%),linear-gradient(180deg,rgba(255,255,255,.15),transparent 55%,rgba(233,193,119,.18))}.magic-light{position:fixed;z-index:-2;inset:0;overflow:hidden;pointer-events:none}.magic-light:before{content:'';position:absolute;width:70vw;height:70vw;left:-22vw;top:-30vw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,223,145,.2) 38%,transparent 69%);animation:lightPulse 7s ease-in-out infinite alternate}.magic-light:after{content:'';position:absolute;inset:0;opacity:.52;background-image:radial-gradient(circle,rgba(172,112,32,.8) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.7px);background-size:141px 163px,197px 211px;animation:sparkRise 18s linear infinite}.site-header{width:min(1240px,calc(100% - 44px));height:94px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(90,58,28,.18)}.brand-mini{width:max-content;display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mini>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(115,73,30,.35);font:700 12px/1 'Cinzel',serif}.brand-mini strong,.brand-mini small{display:block}.brand-mini strong{font:700 17px/1 'Cinzel',serif}.brand-mini small{margin-top:5px;color:#846d54;font:600 7px/1 'Montserrat',sans-serif;letter-spacing:2px;text-transform:uppercase}.site-header nav{display:flex;gap:38px}.site-header nav a{color:#5b452f;font:600 10px/1 'Cinzel',serif;text-decoration:none;text-transform:uppercase}.site-header nav a:hover{color:#a46718}.account-button{justify-self:end;min-width:174px;height:44px;display:grid;place-items:center;border:1px solid #ae7725;color:#fff1c8;background:linear-gradient(135deg,#2f2117,#53361f);box-shadow:inset 0 0 0 3px rgba(226,174,76,.1),0 8px 24px rgba(78,44,19,.14);font:600 10px/1 'Cinzel',serif;text-decoration:none;text-transform:uppercase;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}.hero-content{width:min(690px,calc(100% - 44px));min-height:calc(100vh - 150px);margin-left:max(34px,calc((100vw - 1240px)/2));padding:clamp(54px,8vh,104px) 0 55px;display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow{margin:0 0 13px;color:#9c6b2a;font-size:9px;font-weight:700;letter-spacing:4px}.main-logo{position:relative;display:flex;align-items:baseline;justify-content:center;filter:drop-shadow(0 5px 7px rgba(104,57,19,.16))}.main-logo>span,.main-logo>strong{font:700 clamp(67px,7vw,103px)/.9 'Cinzel',serif}.main-logo>span{color:#3d291a}.main-logo>strong{color:#a66a1c}.main-logo>small{position:absolute;left:50%;bottom:-24px;width:max-content;transform:translateX(-50%);color:#765739;font-size:8px;font-weight:700;letter-spacing:4px}.intro{max-width:520px;margin:50px auto 27px;color:#614a34;font:500 14px/1.7 'Cinzel',serif}.world-options{width:min(600px,100%);display:grid;grid-template-columns:1fr 1fr;gap:14px}.world-option{position:relative;min-height:128px;padding:18px 42px 18px 17px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:13px;border:1px solid rgba(139,92,36,.28);color:var(--ink);background:rgba(255,251,237,.75);box-shadow:0 14px 34px rgba(101,58,21,.1),inset 0 0 0 3px rgba(255,255,255,.28);text-align:left;text-decoration:none;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.world-option:hover{transform:translateY(-3px);background:rgba(255,251,237,.96)}.world-emblem{display:grid;place-items:center;width:48px;height:56px;border:1px solid rgba(168,109,30,.38);color:#a66a1c;font:700 20px/1 'Cinzel',serif;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}.world-copy small,.world-copy strong,.world-copy em{display:block}.world-copy small{color:#9b723e;font-size:7px;font-weight:700;letter-spacing:1.5px}.world-copy strong{margin:4px 0 1px;font:700 34px/1 'Cinzel',serif}.world-copy em{color:#806a52;font-size:8px;font-style:normal;text-transform:uppercase}.world-500{background:rgba(49,34,24,.9);color:#fff4d5;border-color:#b37a28}.world-500:hover{background:rgba(57,37,24,.98)}.world-500 .world-emblem{color:#f0bc5e;border-color:#b9802d}.world-500 .world-copy small{color:#e2ad58}.world-500 .world-copy em{color:#ceb994}.world-arrow{position:absolute;right:17px;color:#a76b1d;font-size:18px}.world-500 .world-arrow{color:#edbb63}.hero-actions{margin-top:25px;display:flex;align-items:center;gap:15px}.hero-actions a{color:#60472e;font:600 9px/1 'Cinzel',serif;text-underline-offset:5px;text-transform:uppercase}.hero-actions i{width:1px;height:15px;background:rgba(91,57,26,.28)}footer{min-height:56px;padding:12px max(22px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(93,57,24,.14);color:#8b735b;font-size:8px}@keyframes sceneBreath{from{transform:scale(1.01)}to{transform:scale(1.045) translateX(-.7%)}}@keyframes lightPulse{from{opacity:.5;transform:scale(.9)}to{opacity:.9;transform:scale(1.08)}}@keyframes sparkRise{from{transform:translateY(35px)}to{transform:translateY(-135px)}}
@media(max-width:850px){body{background:#faedce}.page-scene{position:absolute;height:100vh;background-position:66% center}.page-scene:after{background:linear-gradient(180deg,rgba(255,249,230,.6),rgba(255,246,220,.36) 38%,rgba(255,242,207,.95) 76%,#f8e9c7)}.site-header{height:72px;width:calc(100% - 28px);grid-template-columns:1fr auto}.site-header nav{display:none}.account-button{min-width:118px;height:38px}.hero-content{width:calc(100% - 28px);min-height:100vh;margin:0 auto;padding:46vh 0 42px}.main-logo>span,.main-logo>strong{font-size:64px}.intro{margin-top:46px;font-size:12px}.world-options{grid-template-columns:1fr;max-width:420px}.world-option{min-height:105px}.main-logo>small{font-size:7px;letter-spacing:2px}footer{flex-direction:column;justify-content:center;text-align:center}}@media(max-width:420px){.brand-mini strong{font-size:14px}.brand-mini>span{width:37px;height:37px}.account-button{min-width:104px;font-size:8px}.main-logo>span,.main-logo>strong{font-size:55px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}