/* LO-E · Intro de escritorio Apple antes de la portada. */
.loe-intro-desktop{position:fixed;inset:0;z-index:950;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 18%,#244f8c 0,#112952 38%,#0a1630 74%);font-family:"Space Grotesk",system-ui,sans-serif;opacity:1;transition:opacity .45s ease,visibility .45s ease}
.loe-intro-desktop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loe-intro-desktop:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.05) 30.2%,transparent 30.5%),linear-gradient(300deg,transparent 55%,rgba(85,230,255,.05) 55.2%,transparent 55.5%);pointer-events:none}
.loe-intro-bar{position:absolute;z-index:4;top:0;left:0;right:0;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:rgba(4,9,20,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1);font:500 .66rem "DM Mono",monospace;color:#dbe7ff}
.loe-intro-left,.loe-intro-right{display:flex;align-items:center;gap:12px}
.loe-intro-left strong{color:#fff}
.loe-intro-stage{position:relative;z-index:3;display:grid;justify-items:center;gap:12px;padding:56px 16px 110px;width:100%}
.loe-intro-icon{display:grid;justify-items:center;gap:12px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
.loe-intro-icon img{width:clamp(84px,22vw,132px);height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.55));animation:loe-intro-bob 2.6s ease-in-out infinite}
.loe-intro-icon span{font:600 clamp(.72rem,2.4vw,.9rem) "DM Mono",monospace;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.loe-intro-icon:focus-visible{outline:2px solid #b7ff3c;outline-offset:10px;border-radius:18px}
.loe-intro-msg{max-width:min(30ch,86vw);margin:0;color:#e6ecfb;font-size:clamp(.78rem,2.7vw,.95rem);line-height:1.4;text-align:center;text-wrap:balance}
.loe-intro-hint{margin:0;color:#cfd9ef;font:600 clamp(.6rem,2.1vw,.72rem) "DM Mono",monospace;letter-spacing:.14em;text-align:center;opacity:.9}
.loe-intro-hint b{color:#b7ff3c}
.loe-intro-lang{display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(6,12,28,.5)}
.loe-intro-lang button{min-height:22px;padding:2px 6px;border:0;border-radius:6px;background:transparent;color:#aeb2ce;font:700 .5rem "DM Mono",monospace;letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.loe-intro-lang button:hover{color:#fff}
.loe-intro-lang button.is-active{background:#b7ff3c;color:#0a1630}
.loe-intro-lang button:focus-visible{outline:2px solid #b7ff3c;outline-offset:2px}
.loe-intro-edit{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(6,12,28,.55);color:#aeb2ce;font:700 .54rem "DM Mono",monospace;letter-spacing:.1em;cursor:pointer;transition:color .2s,border-color .2s}
.loe-intro-edit:hover,.loe-intro-edit:focus-visible{color:#b7ff3c;border-color:#b7ff3c;outline:none}
.loe-intro-dock{position:absolute;z-index:4;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(12,21,43,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(0,0,0,.45)}
.loe-intro-dock button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.12);cursor:pointer;transition:background .2s,transform .2s}
.loe-intro-dock button:hover{background:rgba(85,230,255,.28);transform:translateY(-2px)}
.loe-intro-dock button:focus-visible{outline:2px solid #b7ff3c;outline-offset:2px}
.loe-intro-dock img{width:34px;height:34px;object-fit:contain}
.loe-intro-dock .is-loe{background:rgba(255,255,255,.06)}
.loe-intro-skip{position:absolute;z-index:5;right:14px;bottom:max(18px,env(safe-area-inset-bottom));padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(6,12,28,.6);color:#aeb2ce;font:600 .56rem "DM Mono",monospace;letter-spacing:.1em;cursor:pointer}
.loe-intro-skip:hover,.loe-intro-skip:focus-visible{color:#b7ff3c;border-color:#b7ff3c;outline:none}
@keyframes loe-intro-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.loe-intro-icon img{animation:none}}
@media (orientation:landscape) and (max-height:520px){.loe-intro-stage{padding:40px 12px 86px;gap:7px}.loe-intro-icon img{width:70px}.loe-intro-hint{font-size:.54rem}.loe-intro-msg{font-size:.66rem;max-width:46ch}.loe-intro-edit{font-size:.5rem;padding:5px 8px}.loe-intro-dock{bottom:10px;padding:6px}.loe-intro-dock button{width:36px;height:36px}.loe-intro-skip{bottom:12px}}