/* GFJ Network — v5 experience layer. Mobile-first, opaque content, glass as framing. */
:root{color-scheme:dark;--x-bg:#070813;--x-panel:#12162b;--x-panel-hi:#1a2040;--x-line:rgba(255,255,255,.14);--x-text:#fbfbff;--x-copy:#c8cce1;--x-dim:#969dbd;--x-cyan:#88edff;--x-lilac:#ad91ff;--x-pink:#fb8dcc;--x-gold:#ffdc91;--x-radius:28px;--x-shadow:0 24px 64px rgba(0,0,0,.32)}
html{background:var(--x-bg)!important}body{background:radial-gradient(ellipse 95% 48% at 50% -16%,#514586 0%,transparent 68%),radial-gradient(circle at 90% 25%,rgba(201,83,179,.14),transparent 22rem),linear-gradient(180deg,#090a19,#070813 68%,#05060d)!important;color:var(--x-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}body::before{opacity:.22!important;background-size:58px 58px!important}body::after{background:linear-gradient(180deg,transparent,#070813 68%)!important}
/* Guarantees: content never relies on blur or an image for contrast. */
body :is(h1,h2,h3,h4,strong,b,summary,.window-title){color:var(--x-text)!important}body :is(p,li,small,label,.flow-note,.source-note){color:var(--x-copy)!important}body :is(a){color:inherit}body :is(input,textarea,select){color:var(--x-text)!important;background:#0d1022!important;border-color:rgba(255,255,255,.2)!important}body :is(input,textarea)::placeholder{color:#7e85a4!important}.page-shell{width:min(1180px,calc(100% - 1rem))!important;padding:1rem 0 5rem!important}

/* Navigation: deliberately restrained liquid glass. */
.topbar{position:sticky!important;top:.55rem!important;margin:.55rem auto 0!important;width:calc(100% - 1rem)!important;min-height:3.85rem!important;padding:.45rem .58rem!important;border:1px solid var(--x-line)!important;border-radius:999px!important;background:linear-gradient(120deg,rgba(255,255,255,.16),rgba(255,255,255,.055) 45%,rgba(158,126,255,.13))!important;box-shadow:0 16px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important}.topbar::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 27%,rgba(255,255,255,.15) 49%,transparent 63%);transform:translateX(-120%);animation:x-glint 10s ease-in-out infinite;pointer-events:none}.brand,.header-actions{position:relative;z-index:1}.brand img{width:2.25rem!important;height:2.25rem!important;border-radius:50%!important;box-shadow:0 0 0 2px rgba(255,255,255,.16),0 8px 20px rgba(147,113,255,.4)!important}.brand strong{font-family:Inter,ui-sans-serif,sans-serif!important;font-size:.94rem!important;letter-spacing:.04em!important}.brand small{color:#d2d6ec!important}.desktop-nav a{color:#c8cce1!important}.desktop-nav a.active{color:#fff!important;background:rgba(255,255,255,.12)!important}.language-switch,.account-link,.collab-bridge,.mobile-menu-toggle{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}.mobile-nav{border-color:var(--x-line)!important;background:rgba(17,20,43,.78)!important;box-shadow:0 20px 58px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.2)!important;backdrop-filter:blur(24px) saturate(150%)!important}.mobile-nav a{color:#b5b9d0!important}.mobile-nav a.active{color:#fff!important;background:linear-gradient(135deg,rgba(141,112,255,.72),rgba(236,107,189,.42))!important}

/* Shared surfaces. */
.domain-notice,.dev-hero,.dev-account-strip,.dev-timeline,.quick-card,.panel-intro,.auth-launch,.liquid-card,.game-panel,.player-hub,.access-hero,.store-hero,.store-principles,.rank-card,.checkout-showcase,.book-panel,.mode-node,.minecraft-window,.info-hero,.info-card,.interactive-panel,.rule-card,.term-section,.terms-index,.decision-grid article,.full-scroll,.story-strip>*,.privacy-card{border:1px solid var(--x-line)!important;background:linear-gradient(155deg,rgba(27,32,62,.93),rgba(12,15,31,.94))!important;box-shadow:var(--x-shadow),inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.domain-notice,.dev-account-strip,.dev-timeline,.quick-card,.panel-intro,.auth-launch,.liquid-card,.game-panel,.player-hub,.access-hero,.store-hero,.rank-card,.checkout-showcase,.book-panel,.mode-node,.minecraft-window,.info-hero,.info-card,.interactive-panel,.rule-card,.term-section,.privacy-card{border-radius:var(--x-radius)!important}.kicker{color:var(--x-cyan)!important;font-size:.71rem!important;font-weight:800!important;letter-spacing:.14em!important}.primary{border:0!important;border-radius:999px!important;color:#151027!important;background:linear-gradient(135deg,#ffe19a,#f7a6d4 49%,#a894ff)!important;box-shadow:0 10px 26px rgba(164,115,255,.26),inset 0 1px 0 rgba(255,255,255,.7)!important}.soft{border:1px solid rgba(255,255,255,.17)!important;border-radius:999px!important;color:var(--x-text)!important;background:rgba(255,255,255,.075)!important}.primary,.soft{min-height:2.7rem!important;transition:transform .22s ease,filter .22s ease,background .22s ease!important}.primary:hover,.soft:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important}.primary:focus-visible,.soft:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--x-cyan)!important;outline-offset:3px!important}

/* HOME — a compact narrative, not a billboard. */
[data-page="home"] .page-shell{display:grid;gap:1rem}.dev-hero{min-height:calc(100svh - 6rem)!important;display:grid!important;grid-template-columns:1fr!important;align-content:space-between!important;padding:1.35rem!important;overflow:hidden!important;isolation:isolate!important;background:radial-gradient(circle at 85% 50%,rgba(151,112,255,.26),transparent 16rem),linear-gradient(155deg,rgba(35,42,81,.95),rgba(13,16,35,.98))!important}.dev-hero::after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:radial-gradient(ellipse at 10% 10%,rgba(109,240,255,.12),transparent 22rem)!important;opacity:1!important;transform:none!important;animation:none!important}.dev-hero-copy{padding-top:1rem!important}.dev-status-row{display:inline-flex!important;color:#e7e8f9!important;border-color:rgba(255,255,255,.16)!important;background:rgba(4,7,20,.36)!important}.dev-hero h1{max-width:10ch!important;margin:.8rem 0 1rem!important;font-size:clamp(3rem,14vw,5.5rem)!important;line-height:.9!important;letter-spacing:-.075em!important;text-wrap:balance!important;text-shadow:none!important}.dev-hero h1::after{display:none!important}.dev-hero p{max-width:38rem!important;font-size:1rem!important;line-height:1.65!important;color:#d2d5e8!important}.brand-meaning{color:#f2c3e1!important;font-weight:750!important}.dev-actions{gap:.55rem!important}.dev-actions>*{flex:1 1 10rem!important;text-align:center!important;justify-content:center!important}.dev-orbit{min-height:18rem!important;margin:0!important}.dev-orbit::before{width:15rem!important;height:15rem!important;border-color:rgba(136,235,255,.25)!important;animation:x-slowspin 24s linear infinite!important}.dev-orbit::after{width:20rem!important;height:8rem!important;border-color:rgba(250,137,207,.22)!important;animation:x-slowspin 30s linear reverse infinite!important}.dev-device{width:min(18rem,86vw)!important;border-radius:24px!important;background:linear-gradient(155deg,rgba(255,255,255,.17),rgba(255,255,255,.05))!important;box-shadow:0 24px 56px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.25)!important;animation:x-float 7s ease-in-out infinite!important}.story-progress{display:block!important;position:absolute!important;left:1.35rem!important;right:1.35rem!important;bottom:1.25rem!important;width:auto!important}.story-progress span{width:38%!important;transform:none!important;animation:x-meter 4s ease-in-out infinite alternate!important}.dev-account-strip{display:grid!important;gap:1rem!important;padding:1.4rem!important}.dev-account-strip .primary{justify-self:start!important}.dev-timeline{padding:1.45rem!important;overflow:hidden!important}.dev-timeline>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.7rem!important}.dev-timeline article{min-height:10rem!important;padding:1rem!important;border-color:rgba(255,255,255,.11)!important;background:rgba(255,255,255,.055)!important}.dev-timeline article span{color:var(--x-cyan)!important}.chapter-number{display:none!important}.discovery-intro{padding:1.75rem .65rem .65rem!important}.discovery-intro h2{font-size:clamp(2.2rem,9vw,4rem)!important;line-height:.95!important;letter-spacing:-.06em!important}.story-constellation{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important}.story-constellation>*{min-height:12rem!important;padding:1.3rem!important;transform:none!important;background:linear-gradient(145deg,rgba(29,39,75,.93),rgba(12,16,34,.96))!important}.story-constellation>*:nth-child(3n){background:linear-gradient(145deg,rgba(63,34,75,.9),rgba(12,16,34,.96))!important}

/* Purpose-built page treatments. */
[data-page="acceso"] .access-hero{min-height:17rem!important;display:grid!important;align-content:end!important;padding:1.45rem!important;background:linear-gradient(145deg,rgba(52,68,122,.94),rgba(19,21,46,.98))!important}[data-page="panel"] .panel-intro,[data-page="panel"] .player-hub{background:linear-gradient(145deg,rgba(23,57,76,.94),rgba(15,18,38,.98))!important}[data-page="plus"] .store-hero{min-height:28rem!important;padding:1.5rem!important;background:radial-gradient(circle at 82% 32%,rgba(255,203,106,.18),transparent 14rem),linear-gradient(145deg,rgba(58,39,87,.94),rgba(17,18,42,.98))!important}[data-page="plus"] .rank-card.featured{border-color:rgba(255,217,132,.46)!important;background:linear-gradient(145deg,rgba(78,57,100,.95),rgba(24,22,48,.98))!important}[data-page="modos"] .book-panel{min-height:20rem!important;padding:1.4rem!important;background:linear-gradient(145deg,rgba(18,68,72,.94),rgba(13,18,38,.98))!important}[data-page="modos"] .mode-map{display:grid!important;gap:.75rem!important}[data-page="modos"] .mode-node{min-height:12rem!important;padding:1.35rem!important;background:linear-gradient(145deg,rgba(18,43,63,.96),rgba(12,16,34,.98))!important}[data-page="modos"] .mode-node:nth-child(even){background:linear-gradient(145deg,rgba(56,34,78,.95),rgba(12,16,34,.98))!important}[data-page="ayuda"] .info-hero,[data-page="normas"] .info-hero,[data-page="terminos"] .info-hero,[data-page="privacidad"] .info-hero{min-height:18rem!important;display:grid!important;align-content:end!important;padding:1.45rem!important;background:linear-gradient(145deg,rgba(23,49,82,.95),rgba(15,18,40,.98))!important}.info-grid,.privacy-grid,.rules-board{display:grid!important;gap:.75rem!important}.info-card,.privacy-card,.rule-card,.term-section{padding:1.25rem!important;background:linear-gradient(145deg,rgba(21,26,55,.96),rgba(12,15,33,.98))!important}.interactive-panel{padding:1.35rem!important}.terms-layout{display:grid!important;gap:.75rem!important}.terms-index{position:relative!important;top:auto!important;padding:1rem!important}.terms-index a{color:var(--x-copy)!important}.rule-body{background:transparent!important}.rule-toggle{color:var(--x-text)!important}.site-footer{width:calc(100% - 1rem)!important;margin:0 auto 7.6rem!important;padding:1.6rem .8rem!important}.site-footer p,.site-footer a{color:var(--x-dim)!important}

/* Desktop compounds density without changing hierarchy. */
@media(min-width:821px){.topbar{width:min(1180px,calc(100% - 2rem))!important;top:1rem!important;margin-top:1rem!important}.page-shell{width:min(1180px,calc(100% - 2rem))!important;padding-top:1.5rem!important}.dev-hero{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr)!important;min-height:min(46rem,calc(100svh - 7rem))!important;padding:clamp(2rem,6vw,5rem)!important}.dev-orbit{min-height:30rem!important}.dev-orbit::before{width:24rem!important;height:24rem!important}.dev-orbit::after{width:31rem!important;height:12rem!important}.dev-device{width:min(23rem,86%)!important}.dev-hero h1{font-size:clamp(3.5rem,6vw,6rem)!important}.dev-account-strip{grid-template-columns:1fr auto!important;align-items:center!important;padding:2rem 2.4rem!important}.dev-timeline{padding:2.4rem!important}.dev-timeline>div{grid-template-columns:repeat(4,1fr)!important}.story-constellation{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}.story-constellation>*:nth-child(2n){transform:translateY(2rem)!important}.story-constellation>*:nth-child(4),.story-constellation>*:nth-child(5){transform:translateY(3rem)!important}.info-grid{grid-template-columns:repeat(3,1fr)!important}.privacy-grid{grid-template-columns:repeat(3,1fr)!important}.rules-board{grid-template-columns:repeat(2,1fr)!important}.terms-layout{grid-template-columns:15rem 1fr!important;align-items:start!important}.terms-index{position:sticky!important;top:6rem!important}.site-footer{width:min(1180px,calc(100% - 2rem))!important;margin-bottom:2rem!important}.rank-card,.info-card,.mode-node,.privacy-card{transition:transform .25s ease,border-color .25s ease!important}.rank-card:hover,.info-card:hover,.mode-node:hover,.privacy-card:hover{transform:translateY(-5px)!important;border-color:rgba(162,198,255,.45)!important}}

/* Scroll-driven animations only when supported; they never hide text. */
@supports(animation-timeline:view()){.story-constellation>*,.dev-timeline article,.mode-node,.rank-card,.info-card,.rule-card,.term-section,.privacy-card{animation:x-reveal linear both;animation-timeline:view();animation-range:entry 8% cover 30%}.story-progress span{animation-timeline:scroll(root);animation-range:0 35%;animation-fill-mode:both}.dev-hero-copy{animation:x-copy-exit linear both;animation-timeline:scroll(root);animation-range:0 38vh}}
@keyframes x-glint{0%,68%{transform:translateX(-120%)}84%,100%{transform:translateX(125%)}}@keyframes x-slowspin{to{transform:rotate(360deg)}}@keyframes x-float{50%{transform:translateY(-9px)}}@keyframes x-meter{to{transform:translateX(145%)}}@keyframes x-reveal{from{opacity:.35;transform:translateY(2.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes x-copy-exit{to{opacity:1;transform:translateY(-1rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.dev-hero-copy{opacity:1!important;transform:none!important}}

/* Legacy component cleanup: these are the screens that previously kept the old pale cards. */
.reveal,.reveal.visible{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.early-access{display:grid!important;gap:.8rem!important}.early-progress{display:flex!important;gap:.4rem!important;overflow:auto!important;padding:.25rem 0!important}.early-progress span{flex:0 0 auto!important;min-width:8.7rem!important;border:1px solid var(--x-line)!important;border-radius:16px!important;background:#151a31!important;color:var(--x-copy)!important}.early-progress span b{background:#273051!important;color:var(--x-text)!important}.early-progress span.active{background:linear-gradient(135deg,#202b57,#31204d)!important;border-color:rgba(136,237,255,.38)!important}.early-progress span.active b,.early-progress span.done b{background:linear-gradient(135deg,#6fe8ff,#aa8aff)!important;color:#11152a!important}.early-card,.early-screen,.early-warning,.early-terms article,.early-review article{border:1px solid var(--x-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#181e3a,#0e1227)!important;color:var(--x-text)!important;box-shadow:var(--x-shadow)!important}.early-card{padding:1rem!important}.early-screen{padding:1.25rem!important}.early-screen :is(h2,h3,strong,b),.early-warning :is(h2,h3,strong,b),.early-terms :is(h2,h3,strong,b),.early-review :is(h2,h3,strong,b){color:var(--x-text)!important}.early-screen :is(p,li,label),.early-warning :is(p,li,label),.early-terms :is(p,li,label),.early-review :is(p,li,label){color:var(--x-copy)!important}.early-warning{background:linear-gradient(145deg,#35223c,#17152e)!important}.early-check{border-color:var(--x-line)!important;background:#12172e!important;color:var(--x-copy)!important}.early-actions{display:flex!important;flex-wrap:wrap!important;gap:.55rem!important}.early-actions>*{flex:1 1 12rem!important}
[data-early-decision].is-approved{border-color:rgba(111,242,188,.45)!important;background:radial-gradient(circle at 75% 20%,rgba(82,222,170,.2),transparent 14rem),linear-gradient(145deg,#123b38,#0d1b2a)!important}[data-early-decision].is-rejected{border-color:rgba(255,135,158,.46)!important;background:radial-gradient(circle at 75% 20%,rgba(241,87,121,.2),transparent 14rem),linear-gradient(145deg,#421d32,#1b1026)!important}[data-early-decision].is-rejected .success-burst{background:linear-gradient(135deg,#ff98a9,#e36c9b)!important}
.login-box,.code-form,.settings-shell,.flow-window,.flow-screen,.settings-grid>section{border-color:var(--x-line)!important;background:#11162d!important;color:var(--x-text)!important}.game-section{border-color:var(--x-line)!important;background:#12172e!important}.game-section summary{color:var(--x-text)!important}.game-section summary small{color:var(--x-copy)!important}.rank-card,.rank-card:hover{transform:none!important}.rank-card :is(p,li,small){color:var(--x-copy)!important}.rank-topline span{color:#171126!important}.rank-topline b{color:var(--x-text)!important}.checkout-card,.checkout-screen,.store-principles .mini{border-color:var(--x-line)!important;background:#131831!important;color:var(--x-text)!important}.mode-cover{background:#592a72!important}.mode-cover span{color:#fff!important}.mode-node :is(p,li){color:var(--x-copy)!important}.info-toolbar,.info-toolbar label{color:var(--x-copy)!important}.decision-grid article,.step-list article{border:1px solid var(--x-line)!important;background:#131831!important}.rule-body,.term-section,.privacy-card{color:var(--x-copy)!important}

/* Last light-theme remnants: titles and footer controls used an old pale background. */
.minecraft-window .window-title,.interactive-panel .window-title,.flow-window .window-title,.settings-shell .window-title{display:block!important;margin:-1px -1px 1rem!important;padding:.7rem .9rem!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px 18px 12px 12px!important;background:linear-gradient(90deg,#202b56,#40275d)!important;color:#fff!important}.site-footer nav a{display:inline-flex!important;align-items:center!important;min-height:2.15rem!important;margin:.18rem!important;padding:.25rem .62rem!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:#171b34!important;color:#dde1f2!important}.site-footer nav a:hover{background:#252b50!important;color:#fff!important}.site-footer strong{color:#fff!important}.site-footer p{color:#aeb5d0!important}

/* Mobile navigation is a separate layout, not a compressed desktop dropdown. */
@media(max-width:820px){
  html{scroll-padding-top:4.75rem!important;background:#080a18!important}
  /* Start the same ambient field at the physical edge of the screen.  This
     makes the header feel suspended over an endless scene rather than below
     a separate, empty strip. */
  body{padding-top:0!important;padding-bottom:5.8rem!important;background-attachment:scroll!important;background-image:radial-gradient(ellipse 105% 44% at 50% -10%,rgba(105,91,190,.62),transparent 68%),radial-gradient(circle at 100% 12%,rgba(243,111,193,.18),transparent 21rem),linear-gradient(180deg,#151537 0%,#0b0d21 23rem,#080a18 60%)!important}
  .topbar{position:sticky!important;top:.45rem!important;left:auto!important;right:auto!important;margin:.45rem auto 0!important;width:calc(100% - .9rem)!important;min-height:3.6rem!important;z-index:90!important;overflow:visible!important}
  .topbar::before{border-radius:999px!important}
  .page-shell{width:calc(100% - .9rem)!important;padding-top:.8rem!important;padding-bottom:2.4rem!important}
  .header-actions{gap:.22rem!important}.account-link{display:none!important}.collab-bridge{grid-template-columns:auto!important;min-width:2.35rem!important;padding:.34rem!important}.collab-bridge>span{font-size:.55rem!important}.collab-bridge img{display:none!important}
  .mobile-menu-toggle{width:2.42rem!important;min-height:2.42rem!important;border-radius:50%!important}
  .mobile-nav{position:fixed!important;top:4.65rem!important;right:.45rem!important;bottom:auto!important;left:.45rem!important;z-index:80!important;display:grid!important;width:auto!important;max-height:calc(100svh - 5.3rem)!important;grid-template-columns:1fr 1fr!important;gap:.45rem!important;overflow:auto!important;padding:.55rem!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:24px!important;background:linear-gradient(155deg,rgba(26,31,60,.98),rgba(9,12,28,.99))!important;box-shadow:0 28px 76px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.14)!important;backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;transform:translateY(-.45rem) scale(.985)!important}
  body.menu-open .mobile-nav{opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
  body.menu-open{overflow:hidden!important}
  .mobile-nav a{grid-template-columns:2rem minmax(0,1fr)!important;min-height:3.25rem!important;gap:.45rem!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:17px!important;padding:.45rem!important;background:rgba(255,255,255,.045)!important;color:#eef0ff!important;font-size:.84rem!important}
  .mobile-nav a.active{background:linear-gradient(135deg,rgba(121,104,255,.73),rgba(235,103,190,.4))!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
  .mobile-nav span{width:1.9rem!important;height:1.9rem!important;border-color:rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.11)!important;color:#b7f2ff!important;box-shadow:none!important}
  .site-loader{transition:none!important}.site-loader-card{border-color:rgba(255,255,255,.16)!important;background:#11162d!important}.domain-notice{margin-top:0!important}
}

/* Inline account accordion: no modal context switch, especially on mobile. */
.account-inline-panel{border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem;animation:account-panel-in .16s ease-out}.account-inline-panel[hidden]{display:none!important}.account-detail-wide,.account-inline-wide{grid-column:1/-1}.account-inline-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.account-inline-form label{display:grid;gap:.32rem;color:#dce2f6;font-size:.74rem;font-weight:800}.account-inline-form :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:.62rem .68rem;background:#0b1023;color:#f8f9ff;font:inherit}.account-inline-form textarea{min-height:5.5rem;resize:vertical}.account-inline-check{display:flex!important;align-items:center;gap:.45rem;min-height:2.65rem}.account-inline-check input{width:auto!important}.account-inline-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;padding-top:.2rem}.account-inline-actions button{min-height:2.75rem!important}@keyframes account-panel-in{from{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}
@media(max-width:820px){.account-inline-form{grid-template-columns:1fr;gap:.75rem}.account-inline-form :is(input,select,textarea){min-height:3rem;padding:.72rem;font-size:16px}.account-inline-form textarea{min-height:7rem}.account-inline-check{min-height:3rem!important;padding:.6rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(5,8,21,.25)}.account-inline-actions{display:grid;grid-template-columns:1fr}.account-inline-actions button{width:100%;min-height:3.15rem!important;font-size:.9rem!important}.account-detail-wide{grid-column:1/-1!important}}

.account-detail-sections{display:grid;gap:.85rem}.account-detail-sections>section,.account-inline-form fieldset{min-width:0;margin:0;border:1px solid rgba(255,255,255,.1);border-radius:17px;padding:.75rem;background:rgba(5,8,21,.22)}.account-detail-sections h4,.account-inline-form legend{margin:0 0 .65rem;color:#a9eeff;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.account-inline-form{grid-template-columns:1fr}.account-inline-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.account-inline-form legend{padding:0 .25rem}.account-server-readonly{display:block!important}.account-server-readonly p{margin:0;color:#aeb9d8;font-size:.76rem;line-height:1.5}.account-detail-sections .account-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:820px){.account-detail-sections{gap:.65rem}.account-detail-sections>section,.account-inline-form fieldset{padding:.7rem}.account-detail-sections .account-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-inline-form fieldset{grid-template-columns:1fr;gap:.75rem}}
.account-player-preview{grid-column:1/-1;border:1px solid rgba(121,226,255,.2);border-radius:13px;padding:.62rem .7rem;background:rgba(66,139,183,.13);color:#cef3ff;font-size:.75rem;line-height:1.45}.account-inline-form small{color:#aeb9d8;font-size:.68rem;font-weight:600;line-height:1.4}.account-inline-form input[readonly]{border-style:dashed!important;color:#b9c6e5!important;background:rgba(5,8,21,.45)!important}

/* Public entry guide: useful before approval, while clearly keeping early access closed. */
.access-notice{display:flex;align-items:center;gap:.9rem;margin-top:1rem;border:1px solid rgba(255,211,119,.32);border-radius:22px;padding:1rem 1.1rem;background:linear-gradient(135deg,rgba(93,66,23,.78),rgba(42,29,49,.88));box-shadow:0 16px 42px rgba(0,0,0,.2)}.access-notice>span{display:grid;flex:0 0 auto;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;background:#ffdc91;color:#261b17;font-weight:950}.access-notice div{min-width:0;flex:1}.access-notice strong{color:#fff!important}.access-notice p{margin:.22rem 0 0!important;color:#e8d8b9!important;line-height:1.5}.access-notice a{flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.62rem .82rem;background:rgba(255,255,255,.1);color:#fff!important;font-weight:800;text-decoration:none}.guide-hero-actions{position:relative;z-index:2;margin-top:1rem}.guide-section{margin-top:1rem;border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:clamp(1.2rem,4vw,2rem);background:linear-gradient(145deg,#151c3c,#0b1026);box-shadow:0 20px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)}.guide-section-head{max-width:44rem}.guide-section-head h2{margin:.35rem 0!important;color:#fff!important;font-size:clamp(1.7rem,4vw,2.7rem)!important;letter-spacing:-.045em}.guide-section-head p{color:#bdc8e5!important;line-height:1.6}.guide-tip{margin:1rem 0 0!important;border-top:1px solid rgba(255,255,255,.1);padding-top:.85rem;color:#b8c7e8!important;font-size:.88rem;line-height:1.55}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.1rem}.device-grid article{min-height:10.5rem;border:1px solid rgba(255,255,255,.11);border-radius:21px;padding:1rem;background:linear-gradient(145deg,rgba(43,53,99,.72),rgba(11,15,35,.86))}.device-grid span{color:#9eeeff;font-size:.72rem;font-weight:900;letter-spacing:.12em}.device-grid h3{margin:.8rem 0 .4rem!important;color:#fff!important;font-size:1.05rem}.device-grid p{margin:0!important;color:#bdc8e5!important;line-height:1.55;font-size:.88rem}.guide-checklist ol{display:grid;gap:.72rem;margin:1rem 0 0;padding:0;list-style:none;counter-reset:guide}.guide-checklist li{position:relative;padding:.9rem .9rem .9rem 3.3rem;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(4,8,22,.36);color:#cbd4ec!important;line-height:1.58;counter-increment:guide}.guide-checklist li::before{content:counter(guide);position:absolute;left:.85rem;top:.82rem;display:grid;width:1.65rem;height:1.65rem;place-items:center;border-radius:50%;background:linear-gradient(135deg,#84eafa,#9c87ff);color:#10152b;font-size:.75rem;font-weight:950}.guide-checklist a,.guide-checklist b,.guide-faq b{color:#b5f2ff!important}.inline-copy{border:0;padding:0;background:transparent;color:#b5f2ff;font:inherit;font-weight:850;text-decoration:underline;cursor:pointer}.guide-faq{display:grid;gap:.65rem}.guide-faq details{border:1px solid rgba(255,255,255,.11);border-radius:17px;padding:.9rem 1rem;background:rgba(5,9,24,.36)}.guide-faq summary{cursor:pointer;color:#fff!important;font-weight:850}.guide-faq p{margin:.75rem 0 .1rem!important;color:#c3cce5!important;line-height:1.6}@media(max-width:820px){.access-notice{align-items:flex-start;flex-wrap:wrap;border-radius:20px;padding:.9rem}.access-notice a{width:100%;text-align:center}.guide-hero-actions>*{width:100%;flex:1 1 100%}.device-grid{grid-template-columns:1fr 1fr}.device-grid article{min-height:0}.guide-section{border-radius:24px;padding:1.1rem}.guide-checklist li{padding-left:3rem}}@media(max-width:420px){.device-grid{grid-template-columns:1fr}.access-notice>span{width:2rem;height:2rem}}
@media(max-width:360px){.brand small{display:none!important}.collab-bridge{display:none!important}.language-switch button{padding:.25rem .34rem!important}}

/* Header controls use one language capsule, matching the partner control instead of square chips. */
.language-switch{display:flex!important;align-items:center!important;gap:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:rgba(7,10,27,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important}.language-switch button{min-width:2.18rem!important;min-height:2.18rem!important;margin:0!important;border:0!important;border-radius:999px!important;padding:.34rem .4rem!important;background:transparent!important;color:#c8cce1!important;box-shadow:none!important;font-size:.66rem!important;font-weight:850!important}.language-switch button.active{background:rgba(255,255,255,.92)!important;color:#31214e!important;box-shadow:0 3px 12px rgba(0,0,0,.2)!important}.language-switch button:hover{transform:none!important;background:rgba(255,255,255,.13)!important}

/* Never hide a logo while it decodes: a stable image box is less distracting than the old fade-in. */
body.logo-guard img[src$="gfj-network-logo.png"],body.logo-guard img[src*="gfj-network-logo.png?"]{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;background:transparent!important}.gfj-logo-img{opacity:1!important;transform:none!important;transition:none!important}.brand img,.panel-logo,.store-orbit img,.modes-emblem img{background:#171b35!important}

/* Panel: centre the identity and remove the artificial vertical dead space around human verification. */
[data-page="panel"] .panel-intro{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;padding:1.7rem 1.1rem!important}[data-page="panel"] .panel-intro .panel-logo{margin:0!important}[data-page="panel"] .auth-launch{display:grid!important;grid-template-columns:1fr!important;gap:.8rem!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}[data-page="panel"] .minecraft-window{display:grid!important;gap:.6rem!important;min-height:0!important;padding:1.1rem!important}[data-page="panel"] .login-box{min-height:0!important;padding:1.1rem!important}.recaptcha-box{margin:.45rem 0!important;min-height:0!important}.recaptcha-box iframe{max-width:100%!important}.cf-turnstile{min-height:0!important}

/* MODES — rebuilt as a route through the server, without the old book/card UI. */
[data-page="modos"] .modes-stage{position:relative;display:grid;gap:1.5rem;min-height:29rem;overflow:hidden;border:1px solid rgba(141,239,255,.2);border-radius:32px;padding:clamp(1.4rem,5vw,4.5rem);background:radial-gradient(circle at 82% 35%,rgba(73,229,230,.22),transparent 16rem),linear-gradient(135deg,#0c4a52,#121a35 62%,#2d1f4a);box-shadow:var(--x-shadow)}.modes-stage::before{content:"";position:absolute;inset:auto -16% -35% auto;width:32rem;height:32rem;border:1px solid rgba(145,235,255,.2);border-radius:50%;box-shadow:0 0 0 3rem rgba(126,190,255,.035),0 0 8rem rgba(75,217,255,.13);pointer-events:none}.modes-stage-copy{position:relative;z-index:1;max-width:38rem;align-self:end}.modes-stage h1{margin:.45rem 0 .8rem!important;font-size:clamp(3rem,7vw,6rem)!important;line-height:.86!important;letter-spacing:-.075em!important}.modes-stage p{max-width:36rem!important;font-size:1.03rem!important;line-height:1.65!important}.modes-stage-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.25rem}.modes-stage-meta span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.36rem .6rem;background:rgba(3,12,28,.3);color:#d5faff;font-size:.68rem;font-weight:850;letter-spacing:.08em}.modes-emblem{position:absolute;right:clamp(1rem,7vw,7rem);top:clamp(1rem,6vw,4rem);display:grid;width:clamp(8rem,18vw,13rem);aspect-ratio:1;place-items:center}.modes-emblem i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.26);border-radius:39% 61% 55% 45%;animation:x-slowspin 22s linear infinite}.modes-emblem img{position:relative;width:67%;border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.1),0 25px 45px rgba(0,0,0,.3)}.modes-route{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem}.mode-route-card{position:relative;min-height:15rem;overflow:hidden;border:1px solid var(--x-line);border-radius:24px;padding:1.15rem;background:linear-gradient(145deg,#142741,#10142c);box-shadow:var(--x-shadow)}.mode-route-card:nth-child(even){background:linear-gradient(145deg,#37204a,#12142e)}.mode-route-card>span{display:block;color:rgba(179,244,255,.72);font-size:.72rem;font-weight:900;letter-spacing:.12em}.mode-route-card h2{margin:2.4rem 0 .5rem!important;font-size:1.25rem!important}.mode-route-card p{line-height:1.55!important}.compass-feature{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start;margin-top:1rem;border:1px solid var(--x-line);border-radius:28px;padding:1.4rem;background:linear-gradient(145deg,#1d244e,#11142c);box-shadow:var(--x-shadow)}.compass-mark{display:grid;width:4rem;height:4rem;place-items:center;border-radius:50%;background:linear-gradient(135deg,#7ceaff,#a685ff,#fd8bce);color:#15142a;font-size:2rem;box-shadow:0 0 0 6px rgba(255,255,255,.08)}.compass-feature h2{margin:.35rem 0!important;font-size:clamp(1.6rem,4vw,2.5rem)!important}.compass-feature p{max-width:52rem;line-height:1.58!important}

/* RULES — the card itself closes with the content, not only the text. */
[data-page="normas"] .rules-board{gap:.7rem!important}[data-page="normas"] .rule-card{padding:0!important;background:#12172e!important;transition:border-color .2s ease,background .2s ease!important}[data-page="normas"] .rule-card.is-collapsed{background:#10142a!important;border-color:rgba(255,255,255,.1)!important}[data-page="normas"] .rule-toggle{min-height:4.35rem!important;border-radius:inherit!important;padding:.7rem .85rem!important;background:transparent!important;color:#f7f8ff!important}[data-page="normas"] .rule-toggle span{border-radius:13px!important;background:linear-gradient(135deg,#643b93,#2e5f92)!important;color:#fff!important}[data-page="normas"] .rule-toggle small{background:rgba(126,235,255,.12)!important;color:#bfefff!important}[data-page="normas"] .rule-body{padding:0 .95rem 1rem!important;color:var(--x-copy)!important}[data-page="normas"] .rule-body p,[data-page="normas"] .rule-body li{color:var(--x-copy)!important}

/* Admin mail desk: a compact staff toolkit, not a password manager. */
.staff-mail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.staff-mail-card{display:grid;gap:1rem;min-width:0;border:1px solid var(--x-line);border-radius:26px;padding:1.25rem;background:linear-gradient(145deg,#171d3b,#0d1127);box-shadow:var(--x-shadow)}.staff-mail-cyan{background:radial-gradient(circle at 90% 0,rgba(94,235,255,.14),transparent 15rem),linear-gradient(145deg,#122c45,#0d1127)}.staff-mail-violet{background:radial-gradient(circle at 90% 0,rgba(187,126,255,.16),transparent 15rem),linear-gradient(145deg,#292047,#0d1127)}.staff-mail-card-head{display:flex;justify-content:space-between;gap:.7rem;align-items:start}.staff-mail-card h3{margin:.25rem 0 0!important;font-size:clamp(1.15rem,2vw,1.5rem)!important;overflow-wrap:anywhere}.staff-copy-block,.staff-template{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(4,7,19,.32);padding:.85rem}.staff-copy-block>div,.staff-template-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.staff-copy-block span{color:var(--x-cyan);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.staff-copy{min-height:2.2rem!important;padding:.3rem .7rem!important;font-size:.74rem!important}.staff-copy-block pre,.staff-template pre{margin:.75rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--x-copy);font:inherit;line-height:1.55}.staff-template-list{display:grid;gap:.55rem}.staff-template summary{cursor:pointer;font-size:.9rem}.staff-template p{margin:.8rem 0 0!important}.staff-template b{color:var(--x-text)!important}.staff-template-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:.75rem}@media(max-width:820px){.staff-mail-grid{grid-template-columns:1fr}.staff-mail-card{padding:1rem}.staff-mail-card-head{align-items:stretch;flex-direction:column}.staff-mail-card-head .soft{text-align:center}.staff-template-actions>*{flex:1 1 9rem}}
.staff-compose{display:grid;gap:1rem;margin:1rem 0;border:1px solid rgba(166,196,255,.28);border-radius:30px;padding:clamp(1rem,3vw,1.7rem);background:radial-gradient(circle at 92% 0,rgba(138,117,255,.25),transparent 18rem),linear-gradient(145deg,#17254b,#10142c);box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.15)}.staff-compose-top,.staff-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}.staff-compose-top h3{margin:.3rem 0 0!important;font-size:clamp(1.45rem,3vw,2.1rem)!important}.staff-compose-top>span{border:1px solid rgba(136,237,255,.24);border-radius:999px;padding:.45rem .65rem;background:rgba(13,26,53,.56);color:#c9f7ff;font-size:.75rem}.staff-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.staff-compose label{display:grid;gap:.38rem;color:#cfd5f1;font-size:.78rem;font-weight:800;letter-spacing:.04em}.staff-compose-wide{grid-column:1/-1}.staff-compose textarea{min-height:13rem;resize:vertical;line-height:1.55}.staff-compose-bottom small{max-width:45rem;color:#aeb8d9!important;line-height:1.5}@media(max-width:820px){.staff-compose{border-radius:24px}.staff-compose-top,.staff-compose-bottom{align-items:stretch;flex-direction:column}.staff-compose-bottom .primary{width:100%;justify-content:center}.staff-compose-grid{grid-template-columns:1fr}.staff-compose-wide{grid-column:auto}}
.request-decision-note{flex:1 1 21rem!important}.request-decision-note textarea{width:100%!important;min-height:5.3rem!important}
.request-decision-hint{flex:1 1 18rem!important;color:#b9c8e7!important;font-size:.76rem!important;line-height:1.45!important}
.request-inbox-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.35rem;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(5,8,20,.3)}.request-inbox-tabs button{display:flex;flex:1 0 auto;align-items:center;justify-content:space-between;gap:.65rem;min-height:2.65rem;border:1px solid transparent;border-radius:13px;padding:.45rem .7rem;background:transparent;color:#b7c1df;font-weight:850}.request-inbox-tabs button span{display:grid;min-width:1.45rem;height:1.45rem;place-items:center;border-radius:999px;background:rgba(255,255,255,.09);color:#eaf0ff;font-size:.7rem}.request-inbox-tabs button.is-active{border-color:rgba(150,230,255,.3);background:linear-gradient(135deg,rgba(63,147,184,.35),rgba(101,83,190,.38));color:#fff}.request-inbox-tabs button.is-active span{background:#b9f2ff;color:#142039}.request-inbox-row.is-pending{border-color:rgba(142,231,255,.32)!important;background:radial-gradient(circle at 100% 0,rgba(84,219,255,.12),transparent 16rem),linear-gradient(145deg,rgba(31,47,84,.94),rgba(13,17,37,.96))!important}.request-inbox-row.is-pending::before{content:"SIN LEER";display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:.28rem .48rem;background:rgba(135,242,206,.16);color:#a8ffe0;font-size:.63rem;font-weight:900;letter-spacing:.09em}.request-history-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.09);padding-top:.85rem;color:#b9c6e5!important}.request-history-note span{color:#aaf4d5;font-weight:800}.request-history-note p{margin:.45rem 0 0!important;color:#c6cde5!important;white-space:pre-wrap}@media(max-width:560px){.request-inbox-tabs button{font-size:.76rem}.request-inbox-row.is-pending::before{margin-bottom:.15rem}}
.admin-decision-modal{width:min(560px,calc(100% - 1.4rem))!important;border:0!important;padding:0!important;background:transparent!important}.admin-decision-modal::backdrop{background:rgba(3,5,15,.76);backdrop-filter:blur(8px)}.admin-decision-shell{display:grid!important;gap:1rem!important;border:1px solid rgba(194,205,255,.28)!important;border-radius:28px!important;padding:1.15rem!important;background:radial-gradient(circle at 100% 0,rgba(151,119,255,.22),transparent 15rem),linear-gradient(145deg,#192046,#0d1128)!important;box-shadow:0 34px 96px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.14)!important}.admin-decision-shell>p{margin:0!important;color:#c4cbe5!important;line-height:1.6!important}.admin-decision-shell label{display:grid!important;gap:.45rem!important;color:#e5e9fb!important;font-size:.8rem!important;font-weight:800!important}.admin-decision-shell textarea{min-height:9rem!important;resize:vertical!important}.admin-decision-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.admin-decision-actions>*{min-width:10rem;justify-content:center}@media(max-width:560px){.admin-decision-shell{border-radius:24px!important;padding:1rem!important}.admin-decision-actions{display:grid;grid-template-columns:1fr}.admin-decision-actions>*{width:100%}}
.whitelist-add-form{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(12rem,.8fr) minmax(10rem,.6fr) auto;gap:.8rem;align-items:end;border:1px solid rgba(145,235,255,.2);border-radius:22px;padding:1rem;background:linear-gradient(145deg,#102c3e,#10152d)}.whitelist-add-form strong,.whitelist-row strong{display:block;color:#fff!important}.whitelist-add-form small,.whitelist-row small{display:block;margin-top:.35rem;color:#b8c4e1!important;line-height:1.45}.whitelist-list{display:grid;gap:.55rem}.whitelist-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:.8rem 1rem;background:rgba(6,9,23,.36)}.whitelist-row .admin-code{font-size:.67rem!important}@media(max-width:820px){.whitelist-add-form{grid-template-columns:1fr}.whitelist-add-form .primary{width:100%;justify-content:center}.whitelist-row{align-items:stretch;flex-direction:column}.whitelist-row .soft{width:100%;justify-content:center}}

/* Public entry pages: direct, clear and deliberately independent from the app shell. */
.entry-page{min-height:100svh;background:radial-gradient(circle at 8% 0,rgba(128,105,255,.26),transparent 28rem),radial-gradient(circle at 96% 40%,rgba(61,222,255,.12),transparent 25rem),linear-gradient(155deg,#080a18,#0c1024 55%,#070914)!important}.entry-shell{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 4rem}.entry-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:.65rem .75rem;background:rgba(22,29,59,.76);box-shadow:0 20px 52px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(20px)}.entry-topbar .brand img{width:2.6rem!important;height:2.6rem!important}.entry-hero{position:relative;overflow:hidden;margin-top:1rem;border:1px solid rgba(169,188,255,.22);border-radius:34px;padding:clamp(1.6rem,7vw,5rem);background:radial-gradient(circle at 85% 25%,rgba(100,228,255,.2),transparent 17rem),linear-gradient(145deg,#1b2451,#10142d 64%,#34204a);box-shadow:0 32px 76px rgba(0,0,0,.32)}.entry-hero::after{content:"";position:absolute;right:-7rem;bottom:-11rem;width:26rem;height:26rem;border:1px solid rgba(176,244,255,.18);border-radius:50%;box-shadow:0 0 0 3rem rgba(177,244,255,.03);pointer-events:none}.entry-hero h1{position:relative;z-index:1;max-width:9ch;margin:.5rem 0 1rem!important;color:#fff!important;font-size:clamp(3rem,9vw,6rem)!important;line-height:.88!important;letter-spacing:-.075em!important}.entry-hero h1 em{font-style:normal;color:#aaf3ff}.entry-hero>p{position:relative;z-index:1;max-width:36rem;color:#cad2ec!important;font-size:1.05rem;line-height:1.65}.status-orb{position:relative;z-index:1;display:grid;gap:.25rem;width:min(22rem,100%);margin-top:2rem;border:1px solid rgba(255,255,255,.18);border-radius:21px;padding:1rem;background:rgba(6,10,27,.44)}.status-orb span{width:.72rem;height:.72rem;border-radius:50%;background:#e9bb70;box-shadow:0 0 0 .32rem rgba(233,187,112,.14)}.status-orb strong{color:#fff;font-size:1.18rem}.status-orb small{color:#bac6e3}.status-orb.is-online span{background:#78e5b6;box-shadow:0 0 0 .32rem rgba(120,229,182,.14)}.status-orb.is-offline span{background:#ff889c;box-shadow:0 0 0 .32rem rgba(255,136,156,.14)}.entry-grid,.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}.entry-grid article,.guide-card{border:1px solid rgba(255,255,255,.13);border-radius:23px;padding:1.2rem;background:linear-gradient(145deg,#182044,#0e1229);box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)}.entry-grid span{display:block;color:#9febff;font-size:.7rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.entry-grid strong{display:block;margin:.5rem 0;color:#fff;font-size:clamp(1.1rem,2vw,1.5rem);overflow-wrap:anywhere}.entry-grid p,.guide-card li{color:#c2cae3!important;line-height:1.55}.entry-callout{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;border:1px solid rgba(170,186,255,.19);border-radius:28px;padding:1.4rem;background:linear-gradient(135deg,#25214e,#10142c)}.entry-callout h2{margin:.35rem 0!important;color:#fff!important;font-size:clamp(1.5rem,3vw,2.25rem)!important}.entry-callout p{max-width:40rem;color:#c5cce5!important;line-height:1.55}.entry-actions{display:flex;flex-wrap:wrap;gap:.55rem}.entry-actions>*{justify-content:center;white-space:nowrap}.entry-ip{position:relative;z-index:1;display:grid;gap:.3rem;width:max-content;max-width:100%;margin-top:2rem;border:1px solid rgba(166,240,255,.27);border-radius:20px;padding:.9rem 1.1rem;background:#0b1630}.entry-ip span{color:#a8eefe;font-size:.67rem;font-weight:850;letter-spacing:.13em}.entry-ip strong{color:#fff;font-size:clamp(1.5rem,4vw,2.3rem);letter-spacing:-.04em}.guide-columns{grid-template-columns:1fr 1fr}.guide-card{position:relative;overflow:hidden}.guide-card h2{margin:.45rem 0 1rem!important;color:#fff!important;font-size:clamp(1.7rem,4vw,2.6rem)!important}.guide-card ol{display:grid;gap:.6rem;margin:0;padding-left:1.2rem}.guide-card b{color:#b8f2ff}.guide-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:16px;background:linear-gradient(135deg,#8ef1ff,#8c80ff);color:#11152a;font-size:1.3rem;font-weight:950}.guide-icon.bedrock{background:linear-gradient(135deg,#ffe49b,#f18bc5)}@media(max-width:720px){.entry-shell{width:calc(100% - .9rem);padding-top:.5rem}.entry-topbar{border-radius:20px}.entry-topbar .soft{min-height:2.4rem!important;padding:.35rem .65rem!important}.entry-hero{border-radius:28px;padding:1.35rem}.entry-grid,.guide-columns{grid-template-columns:1fr}.entry-callout{align-items:stretch;flex-direction:column;border-radius:25px;padding:1.2rem}.entry-actions>*{flex:1 1 10rem}.entry-topbar .brand small{display:none}}

/* GFJ Control — full dark operational interface.  Nothing here inherits a pale legacy surface. */
body.admin-body{min-height:100svh!important;background:radial-gradient(circle at 8% 0,rgba(123,100,255,.23),transparent 26rem),radial-gradient(circle at 95% 22%,rgba(69,226,255,.13),transparent 24rem),linear-gradient(160deg,#080a18 0%,#0b1022 50%,#070914 100%)!important;color:var(--x-text)!important}.admin-body::before{opacity:.13!important}.gfj-admin-shell{width:min(1240px,calc(100% - 2rem))!important;padding:clamp(1rem,3vw,2.2rem) 0 4rem!important}.gfj-admin-login{position:relative;overflow:hidden;width:min(480px,100%)!important;margin:min(12svh,7rem) auto 0!important;border:1px solid rgba(181,197,255,.25)!important;border-radius:32px!important;padding:clamp(1.25rem,5vw,2rem)!important;background:radial-gradient(circle at 100% 0,rgba(153,118,255,.25),transparent 16rem),linear-gradient(145deg,#182044,#0d1127)!important;box-shadow:0 32px 92px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.14)!important}.gfj-admin-login::after{content:"";position:absolute;inset:auto -5rem -9rem auto;width:17rem;height:17rem;border:1px solid rgba(119,230,255,.2);border-radius:50%;box-shadow:0 0 0 2rem rgba(119,230,255,.025);pointer-events:none}.gfj-admin-login>*{position:relative;z-index:1}.gfj-admin-login>img{width:4.5rem!important;height:4.5rem!important;border-radius:50%!important;background:#171b35!important;box-shadow:0 0 0 5px rgba(255,255,255,.1),0 16px 36px rgba(111,94,255,.38)!important}.gfj-admin-login h1{color:#fff!important;letter-spacing:-.055em!important}.gfj-admin-login p:not(.kicker),.gfj-admin-login small{color:#c7cde6!important}.gfj-admin-login form{gap:.65rem!important}.gfj-admin-login label,.gfj-admin-actions label{color:#d6dbf1!important}.admin-body :is(.gfj-admin-login input,.gfj-admin-tools input,.gfj-admin-tools select,.gfj-admin-actions input,.gfj-admin-actions select,.gfj-admin-actions textarea,.gfj-admin-section-head>input){min-height:2.85rem!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:15px!important;background:#0b1023!important;color:#f8f9ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}.admin-body :is(.gfj-admin-login input,.gfj-admin-tools input,.gfj-admin-tools select,.gfj-admin-actions input,.gfj-admin-actions select,.gfj-admin-actions textarea,.gfj-admin-section-head>input):focus{border-color:rgba(137,232,255,.75)!important;box-shadow:0 0 0 3px rgba(121,226,255,.14)!important}.admin-body :is(input,textarea,select)::placeholder{color:#7982a5!important}.gfj-admin-login [data-error="true"]{color:#ff9db2!important}
.gfj-admin-panel{display:grid;gap:1rem}.gfj-admin-topbar{position:sticky!important;top:1rem!important;z-index:20!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:26px!important;padding:.65rem .75rem!important;background:linear-gradient(120deg,rgba(37,48,91,.83),rgba(13,17,38,.88))!important;box-shadow:0 20px 54px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(22px) saturate(145%)!important}.gfj-admin-topbar .brand{gap:.6rem!important}.gfj-admin-topbar .brand img{width:2.6rem!important;height:2.6rem!important}.gfj-admin-topbar .brand strong{color:#fff!important;font-size:1rem!important}.gfj-admin-topbar .brand small,.gfj-admin-topbar span{color:#c4cbe7!important}.gfj-admin-topbar>div{gap:.45rem!important}.gfj-admin-topbar .soft{min-height:2.5rem!important}.gfj-admin-topbar .danger{border-color:rgba(255,143,167,.25)!important;background:rgba(191,43,80,.16)!important;color:#ffd6e0!important}
.gfj-admin-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.7rem!important;margin:0!important}.gfj-admin-metrics article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13)!important;border-radius:22px!important;padding:1rem!important;background:linear-gradient(145deg,#171d3b,#0e1229)!important;box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09)!important}.gfj-admin-metrics article::before{content:"";position:absolute;top:0;right:0;width:4rem;height:4rem;border-radius:0 0 0 100%;background:rgba(125,220,255,.13)}.gfj-admin-metrics span{color:#aeb8d8!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.04em!important}.gfj-admin-metrics strong{color:#fff!important;font-size:clamp(1.5rem,3vw,2.1rem)!important;letter-spacing:-.055em!important}
.gfj-admin-tabs{position:sticky!important;top:5.9rem!important;z-index:15!important;display:flex!important;flex-wrap:nowrap!important;gap:.45rem!important;overflow-x:auto!important;margin:0!important;padding:.55rem!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:21px!important;background:rgba(13,17,37,.82)!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)!important;scrollbar-width:none}.gfj-admin-tabs::-webkit-scrollbar{display:none}.gfj-admin-tabs button{flex:0 0 auto!important;border:1px solid transparent!important;border-radius:14px!important;padding:.65rem .86rem!important;background:transparent!important;color:#abb4d1!important;font-size:.78rem!important;font-weight:850!important}.gfj-admin-tabs button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:none!important}.gfj-admin-tabs button.is-active{border-color:rgba(255,255,255,.2)!important;background:linear-gradient(135deg,#8474ff,#dc75bd)!important;color:#fff!important;box-shadow:0 8px 20px rgba(114,94,255,.3)!important}
.gfj-admin-section{position:relative;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:clamp(1rem,3vw,1.6rem);background:linear-gradient(155deg,rgba(24,30,61,.94),rgba(10,14,31,.96));box-shadow:0 26px 66px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.gfj-admin-section.is-active{display:grid!important;gap:1rem!important}.gfj-admin-section-head{align-items:center!important;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.1)!important}.gfj-admin-section-head h2,.gfj-admin-log-grid h3{color:#fff!important;font-size:clamp(1.35rem,3vw,2rem)!important;letter-spacing:-.045em!important}.gfj-admin-section-head>div>p:not(.kicker){max-width:50rem;color:#b8c1de!important}.gfj-admin-tools{gap:.5rem!important}.gfj-admin-list{gap:.75rem!important}.gfj-admin-row,.gfj-admin-log-grid section{border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(31,39,77,.86),rgba(13,17,37,.92))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.14)!important}.gfj-admin-row{gap:1rem!important;padding:1rem!important}.admin-row-main strong,.admin-code,.admin-log-item strong{color:#fff!important}.admin-code{color:#a6eeff!important;font-size:.73rem!important}.gfj-admin-row p,.admin-log-item span,.admin-empty{color:#b9c2dd!important;font-size:.8rem!important;line-height:1.5!important}.admin-flags{gap:.38rem!important}.admin-flags span{border:1px solid rgba(255,255,255,.12)!important;background:rgba(135,115,255,.16)!important;color:#dde1ff!important}.admin-flags .is-ok{border-color:rgba(96,235,198,.25)!important;background:rgba(64,195,162,.14)!important;color:#b5ffe5!important}.admin-flags .is-bad{border-color:rgba(255,138,165,.25)!important;background:rgba(207,58,96,.16)!important;color:#ffd4dd!important}.gfj-admin-actions{padding-top:.9rem;border-top:1px solid rgba(255,255,255,.09)!important}.gfj-admin-actions button{border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;background:linear-gradient(135deg,#6279d8,#875fae)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.17)!important}.gfj-admin-actions button:hover{filter:brightness(1.1)!important}.gfj-admin-actions .danger,.gfj-admin-tools .danger{border-color:rgba(255,149,175,.26)!important;background:rgba(185,44,81,.2)!important;color:#ffe0e7!important}.admin-photo-preview img{border-radius:18px!important;background:#11162d!important;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 12px 26px rgba(0,0,0,.24)!important}.gfj-admin-row summary{color:#cbd6fb!important}.gfj-admin-row details{border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;padding:.55rem .7rem!important;background:rgba(5,8,21,.25)!important}.gfj-admin-row code,.admin-log-item code{border:1px solid rgba(255,255,255,.1)!important;background:#090d20!important;color:#cfeaff!important}.gfj-admin-log-grid{gap:.8rem!important}.gfj-admin-log-grid section{padding:1rem!important}.admin-log-item{border-top-color:rgba(255,255,255,.1)!important}
@media(max-width:820px){.gfj-admin-shell{width:calc(100% - .9rem)!important;padding:1rem 0 2.5rem!important}.gfj-admin-login{margin:2.5rem auto 0!important;border-radius:27px!important}.gfj-admin-topbar{top:.45rem!important;border-radius:22px!important}.gfj-admin-topbar>div{justify-content:stretch!important}.gfj-admin-topbar>div>*{flex:1 1 auto!important;text-align:center!important}.gfj-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gfj-admin-metrics article{min-height:5.6rem!important;padding:.85rem!important}.gfj-admin-tabs{top:5.45rem!important;border-radius:18px!important}.gfj-admin-tabs button{padding:.6rem .75rem!important}.gfj-admin-section{border-radius:25px!important;padding:1rem!important}.gfj-admin-section-head{align-items:stretch!important}.gfj-admin-section-head h2{font-size:1.55rem!important}.gfj-admin-row{padding:.85rem!important}.gfj-admin-actions.account-admin-form{grid-template-columns:1fr!important}.admin-photo-preview,.admin-photo-preview img{width:100%!important;max-width:13rem!important}.gfj-admin-row.admin-photo-row{grid-template-columns:1fr!important}.gfj-admin-log-grid{grid-template-columns:1fr!important}}

/* GFJ Control mobile: favour a compact, single-column work surface over the
   desktop's sticky layers and dense action rows. */
@media(max-width:820px){
  .gfj-admin-topbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.55rem!important;padding:.7rem!important}
  .gfj-admin-topbar>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:.4rem!important;min-width:0!important}
  .gfj-admin-topbar>div>[data-admin-user]{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;font-size:.72rem!important}
  .gfj-admin-topbar>div>.soft{min-height:2.75rem!important;padding:.55rem .68rem!important;font-size:.76rem!important}
  .gfj-admin-tabs{position:relative!important;top:auto!important;z-index:auto!important;margin-top:-.15rem!important;padding:.42rem!important;border-radius:16px!important;scroll-padding-inline:.35rem!important;overscroll-behavior-inline:contain!important;scroll-snap-type:inline proximity!important}
  .gfj-admin-tabs button{min-height:2.75rem!important;padding:.6rem .78rem!important;scroll-snap-align:center!important}
  .gfj-admin-section{scroll-margin-top:.6rem!important;padding:.9rem!important}
  .gfj-admin-section-head{gap:.75rem!important;padding-bottom:.75rem!important}
  .gfj-admin-section-head h2{font-size:clamp(1.3rem,7vw,1.65rem)!important;line-height:1.05!important}
  .gfj-admin-section-head>input,.gfj-admin-tools{width:100%!important}
  .gfj-admin-tools{display:grid!important;grid-template-columns:1fr!important}
  .gfj-admin-tools :is(input,select,button){width:100%!important;min-height:2.9rem!important}
  .gfj-admin-row{grid-template-columns:1fr!important;gap:.75rem!important;padding:.85rem!important}
  .gfj-admin-row .admin-flags{grid-row:auto!important}
  .gfj-admin-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;width:100%!important}
  .gfj-admin-actions button{width:100%!important;min-height:2.85rem!important;padding:.55rem!important;font-size:.78rem!important}
  .gfj-admin-actions button:only-child{grid-column:1/-1!important}
  .whitelist-add-form{gap:.65rem!important;padding:.9rem!important}
  .whitelist-add-form :is(input,select,button){min-height:2.95rem!important}
  .whitelist-row{gap:.65rem!important;padding:.85rem!important}
  .whitelist-row .soft{min-height:2.8rem!important}
  .request-inbox-tabs{padding:.3rem!important;border-radius:15px!important}
  .request-inbox-tabs button{min-height:2.8rem!important;padding:.5rem .6rem!important}
}

@media(max-width:390px){
  .gfj-admin-shell{width:calc(100% - .65rem)!important}
  .gfj-admin-topbar{border-radius:18px!important}.gfj-admin-section{border-radius:20px!important}
  .gfj-admin-topbar>div{grid-template-columns:1fr 1fr!important}
  .gfj-admin-topbar>div>[data-admin-user]{grid-column:1/-1!important;text-align:center!important}
  .gfj-admin-metrics{gap:.5rem!important}.gfj-admin-metrics article{min-height:5.1rem!important;padding:.7rem!important}
  .gfj-admin-actions{grid-template-columns:1fr!important}
}

@media(max-width:820px){.language-switch button{min-width:2rem!important;min-height:2rem!important;padding:.25rem!important}.modes-stage{min-height:31rem!important;border-radius:28px!important;padding:1.35rem!important}.modes-stage-copy{align-self:end!important}.modes-stage h1{max-width:8ch!important;font-size:clamp(3rem,14vw,4.3rem)!important}.modes-emblem{right:1.3rem!important;top:1.7rem!important;width:8.5rem!important}.modes-route{grid-template-columns:1fr!important}.mode-route-card{min-height:11.5rem!important}.mode-route-card h2{margin:1.4rem 0 .35rem!important}.compass-feature{grid-template-columns:1fr!important;padding:1.2rem!important}.compass-mark{width:3.5rem!important;height:3.5rem!important}.modes-emblem i{animation:none!important}}

/* EARLY ACCESS — a true small-screen flow.  The form is intentionally a single
   calm column: no inherited desktop card widths, no clipped labels or tiny actions. */
@media(max-width:680px){
  [data-page="acceso"] .page-shell{width:calc(100% - .85rem)!important;padding: .7rem 0 4.5rem!important}
  [data-page="acceso"] .access-hero{min-height:0!important;border-radius:25px!important;padding:1.2rem!important}
  [data-page="acceso"] .access-hero h1{font-size:clamp(2.25rem,12vw,3.35rem)!important;line-height:.93!important;overflow-wrap:anywhere}
  [data-page="acceso"] .access-hero p{font-size:.94rem!important;line-height:1.58!important}
  [data-page="acceso"] .early-access{gap:.65rem!important;margin-top:.65rem!important}
  [data-page="acceso"] .early-progress{gap:.45rem!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;margin:0!important;padding:.1rem .08rem .48rem!important;scroll-snap-type:inline proximity!important;scrollbar-width:none!important}
  [data-page="acceso"] .early-progress::-webkit-scrollbar{display:none!important}
  [data-page="acceso"] .early-progress span{display:grid!important;grid-template-columns:1.45rem minmax(0,1fr)!important;align-items:center!important;gap:.35rem!important;flex:0 0 7.15rem!important;min-width:7.15rem!important;min-height:3.5rem!important;padding:.48rem!important;border-radius:15px!important;scroll-snap-align:start!important;font-size:.77rem!important}
  [data-page="acceso"] .early-progress b{overflow:visible!important;font-size:.63rem!important;line-height:1.15!important;text-overflow:clip!important;white-space:normal!important}
  [data-page="acceso"] .early-card{overflow:visible!important;border-radius:24px!important;padding:.3rem!important;background:linear-gradient(145deg,#141b37,#0c1023)!important}
  [data-page="acceso"] .early-screen{gap:.85rem!important;padding:1.05rem!important;border-radius:21px!important;background:transparent!important;box-shadow:none!important}
  [data-page="acceso"] .early-screen h2{font-size:clamp(1.65rem,8.5vw,2.25rem)!important;line-height:.98!important;letter-spacing:-.045em!important}
  [data-page="acceso"] .early-screen p{font-size:.93rem!important;line-height:1.58!important}
  [data-page="acceso"] .early-fields{grid-template-columns:minmax(0,1fr)!important;gap:.78rem!important}
  [data-page="acceso"] .early-fields label{display:grid!important;min-width:0!important;gap:.36rem!important;color:#e5e9fb!important;font-size:.8rem!important;font-weight:800!important}
  [data-page="acceso"] .early-fields :is(input,select,textarea){box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:3rem!important;border-radius:15px!important;padding:.75rem .8rem!important;font-size:16px!important}
  [data-page="acceso"] .early-fields textarea{min-height:9rem!important;resize:vertical!important}
  [data-page="acceso"] .early-platform-field{grid-column:auto!important;border:1px solid rgba(136,237,255,.22)!important;border-radius:18px!important;padding:.82rem!important;background:linear-gradient(145deg,rgba(27,57,82,.8),rgba(13,18,39,.88))!important}
  [data-page="acceso"] .early-platform-field small{display:block!important;margin-top:.12rem!important;color:#b9d5e9!important;font-size:.75rem!important;font-weight:600!important;line-height:1.48!important}
  [data-page="acceso"] .early-warning{border-radius:18px!important;padding:.85rem!important}
  [data-page="acceso"] .early-warning li{grid-template-columns:1.35rem minmax(0,1fr)!important;font-size:.88rem!important}
  [data-page="acceso"] .early-warning li::before{width:1.35rem!important;height:1.35rem!important}
  [data-page="acceso"] .early-terms{gap:.55rem!important}
  [data-page="acceso"] .early-terms article{grid-template-columns:2.4rem minmax(0,1fr)!important;gap:.55rem!important;border-radius:17px!important;padding:.75rem!important}
  [data-page="acceso"] .early-terms span{width:2.1rem!important;height:2.1rem!important;border-radius:12px!important}
  [data-page="acceso"] .early-check{border-radius:17px!important;padding:.78rem!important;font-size:.88rem!important;line-height:1.48!important}
  [data-page="acceso"] .early-review{grid-template-columns:minmax(0,1fr)!important;gap:.55rem!important}
  [data-page="acceso"] .early-review article,[data-page="acceso"] .early-review article.wide{grid-column:auto!important;min-width:0!important;border-radius:17px!important;padding:.78rem!important}
  [data-page="acceso"] .early-review strong{overflow-wrap:anywhere!important;white-space:normal!important}
  [data-page="acceso"] .recaptcha-box{max-width:100%!important;overflow:hidden!important;border-radius:16px!important}
  [data-page="acceso"] .early-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.55rem!important;margin-top:.1rem!important}
  [data-page="acceso"] .early-actions>*{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-height:3.15rem!important;margin:0!important;padding:.7rem 1rem!important;font-size:.94rem!important}
  [data-page="acceso"] .early-done{min-height:20rem!important;text-align:center!important}
  [data-page="acceso"] .early-done .success-burst{width:4.35rem!important;height:4.35rem!important;border-radius:22px!important}
}

/* PWA installation guide — own the surface instead of inheriting the former
   pale mobile card. It remains glassy, but every text layer now sits on a
   stable dark panel with WCAG-friendly contrast. */
@media(max-width:820px){
  .install-guide{
    z-index:180!important;
    align-items:end!important;
    padding:1rem .75rem calc(1rem + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(3,5,16,.35),rgba(3,5,16,.88))!important;
    backdrop-filter:blur(13px) saturate(115%)!important;
    -webkit-backdrop-filter:blur(13px) saturate(115%)!important;
  }
  .install-guide-card{
    width:min(100%,31rem)!important;
    border:1px solid rgba(197,211,255,.23)!important;
    border-radius:30px!important;
    padding:1.2rem!important;
    background:radial-gradient(circle at 92% 4%,rgba(167,125,255,.22),transparent 12rem),radial-gradient(circle at 4% 100%,rgba(82,220,255,.14),transparent 15rem),linear-gradient(150deg,#20284d 0%,#121833 57%,#090d20 100%)!important;
    box-shadow:0 32px 96px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.15)!important;
    backdrop-filter:blur(24px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
  }
  .install-guide-card .kicker{color:#9defff!important;text-shadow:0 0 18px rgba(108,224,255,.32)!important}
  .install-guide-card h2{color:#fff!important;text-shadow:none!important}
  .install-guide-card .window-close{border:1px solid rgba(255,255,255,.18)!important;background:rgba(8,12,30,.68)!important;color:#f7f8ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
  .install-guide-card li{border:1px solid rgba(255,255,255,.11)!important;background:rgba(5,9,25,.62)!important;color:#edf0ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
  .install-guide-card li::before{background:linear-gradient(135deg,#79e8ef,#8174ff 54%,#e484c7)!important;color:#10142c!important;box-shadow:0 8px 20px rgba(102,107,255,.28)!important}
  .install-guide-card .primary{min-height:3.15rem!important;color:#131327!important;font-size:1rem!important;font-weight:900!important}
}
/* GFJ Survival map portal */
.map-page{min-height:100vh;background:radial-gradient(circle at 18% -8%,#293d7d 0,transparent 33%),radial-gradient(circle at 88% 10%,#14606a 0,transparent 27%),#080b14;color:#f4f7ff}.map-shell{width:min(1380px,calc(100% - 32px));margin:auto;padding:24px 0 64px}.map-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px;border:1px solid rgba(199,220,255,.14);border-radius:22px;background:rgba(13,19,38,.76);backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,.24)}.map-topbar .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.map-topbar .brand img{width:42px;height:42px;object-fit:contain}.map-topbar .brand span{display:grid;gap:1px}.map-topbar .brand small{color:#aebddb;font-size:11px}.map-topbar nav{display:flex;gap:8px;flex-wrap:wrap}.map-topbar nav a{padding:9px 12px;border-radius:999px;color:#dce7ff;text-decoration:none;font-size:13px;background:rgba(255,255,255,.06)}.map-topbar nav a:hover{background:rgba(144,181,255,.18);color:#fff}.map-hero{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:66px 20px 30px}.map-hero h1{margin:7px 0 12px;max-width:760px;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.94;letter-spacing:-.07em;color:#f8fbff}.map-hero h1 em{font-style:normal;background:linear-gradient(100deg,#85f3ff,#c6aeff);-webkit-background-clip:text;background-clip:text;color:transparent}.map-hero p:not(.kicker){max-width:650px;margin:0;color:#b8c7e1;font-size:clamp(1rem,1.8vw,1.17rem);line-height:1.65}.map-status{min-width:210px;padding:15px 17px;border:1px solid rgba(203,225,255,.18);border-radius:18px;background:rgba(7,12,27,.63);display:grid;grid-template-columns:11px 1fr;gap:2px 10px;align-items:center}.map-status span{grid-row:span 2;width:10px;height:10px;border-radius:50%;background:#ffc15b;box-shadow:0 0 16px #ffc15b}.map-status span.online{background:#6cffb7;box-shadow:0 0 16px #6cffb7}.map-status span.offline{background:#ff6688;box-shadow:0 0 16px #ff6688}.map-status b{font-size:14px}.map-status small{color:#a9b9d8}.map-stage{position:relative;overflow:hidden;min-height:clamp(510px,75vh,830px);border:1px solid rgba(181,215,255,.2);border-radius:30px;background:#05070d;box-shadow:0 35px 90px rgba(0,0,0,.42)}.map-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#05070d}.map-stage-hint{position:absolute;z-index:2;left:18px;bottom:18px;max-width:min(470px,calc(100% - 36px));padding:12px 15px;border:1px solid rgba(225,242,255,.17);border-radius:15px;background:rgba(5,8,17,.76);backdrop-filter:blur(12px);font-size:12px;color:#b9c8e4;pointer-events:none}.map-stage-hint strong{display:block;margin-bottom:3px;color:#fff}.map-tools{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;margin-top:16px}.map-tool,.map-note{border:1px solid rgba(191,216,255,.15);border-radius:24px;background:linear-gradient(150deg,rgba(28,40,75,.72),rgba(11,16,34,.78));padding:25px}.map-tool h2{margin:6px 0 9px;font-size:1.45rem;color:#fff}.map-tool p:not(.kicker){color:#b9c8e2;line-height:1.6}.map-tool .soft{display:inline-flex;margin-top:7px}.map-homes-list{display:grid;gap:9px;margin-top:16px}.map-owner{margin:0!important;color:#dce8ff!important}.map-home{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(178,211,255,.14);border-radius:15px;background:rgba(3,8,20,.34)}.map-home div{display:grid;gap:4px}.map-home b{color:#f6f9ff}.map-home small{color:#aebdda}.map-home button{border:1px solid rgba(146,238,255,.35);border-radius:999px;background:rgba(91,210,235,.14);padding:8px 11px;color:#dffbff;font-weight:800;cursor:pointer}.map-empty{margin:0!important}.map-note{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:18px 22px;background:rgba(13,25,47,.78)}.map-note span{font-size:21px}.map-note strong{color:#fff}.map-note p{margin:4px 0 0;color:#aec0dd;line-height:1.5}@media(max-width:700px){.map-shell{width:min(100% - 20px,600px);padding-top:10px}.map-topbar{padding:11px 12px;border-radius:18px}.map-topbar .brand img{width:36px;height:36px}.map-topbar nav{display:none}.map-hero{display:grid;gap:18px;padding:38px 8px 22px}.map-hero h1{font-size:clamp(2.55rem,13vw,4rem)}.map-status{width:100%;box-sizing:border-box}.map-stage{min-height:68vh;border-radius:22px}.map-stage-hint{display:none}.map-tools{grid-template-columns:1fr}.map-tool{padding:20px;border-radius:20px}.map-note{border-radius:18px;padding:16px}.map-home{align-items:flex-start}.map-home small{line-height:1.4}.map-home button{flex:0 0 auto}}

/* Hero motion may move with the page, but controls must never look disabled. */
[data-page="home"] .dev-hero-copy,[data-page="home"] .dev-hero-copy .dev-actions,[data-page="home"] .dev-hero-copy .dev-actions > *{opacity:1!important;filter:none!important;pointer-events:auto!important}

/* GFJ Control accounts: compact identity cards keep web and Minecraft state in
   one scan-friendly place; full data lives behind deliberate detail actions. */
.account-card{display:grid;gap:.75rem;border:1px solid rgba(255,255,255,.13);border-radius:21px;padding:.9rem 1rem;background:linear-gradient(145deg,rgba(31,39,77,.9),rgba(13,17,37,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.14)}
.account-card-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.account-card-top>div:first-child{min-width:0}.account-card strong{display:block;margin-top:.32rem;color:#fff;font-size:1rem;overflow-wrap:anywhere}.account-card p{margin:.22rem 0 0;color:#b9c2dd;font-size:.77rem;overflow-wrap:anywhere}.account-source{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.22rem .48rem;background:rgba(121,112,220,.16);color:#d9d5ff;font-size:.61rem;font-weight:900;letter-spacing:.08em}.account-source.is-linked{border-color:rgba(103,239,205,.27);background:rgba(55,182,156,.14);color:#b5ffe5}.account-source.is-server{border-color:rgba(112,223,255,.25);background:rgba(57,151,190,.16);color:#bff4ff}.account-card-actions{display:flex;gap:.4rem;flex:0 0 auto}.account-card-actions button{min-height:2.3rem!important;padding:.45rem .62rem!important;font-size:.72rem!important}.account-statuses{display:flex;flex-wrap:wrap;gap:.38rem}.account-statuses span{border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:.24rem .48rem;background:rgba(255,255,255,.06);color:#c5cce3;font-size:.65rem;font-weight:800}.account-statuses .is-good{border-color:rgba(89,237,193,.23);background:rgba(55,182,156,.13);color:#b5ffe5}.account-statuses .is-warning{border-color:rgba(255,151,175,.25);background:rgba(185,44,81,.2);color:#ffe0e7}.account-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;border-top:1px solid rgba(255,255,255,.09);padding-top:.7rem}.account-facts span{min-width:0;color:#d8dcef;font-size:.71rem;line-height:1.35;overflow-wrap:anywhere}.account-facts b{display:block;margin-bottom:.12rem;color:#919cc0;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.admin-account-modal{width:min(720px,calc(100% - 1.4rem))!important;border:0!important;padding:0!important;background:transparent!important}.admin-account-modal::backdrop{background:rgba(3,5,15,.76);backdrop-filter:blur(8px)}.admin-account-shell{position:relative;display:grid;gap:.9rem;border:1px solid rgba(194,205,255,.28);border-radius:28px;padding:1.2rem;background:radial-gradient(circle at 100% 0,rgba(151,119,255,.22),transparent 15rem),linear-gradient(145deg,#192046,#0d1128);box-shadow:0 34px 96px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.14)}.account-modal-summary{padding-right:2rem}.account-modal-summary>span{color:#9defff;font-size:.65rem;font-weight:900;letter-spacing:.12em}.account-modal-summary h3{margin:.26rem 0;color:#fff;font-size:1.45rem;overflow-wrap:anywhere}.account-modal-summary p{margin:0;color:#bdc7e7;overflow-wrap:anywhere}.account-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.account-detail-grid span{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.65rem;background:rgba(5,8,21,.28);color:#e2e6f8;font-size:.74rem;overflow-wrap:anywhere}.account-detail-grid b{display:block;margin-bottom:.22rem;color:#98a7cf;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.account-modal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;border-top:1px solid rgba(255,255,255,.1);padding-top:.9rem}.account-modal-form label{display:grid;gap:.32rem;color:#dce2f6;font-size:.74rem;font-weight:800}.account-modal-form input,.account-modal-form select,.account-modal-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:.62rem .68rem;background:#0b1023;color:#f8f9ff;font:inherit}.account-modal-form textarea{min-height:5.5rem;resize:vertical}.account-modal-form .account-modal-check{display:flex;align-items:center;gap:.45rem;min-height:2.65rem}.account-modal-form .account-modal-check input{width:auto}.account-modal-wide,.account-modal-actions{grid-column:1/-1}.account-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;padding-top:.2rem}.account-modal-actions button{min-height:2.75rem!important}
@media(max-width:820px){.account-card{padding:.85rem}.account-card-top{display:grid;gap:.7rem}.account-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.account-card-actions button{width:100%;min-height:2.7rem!important}.account-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.admin-account-shell{border-radius:24px;padding:1rem}.account-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-modal-form{grid-template-columns:1fr}.account-modal-actions{display:grid;grid-template-columns:1fr}.account-modal-actions button{width:100%}}

@media(max-width:820px){
  /* The generic settings modal is a non-scrolling full-screen sheet on phones.
     Account editing has more fields, so it owns a scrollable safe-area sheet. */
  .admin-account-modal[open]{display:block!important;overflow:hidden!important;background:#0b1023!important}
  .admin-account-modal .admin-account-shell{box-sizing:border-box!important;display:grid!important;width:100%!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;border:0!important;border-radius:0!important;padding:calc(.85rem + env(safe-area-inset-top)) .85rem calc(1rem + env(safe-area-inset-bottom))!important;gap:.85rem!important;-webkit-overflow-scrolling:touch!important}
  .admin-account-shell .window-chrome{position:sticky!important;top:calc(-.85rem - env(safe-area-inset-top))!important;z-index:4!important;margin:calc(-.85rem - env(safe-area-inset-top)) -.85rem 0!important;padding:calc(.72rem + env(safe-area-inset-top)) 3.5rem .72rem .85rem!important;border-radius:0!important}
  .admin-account-shell .window-close{position:fixed!important;top:calc(.48rem + env(safe-area-inset-top))!important;right:.62rem!important;background:#111a38!important;color:#fff!important}
  .account-modal-summary{padding-top:.15rem!important;padding-right:2.4rem!important}.account-modal-summary h3{font-size:1.28rem!important;line-height:1.08!important}
  .account-detail-grid{gap:.45rem!important}.account-detail-grid span{padding:.58rem!important;font-size:.7rem!important}
  .account-modal-form{gap:.75rem!important;padding-top:.8rem!important}.account-modal-form label{gap:.38rem!important;font-size:.78rem!important}.account-modal-form :is(input,select,textarea){min-height:3rem!important;padding:.72rem!important;font-size:16px!important}.account-modal-form textarea{min-height:7rem!important}
  .account-modal-form .account-modal-check{min-height:3rem!important;padding:.6rem .7rem!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:rgba(5,8,21,.25)!important}
  .account-modal-actions{position:sticky!important;bottom:calc(-1rem - env(safe-area-inset-bottom))!important;z-index:3!important;margin:0 -.85rem calc(-1rem - env(safe-area-inset-bottom))!important;padding:.7rem .85rem calc(.7rem + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(255,255,255,.14)!important;background:rgba(12,17,39,.96)!important;backdrop-filter:blur(16px)!important}.account-modal-actions button{min-height:3.15rem!important;font-size:.9rem!important}
}
