.hi-wrap{position:relative;height:460vh}.hi-sticky{position:sticky;top:0;height:100vh;height:100svh;height:100lvh;overflow:hidden;display:grid;place-items:center}.hi-stars{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hi-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 42% at 50% 40%,rgba(217,184,102,.16),transparent 70%),radial-gradient(42% 30% at 50% 62%,rgba(244,241,232,.09),transparent 72%)}.hi-zodiac{position:absolute;top:50%;left:50%;width:min(82vh,92vw);height:min(82vh,92vw);color:var(--gold);z-index:0}.hi-wordmark{position:absolute;top:calc(env(safe-area-inset-top,0px) + clamp(2.4rem,5vh,4rem));left:50%;transform:translate(-50%);z-index:3;text-align:center}.hi-tao{display:block;margin:0 auto;height:clamp(110px,17vh,190px);width:auto;opacity:.95;filter:drop-shadow(0 0 10px rgba(244,241,232,.25))}.hi-stage{position:relative;z-index:2;width:min(1100px,92vw);height:100svh;display:grid;place-items:center}.hi-deck{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:2}.hi-card-slot{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hi-card{position:relative;width:clamp(96px,12.5vw,136px);aspect-ratio:11/17;border-radius:15px;display:grid;place-items:center;gap:.5rem;will-change:transform;border:1.5px solid var(--gold-border);box-shadow:0 20px 50px #0000008c,var(--shadow-gold)}.hi-card svg{width:40%;color:var(--gold);opacity:.92;filter:drop-shadow(0 0 8px rgba(217,184,102,.4))}.hi-card:before{content:"";position:absolute;inset:7px;border-radius:10px;border:1px solid rgba(217,184,102,.28);pointer-events:none}.hi-card.fuoco{background:linear-gradient(160deg,#232025,#100f11 76%)}.hi-card.acqua{background:linear-gradient(160deg,#1e2026,#0e0f13 76%)}.hi-card.aria{background:linear-gradient(160deg,#222228,#0f0f13 76%)}.hi-card.terra{background:linear-gradient(160deg,#201f1c,#0f0e0c 76%)}.hi-card-lbl{position:absolute;bottom:.7rem;left:0;right:0;text-align:center;font-family:var(--font-ornate);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);padding:0 .4rem}.hi-words{position:absolute;inset:0;z-index:3;pointer-events:none}.hi-line{position:absolute;top:26%;left:0;right:0;margin:0;text-align:center;font-family:var(--font-display);font-weight:500;font-size:clamp(1.8rem,6vw,4rem);line-height:1.05;color:var(--text);padding-inline:1rem}.hi-line .g{color:var(--gold);font-style:italic}.hi-final{position:absolute;top:26%;left:0;right:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .34em;font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,8.2vw,6rem);line-height:1.04;color:#fdfbf4;padding-inline:1rem}.hi-final-word{display:inline-block;will-change:transform;text-shadow:0 0 26px rgba(247,242,228,.3),0 2px 14px rgba(0,0,0,.45);padding:.14em .12em .08em .04em;margin:-.14em -.12em -.08em -.04em}.hi-final-word .g,.hi-final-word.g{color:var(--gold);font-style:italic}.hi-cta{position:absolute;z-index:4;bottom:calc(env(safe-area-inset-bottom,0px) + clamp(2.4rem,8vh,4.4rem));left:0;right:0;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;padding-inline:1rem}.hi-scorri{position:absolute;z-index:4;bottom:calc(env(safe-area-inset-bottom,0px) + 2px);left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:.4rem;font-family:var(--font-ornate);font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint)}.hi-scorri i{width:1px;height:26px;background:linear-gradient(var(--gold),transparent)}@media(prefers-reduced-motion:no-preference){.hi-scorri{animation:scorri-pulse 2.4s ease-in-out infinite}.hi-scorri i{animation:scorri-linea 2.4s ease-in-out infinite}@keyframes scorri-pulse{0%,to{color:#e9e6dd8c;text-shadow:0 0 6px rgba(240,238,230,.1)}50%{color:#fdfbf4;text-shadow:0 0 12px rgba(244,241,232,.9),0 0 28px rgba(220,218,210,.45)}}@keyframes scorri-linea{0%,to{opacity:.5}50%{opacity:1;filter:drop-shadow(0 0 6px rgba(244,241,232,.8))}}}@media(max-width:640px){.hi-stage{height:var(--hero-lock, 100svh)}.hi-wrap{height:440vh}.hi-card{width:clamp(64px,20vw,88px);border-radius:12px}.hi-card-lbl{display:none}.hi-final{top:28%;font-size:clamp(2.2rem,12vw,3.9rem)}.hi-line{top:28%;font-size:clamp(1.6rem,8vw,2.8rem)}.hi-wordmark{top:calc(env(safe-area-inset-top,0px) + clamp(1.6rem,3vh,2.6rem))}.hi-tao{height:clamp(126px,19vh,168px)}.hi-cta{flex-direction:column;align-items:center;gap:.6rem;bottom:calc(env(safe-area-inset-bottom,0px) + clamp(3.8rem,11vh,5.6rem))}.hi-scorri{bottom:calc(env(safe-area-inset-bottom,0px) + 8px);gap:.35rem}.hi-scorri i{height:24px}}.hi-static{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:1.4rem;text-align:center;padding:6rem 1.2rem;position:relative}.hi-static .hi-wordmark{position:static;transform:none}.hi-cards-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hi-cards-row .hi-card{position:relative}.hi-static .hi-final{position:static}.hi-sub{color:var(--text-muted);max-width:40ch}.hi-fade{position:absolute;inset:0;display:grid;place-items:center;will-change:opacity,transform}.hi-glow{background:radial-gradient(58% 44% at 50% 40%,rgba(217,184,102,.24),transparent 70%),radial-gradient(40% 30% at 50% 62%,rgba(244,241,232,.1),transparent 72%),radial-gradient(30% 22% at 50% 30%,rgba(255,246,214,.1),transparent 75%)}.hi-final-word .g,.hi-final-word.g{color:#e6c47a;text-shadow:0 0 22px rgba(217,184,102,.45),0 0 8px rgba(255,246,216,.3)}.hi-final{filter:drop-shadow(0 0 10px rgba(244,241,232,.55)) drop-shadow(0 0 26px rgba(244,241,232,.3)) drop-shadow(0 2px 30px rgba(217,184,102,.26))}.hi-sparkles{position:absolute;inset:0;z-index:2;pointer-events:none}.hi-sparkle{position:absolute;color:var(--gold-light);font-size:.8rem;opacity:0;filter:drop-shadow(0 0 6px rgba(240,215,154,.8))}.hi-sparkle.s0{top:18%;left:15%}.hi-sparkle.s1{top:23%;right:17%;font-size:1rem}.hi-sparkle.s2{top:41%;left:9%}.hi-sparkle.s3{top:47%;right:11%;font-size:.65rem}.hi-sparkle.s4{top:63%;left:21%;font-size:1.05rem}.hi-sparkle.s5{top:67%;right:23%}.hi-sparkle.s6{top:31%;left:33%;font-size:.6rem}.hi-sparkle.s7{top:72%;left:52%}@media(prefers-reduced-motion:no-preference){.hi-sparkle{animation:hi-twinkle 3.4s ease-in-out infinite}.hi-sparkle.s1{animation-delay:.5s}.hi-sparkle.s2{animation-delay:1s}.hi-sparkle.s3{animation-delay:1.6s}.hi-sparkle.s4{animation-delay:.8s}.hi-sparkle.s5{animation-delay:2.1s}.hi-sparkle.s6{animation-delay:1.3s}.hi-sparkle.s7{animation-delay:2.6s}@keyframes hi-twinkle{0%,to{opacity:.15;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(90deg)}}}@media(prefers-reduced-motion:no-preference){.hi-glow:after{content:"";position:absolute;inset:0;pointer-events:none;background:inherit;opacity:0;will-change:opacity;animation:hi-breathe 4.6s ease-in-out infinite}@keyframes hi-breathe{0%,to{opacity:0}50%{opacity:.55}}.hi-final.acceso{animation:hi-final-pulse 4.2s ease-in-out infinite}@keyframes hi-final-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(244,241,232,.4)) drop-shadow(0 0 20px rgba(244,241,232,.22)) drop-shadow(0 2px 22px rgba(217,184,102,.2))}50%{filter:drop-shadow(0 0 16px rgba(244,241,232,.85)) drop-shadow(0 0 42px rgba(244,241,232,.42)) drop-shadow(0 2px 40px rgba(217,184,102,.42))}}}@media(max-width:640px){.hi-fade{align-items:start}}.vf-pesca{text-align:center}.vf-pesca-deck{display:flex;justify-content:center;gap:clamp(.6rem,3vw,2rem);perspective:1400px;margin:1rem 0 2rem;min-height:300px;align-items:center}.vf-pc{width:clamp(130px,26vw,176px);aspect-ratio:11/17;position:relative;transform-style:preserve-3d;cursor:pointer;border:0;background:none}.vf-pc.dealt{cursor:default}.vf-pc-face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1.5px solid var(--gold-border);box-shadow:0 16px 40px #00000080}.vf-pc-back{background:radial-gradient(circle at 50% 26%,rgba(217,184,102,.2),transparent 55%),repeating-linear-gradient(45deg,rgba(217,184,102,.05) 0 8px,transparent 8px 16px),linear-gradient(160deg,#1e1e23,#101013 72%);display:grid;place-items:center}.vf-pc-back:before{content:"";position:absolute;inset:8px;border-radius:9px;border:1px solid rgba(217,184,102,.3)}.vf-pc-back .m{font-size:2.4rem;color:var(--gold);opacity:.85;filter:drop-shadow(0 0 8px rgba(217,184,102,.5))}.vf-pc-front{transform:rotateY(180deg);background:linear-gradient(165deg,#222227,#111114 75%);display:grid;grid-template-rows:auto 1fr auto;padding:.9rem .8rem}.vf-pc-front .num{font-family:var(--font-ornate);font-size:.62rem;letter-spacing:.14em;color:var(--gold-light)}.vf-pc-front .sym{display:grid;place-items:center;font-size:2.8rem;color:var(--gold);filter:drop-shadow(0 0 10px rgba(217,184,102,.5))}.vf-pc-front .nm{font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--gold-light);line-height:1.05}.vf-pesca-msg{max-width:540px;margin:0 auto;min-height:3.4em}.vf-pesca-msg .card-name{font-family:var(--font-display);font-weight:600;font-size:1.6rem;color:var(--gold)}.vf-pesca-msg p{color:var(--text-muted);font-family:var(--font-display);font-style:italic;font-size:1.2rem;margin-top:.3rem}.vf-pesca-hint{color:var(--text-faint);font-family:var(--font-ornate);letter-spacing:.16em;text-transform:uppercase;font-size:.66rem}.vf-pesca-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.6rem}.vf-pesca-reshuffle{background:transparent;border:1px solid var(--gold-border);color:var(--gold-light);border-radius:999px;padding:.7rem 1.4rem;font-family:var(--font-ornate);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.vf-oracle-fab{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:60px;height:60px;border-radius:50%;cursor:pointer;border:1px solid var(--gold-border);background:radial-gradient(circle at 34% 30%,#26262c,#121215 72%);color:var(--gold);display:grid;place-items:center;box-shadow:0 10px 30px #00000080,var(--shadow-gold);transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .2s;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.vf-oracle-fab:hover{transform:translateY(-3px) scale(1.05)}.vf-oracle-fab.hidden{opacity:0;pointer-events:none;transform:scale(.6)}.vf-oracle-fab-glyph{font-size:1.6rem;filter:drop-shadow(0 0 8px rgba(217,184,102,.6))}.vf-oracle-fab-pulse{position:absolute;inset:0;border-radius:50%;border:1px solid var(--gold-border)}@media(prefers-reduced-motion:no-preference){.vf-oracle-fab-pulse{animation:vf-oracle-pulse 2.6s ease-out infinite}@keyframes vf-oracle-pulse{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(1.7);opacity:0}}}.vf-oracle{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:61;width:min(380px,calc(100vw - 24px));max-height:min(74vh,620px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(170deg,#18181cfa,#0c0c0efa);border:1px solid var(--gold-border);border-radius:20px;box-shadow:0 24px 70px #0009,var(--shadow-gold);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateY(16px) scale(.96);opacity:0;pointer-events:none;transform-origin:bottom right;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .24s}.vf-oracle.open{transform:none;opacity:1;pointer-events:auto}.vf-oracle-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem .9rem;border-bottom:1px solid var(--border);background:radial-gradient(120% 120% at 0% 0%,rgba(217,184,102,.12),transparent 60%)}.vf-oracle-id{display:flex;align-items:center;gap:.6rem}.vf-oracle-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold-border);color:var(--gold);font-size:1.1rem;background:radial-gradient(circle at 34% 30%,#26262c,#121215 72%);flex:0 0 auto}.vf-oracle-titles{display:grid;line-height:1.2}.vf-oracle-titles strong{font-family:var(--font-display);font-size:1.05rem;color:var(--text);font-weight:600}.vf-oracle-titles small{font-family:var(--font-ornate);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.vf-oracle-close{background:transparent;border:0;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .3rem}.vf-oracle-close:hover{color:var(--gold)}.vf-oracle-body{flex:1 1 auto;overflow-y:auto;padding:1rem .9rem;display:flex;flex-direction:column;gap:.55rem}.vf-bubble{max-width:84%;padding:.6rem .85rem;border-radius:14px;font-size:.92rem;line-height:1.42}.vf-bubble.bot{align-self:flex-start;background:#d9b86617;border:1px solid var(--border);color:var(--text);border-bottom-left-radius:5px}.vf-bubble.user{align-self:flex-end;background:var(--gold);color:#131313;font-weight:500;border-bottom-right-radius:5px}.vf-typing{display:inline-flex;gap:4px;align-items:center}.vf-typing span{width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.5}@media(prefers-reduced-motion:no-preference){.vf-typing span{animation:vf-blink 1.2s infinite}.vf-typing span:nth-child(2){animation-delay:.2s}.vf-typing span:nth-child(3){animation-delay:.4s}@keyframes vf-blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}}.vf-oracle-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .9rem;border-top:1px solid var(--border)}.vf-oracle-chip{background:transparent;border:1px solid var(--gold-border);color:var(--gold-light);border-radius:999px;padding:.34rem .7rem;font-size:.74rem;cursor:pointer;transition:background var(--transition),color var(--transition)}.vf-oracle-chip:hover{background:var(--gold-dim);color:var(--gold)}.vf-oracle-input{display:flex;gap:.4rem;padding:.65rem .9rem .9rem}.vf-oracle-input input{flex:1 1 auto;background:#0000004d;border:1px solid var(--border);border-radius:999px;padding:.55rem .9rem;color:var(--text);font-family:var(--font-body);font-size:.9rem}.vf-oracle-input input:focus{outline:none;border-color:var(--gold-border)}.vf-oracle-input button{flex:0 0 auto;width:40px;border-radius:50%;border:1px solid var(--gold-border);background:var(--gold-dim);color:var(--gold);cursor:pointer;font-size:.95rem}.vf-oracle-input button:disabled{opacity:.4;cursor:default}
