:root{--bg:#04040d;--panel:#0b0b22;--panel2:#111132;--text:#f8fbff;--muted:#b9b8d8;--a:#8a5cff;--b:#00e7ff;--c:#ffd45c;--d:#ff4fd8;--g:#5cffb1;--line:rgba(255,255,255,.13);--glass:rgba(11,11,34,.72);--shadow:0 24px 80px rgba(0,0,0,.48);--radius:28px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

/* ==========================
   V66.4 — Correção Mobile Login / Painel Fantasma
   Força elementos com hidden a ficarem ocultos mesmo quando classes como
   .member-app, .videos-app, .arcade-app etc. definem display:grid/flex.
   ========================== */
[hidden]{
  display:none !important;
}
#memberApp[hidden],
#arcadeApp[hidden],
#videosApp[hidden],
#mangaApp[hidden],
#libraryApp[hidden],
#kaiotvApp[hidden],
#craftApp[hidden],
#adminApp[hidden]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#04040d;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.site-bg,.admin-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% 8%,rgba(138,92,255,.23),transparent 30%),radial-gradient(circle at 85% 18%,rgba(0,231,255,.18),transparent 28%),linear-gradient(135deg,#03030b,#080820 48%,#050512)}.grid-light{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 82%,transparent)}.orb{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(70px);opacity:.5;animation:floatOrb 12s ease-in-out infinite}.orb-a{background:var(--a);left:-120px;top:12%}.orb-b{background:var(--b);right:-140px;top:34%;animation-delay:-5s}@keyframes floatOrb{50%{transform:translate3d(25px,-28px,0) scale(1.08)}}
.section-shell{width:min(1160px,calc(100% - 32px));margin-inline:auto}.topbar,.member-topbar{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:10px 14px;border:1px solid var(--line);border-radius:24px;background:rgba(6,6,20,.70);backdrop-filter:blur(16px);box-shadow:0 12px 45px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content}.brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;box-shadow:0 0 26px rgba(0,231,255,.32)}.brand strong{display:block;line-height:1;font-weight:1000;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}nav,.member-topnav{display:flex;align-items:center;gap:8px}nav a,.member-topnav a{padding:10px 12px;border-radius:999px;color:#e8e8ff;text-decoration:none;font-weight:800;font-size:14px}nav a:hover,.member-topnav a:hover,nav a.active,.member-topnav a.active{background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.menu-btn{display:none;background:transparent;border:0}.menu-btn span{display:block;width:24px;height:2px;background:#fff;margin:5px;border-radius:3px}.btn,.google-login-btn,.panel-btn,.toast-btn{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.08);color:var(--text);padding:12px 18px;text-decoration:none;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover,.google-login-btn:hover,.panel-btn:hover,.toast-btn:hover{transform:translateY(-2px)}.btn.primary,.google-login-btn,.panel-btn.primary,.toast-btn.primary{border:0;color:#03030b;background:linear-gradient(135deg,var(--c),var(--b) 50%,var(--d));box-shadow:0 0 28px rgba(0,231,255,.22)}.btn.ghost{background:rgba(255,255,255,.07)}.google-account-wrap{position:relative}.google-account-btn.avatar-mode{width:48px;height:48px;padding:0;border-radius:16px}.account-photo,.google-account-initial{width:34px;height:34px;border-radius:12px;object-fit:cover}.account-photo.large,.google-account-initial.large{width:58px;height:58px;border-radius:18px}.google-account-initial{display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));font-weight:1000}.google-account-menu{position:absolute;right:0;top:62px;width:min(380px,calc(100vw - 28px));background:rgba(8,8,28,.96);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:12px;z-index:30}.account-menu-head,.member-panel-head{display:flex;align-items:center;gap:12px;padding:10px}.account-menu-head small,.member-panel-head small{color:var(--muted)}.member-panel{display:grid;gap:12px}.member-code-box,.member-info-grid>div,.member-alert,.member-upgrade-box,.member-upgrade-status{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:20px;padding:14px}.member-code-box span,.member-info-grid span,.member-upgrade-status span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:900}.member-code-box strong{font-size:26px;color:var(--b);text-shadow:0 0 18px rgba(0,231,255,.35)}.member-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-status.active,.status-pill.active{color:var(--g)}.member-status.warning,.status-pill.pending{color:var(--c)}.member-panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-link{border:0;background:transparent;color:var(--muted);font-weight:900;cursor:pointer}.danger-option{color:#ff8dab!important}.member-upgrade-box input,.member-upgrade-box select,.admin-form input,.admin-form select,.admin-form textarea,.admin-filters input,.admin-filters select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text);border-radius:14px;padding:12px;margin:6px 0 10px}.login-toast{position:fixed;right:16px;bottom:16px;z-index:60;width:min(420px,calc(100vw - 32px));background:rgba(8,8,28,.97);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.login-toast.ok{border-color:rgba(92,255,177,.38)}.login-toast.error{border-color:rgba(255,79,120,.44)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;padding:72px 0 54px}.eyebrow{display:inline-flex;color:var(--b);font-weight:1000;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero h1,.section-title h2,.member-gate-card h1,.member-hero-card h1,.arcade-hero h1,.admin-header h1{font-size:clamp(38px,6.8vw,78px);line-height:.95;margin:14px 0;letter-spacing:-.07em}.hero p,.section-title p,.portal-card p,.info-card p,.dimension-card p,.studio-card p,.entry-box p,.member-gate-card p,.arcade-hero p{color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.65}.hero-actions,.entry-actions,.member-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.hero-stats div{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:22px;padding:16px}.hero-stats strong{display:block;font-size:28px;color:var(--c)}.hero-stats span{color:var(--muted);font-weight:800;font-size:13px}.portal-card,.info-card,.dimension-card,.studio-card,.entry-box,.member-gate-card,.member-hero-card,.member-section,.admin-card,.arcade-hero,.arcade-environment,.arcade-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:var(--shadow)}.portal-card{padding:18px;text-align:center}.portal-card:before,.info-card:before,.dimension-card:before,.member-hero-card:before,.arcade-hero:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(0,231,255,.24),transparent 38%,rgba(255,79,216,.20));opacity:.5;pointer-events:none}.portal-frame{position:relative;isolation:isolate;border-radius:24px;overflow:hidden;background:#000}.portal-frame img{width:100%;max-height:630px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 28px rgba(0,231,255,.24));animation:portalPulse 5.5s ease-in-out infinite}.portal-aura{position:absolute;inset:12% 10%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(0,231,255,.28),rgba(255,79,216,.22),transparent 64%);filter:blur(24px);animation:auraPulse 4.8s ease-in-out infinite}.ultra-portal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.10),transparent 43%);transform:translateX(-120%);animation:sweep 7s ease-in-out infinite}@keyframes portalPulse{50%{transform:scale(1.018)}}@keyframes auraPulse{50%{opacity:.6;transform:scale(1.08)}}@keyframes sweep{55%,100%{transform:translateX(130%)}}.live-pill{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:999px;background:rgba(92,255,177,.12);border:1px solid rgba(92,255,177,.25);color:var(--g);font-weight:1000;font-size:12px}.section-title{text-align:center;max-width:760px;margin:0 auto 26px}.left-title{text-align:left;margin-left:0}.about,.levels,.studio,.entry,#dimensoes{padding:56px 0}.about-grid,.dimensions-grid,.levels-grid,.benefits-grid,.dimensions-access-grid,.arcade-games-grid,.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card,.dimension-card,.level-card{padding:22px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.065);box-shadow:0 14px 45px rgba(0,0,0,.24);transition:transform .2s ease,border .2s ease}.info-card:hover,.dimension-card:hover,.level-card:hover,.arcade-game-card:hover,.member-dimension-card:hover{transform:translateY(-4px);border-color:rgba(0,231,255,.35)}.card-icon,.dimension-card span{font-size:34px}.info-card h3,.dimension-card h3,.level-card h3{font-size:24px;margin:14px 0 8px}.dimension-card.featured,.level-card.highlight{background:linear-gradient(145deg,rgba(138,92,255,.28),rgba(0,231,255,.12));border-color:rgba(0,231,255,.34)}.level-card{padding:22px}.tag{display:inline-flex;font-size:12px;color:var(--b);font-weight:1000}.price{font-size:34px;font-weight:1000;color:var(--c);margin:8px 0}.level-card ul{padding-left:18px;color:#e8e8ff;line-height:1.8}.level-footer{margin-top:18px}.studio-card{display:grid;grid-template-columns:1fr .8fr;gap:20px;padding:26px;align-items:center}.studio-image img{border-radius:24px;box-shadow:0 0 38px rgba(0,231,255,.16)}.progress-block{margin-top:18px}.progress-top{display:flex;justify-content:space-between;color:var(--muted);font-weight:900}.progress{height:12px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin:9px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--b),var(--c))}.entry-box{padding:30px;text-align:center}.footer{padding:24px 0 42px;color:var(--muted)}.footer-brand{margin-bottom:12px}.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
.member-area-body,.fliperama-body,.admin-body{min-height:100vh}.member-shell,.arcade-shell{padding:34px 0 60px}.member-gate-card{max-width:760px;margin:40px auto;padding:34px;text-align:center}.member-app,.arcade-app{display:grid;gap:22px}.member-hero-card{padding:24px}.member-profile-block{display:flex;align-items:center;gap:16px}.member-avatar,.arcade-avatar{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));font-size:30px;font-weight:1000;overflow:hidden}.member-avatar img,.arcade-avatar img{width:100%;height:100%;object-fit:cover}.member-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.member-code-display,.member-level-display,.member-status-display,.benefit-pill,.member-dimension-card,.arcade-game-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.065);padding:16px}.member-status-row span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:900}.member-status-row strong{font-size:22px}.member-alert-box{border:1px solid var(--line);border-radius:22px;padding:16px;margin-top:16px;background:rgba(255,255,255,.06)}.member-alert-box.ok{border-color:rgba(92,255,177,.32)}.member-alert-box.warning{border-color:rgba(255,212,92,.32)}.member-section{padding:24px}.benefits-grid{grid-template-columns:repeat(3,1fr)}.benefit-pill{display:flex;gap:10px;align-items:center}.benefit-pill span{color:var(--g)}.dimensions-access-grid{grid-template-columns:repeat(3,1fr)}.member-dimension-card{display:grid;gap:12px}.member-dimension-icon,.arcade-game-icon{font-size:38px}.member-dimension-tag,.arcade-game-content span{color:var(--b);font-weight:1000;font-size:12px}.locked{opacity:.62}.unlocked{border-color:rgba(92,255,177,.28)}
.arcade-hero{display:grid;grid-template-columns:1fr 340px;gap:20px;padding:26px;align-items:center}.arcade-user-mini{display:flex;align-items:center;gap:12px;margin-top:18px;border:1px solid var(--line);border-radius:22px;padding:12px;background:rgba(0,0,0,.22)}.arcade-machine-card{border:1px solid rgba(0,231,255,.28);border-radius:30px;background:linear-gradient(180deg,#14144a,#070719);padding:18px;box-shadow:0 0 42px rgba(0,231,255,.14)}.arcade-screen{min-height:230px;border-radius:20px;background:radial-gradient(circle,rgba(0,231,255,.22),#050512 65%);display:grid;place-items:center;text-align:center;align-content:center;border:1px solid rgba(255,255,255,.14)}.arcade-screen strong{font-size:48px;color:var(--b);text-shadow:0 0 24px rgba(0,231,255,.5)}.arcade-controls{display:flex;gap:12px;justify-content:center;margin-top:16px}.arcade-controls span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--d),var(--c))}.arcade-environment{display:grid;grid-template-columns:1fr 260px;gap:18px;padding:24px}.arcade-env-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.arcade-env-tabs button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);color:var(--text);font-weight:900;padding:10px 13px;cursor:pointer}.arcade-env-tabs button.active{background:linear-gradient(135deg,var(--a),var(--b));color:#03030b}.arcade-env-panel-head{display:flex;gap:14px;align-items:flex-start}.arcade-env-icon{font-size:36px}.arcade-env-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.arcade-env-mini-grid article,.arcade-token-panel{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055);padding:14px}.arcade-env-mini-grid span,.arcade-token-panel small{display:block;color:var(--muted);margin-top:5px}.arcade-token-panel strong{font-size:64px;color:var(--c)}.token-lights{display:flex;gap:8px;margin-top:16px}.token-lights i{width:14px;height:14px;border-radius:50%;background:var(--b);box-shadow:0 0 18px var(--b)}.arcade-games-grid{grid-template-columns:repeat(3,1fr)}.arcade-game-card{display:grid;gap:12px}.arcade-stage{padding:22px}.arcade-stage-head{display:flex;justify-content:space-between;align-items:center}.game-mount{margin-top:14px}.html5-game-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:22px;background:#000}.html5-game-help,.emulator-help,.game-result,.arcade-placeholder,.emulator-loading-card,.emulator-missing-rom{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.22);padding:14px;margin-top:12px}.reflex-game,.quiz-game{display:grid;gap:18px;text-align:center}.reflex-stats,.quiz-top{display:flex;justify-content:center;gap:14px}.reflex-target{width:150px;height:150px;border-radius:50%;border:0;margin:auto;background:radial-gradient(circle,var(--c),var(--d));font-size:54px;box-shadow:0 0 46px rgba(255,79,216,.42);cursor:pointer}.quiz-answers{display:grid;gap:10px}.quiz-answer{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.07);color:var(--text);padding:14px;font-weight:900;cursor:pointer}.quiz-feedback.ok{color:var(--g)}.quiz-feedback.bad{color:#ff8dab}
.admin-gate{min-height:100vh;display:grid;place-items:center;padding:20px}.admin-gate-card{width:min(520px,100%);border:1px solid var(--line);border-radius:30px;background:rgba(8,8,28,.88);box-shadow:var(--shadow);padding:26px}.admin-app{display:grid;grid-template-columns:280px 1fr;gap:18px;min-height:100vh;padding:18px}.admin-sidebar,.admin-content{border:1px solid var(--line);border-radius:28px;background:rgba(8,8,28,.78);box-shadow:var(--shadow);padding:18px}.admin-nav{display:grid;gap:8px;margin:24px 0}.admin-tab{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06);color:var(--text);font-weight:900;padding:12px;text-align:left;cursor:pointer}.admin-tab.active{background:linear-gradient(135deg,var(--a),var(--b));color:#03030b}.admin-header,.admin-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-page{display:none}.admin-page.active{display:grid;gap:16px}.admin-card{padding:20px;margin-top:16px}.admin-metrics{grid-template-columns:repeat(4,1fr)}.metric span{color:var(--muted);font-weight:900}.metric strong{display:block;font-size:38px;color:var(--b)}.admin-list{display:grid;gap:12px}.admin-member-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);padding:14px;display:grid;gap:12px}.admin-member-main{display:flex;gap:12px;align-items:center}.admin-member-main img,.admin-avatar-fallback{width:52px;height:52px;border-radius:16px;object-fit:cover;background:linear-gradient(135deg,var(--a),var(--b));display:grid;place-items:center;font-weight:1000}.admin-member-tags{display:flex;gap:8px;flex-wrap:wrap}.admin-badge{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.admin-badge.active{color:var(--g)}.admin-badge.pending{color:var(--c)}.admin-form{display:grid;gap:10px}.admin-setup-steps{display:grid;gap:10px}.admin-setup-steps div{display:flex;gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.05)}
@media(max-width:900px){.hero,.studio-card,.arcade-hero,.arcade-environment,.admin-app{grid-template-columns:1fr}.about-grid,.dimensions-grid,.levels-grid,.benefits-grid,.dimensions-access-grid,.arcade-games-grid,.admin-metrics{grid-template-columns:1fr 1fr}nav,.member-topnav{display:none}.menu-btn{display:block}.topbar nav.open{display:flex;position:absolute;left:12px;right:12px;top:76px;flex-direction:column;align-items:stretch;background:rgba(8,8,28,.97);border:1px solid var(--line);border-radius:20px;padding:10px}.hero{padding-top:44px}.portal-frame img{max-height:520px}.admin-sidebar{position:relative}.admin-app{padding:12px}}@media(max-width:620px){.section-shell{width:min(100% - 20px,1160px)}.topbar,.member-topbar{top:6px;border-radius:20px}.brand img{width:40px;height:40px}.hero h1,.section-title h2,.member-gate-card h1,.member-hero-card h1,.arcade-hero h1{font-size:40px}.hero-stats,.about-grid,.dimensions-grid,.levels-grid,.benefits-grid,.dimensions-access-grid,.arcade-games-grid,.admin-metrics,.member-status-row,.arcade-env-mini-grid,.member-info-grid{grid-template-columns:1fr}.hero{gap:20px}.portal-card{padding:10px}.portal-frame img{max-height:430px}.studio-card,.entry-box,.member-gate-card,.member-hero-card,.member-section,.arcade-hero,.arcade-environment,.arcade-stage{padding:18px}.arcade-screen{min-height:170px}.arcade-screen strong{font-size:36px}.admin-header,.admin-card-head,.arcade-stage-head{align-items:flex-start;flex-direction:column}.login-toast{left:10px;right:10px;bottom:10px;width:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media(max-width:620px),(prefers-reduced-motion:reduce){.orb{filter:blur(90px);opacity:.32}.portal-card:after{display:none}.grid-light{opacity:.14}.portal-frame img{animation:none}}

/* ==========================
   V42 INSANA LEVE — portal transparente + vidro quebrado
   Mantém a lógica do sistema e altera apenas a camada visual.
   ========================== */
.site-bg::after{
  content:"";
  position:absolute;
  inset:-3%;
  background-image:url("assets/vidro-quebrado.svg");
  background-size:cover;
  background-position:center;
  opacity:.22;
  mix-blend-mode:screen;
  pointer-events:none;
  animation:glassBreath 8s ease-in-out infinite;
}
.site-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 32%, rgba(0,231,255,.20), transparent 24%),
    radial-gradient(circle at 82% 72%, rgba(255,79,216,.18), transparent 28%),
    radial-gradient(circle at 16% 64%, rgba(138,92,255,.14), transparent 30%);
  opacity:.78;
  pointer-events:none;
}
.hero-card{position:relative;isolation:isolate}
.hero-card::before,
.hero-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  opacity:.55;
  filter:drop-shadow(0 0 16px rgba(0,231,255,.55)) drop-shadow(0 0 22px rgba(255,79,216,.34));
  animation:shardFloat 7s ease-in-out infinite;
}
.hero-card::before{
  width:160px;height:160px;right:-42px;top:8%;
  background-image:linear-gradient(135deg, transparent 10%, rgba(255,255,255,.42) 10% 12%, transparent 12%),
    url("assets/vidro-quebrado.svg");
  transform:rotate(14deg);
}
.hero-card::after{
  width:190px;height:190px;left:-68px;bottom:4%;
  background-image:url("assets/vidro-quebrado.svg");
  transform:rotate(-22deg);
  animation-delay:-2s;
}
.portal-card.ultra-portal-card{
  position:relative;
  overflow:visible;
  background:radial-gradient(circle at 50% 42%, rgba(0,231,255,.16), transparent 34%),
             radial-gradient(circle at 50% 52%, rgba(255,79,216,.13), transparent 45%),
             rgba(8,8,28,.58);
}
.portal-card.ultra-portal-card::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:36px;
  background:url("assets/vidro-quebrado.svg") center/cover no-repeat;
  opacity:.24;
  mix-blend-mode:screen;
  pointer-events:none;
}
.portal-frame{
  position:relative;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.portal-frame::before{
  content:"";
  position:absolute;
  inset:8% 2% 0 2%;
  border-radius:42% 42% 18% 18%;
  background:radial-gradient(circle at 50% 58%, rgba(0,231,255,.34), transparent 46%),
             radial-gradient(circle at 50% 46%, rgba(255,79,216,.28), transparent 52%);
  filter:blur(18px);
  opacity:.82;
  pointer-events:none;
  animation:portalGlow 4.6s ease-in-out infinite;
}
.portal-frame .portal-aura{display:none!important}
.portal-frame img.hero-portal-transparent{
  width:min(520px,100%);
  max-height:none!important;
  margin:0 auto;
  object-fit:contain;
  border-radius:0!important;
  background:transparent!important;
  filter:drop-shadow(0 0 18px rgba(0,231,255,.58))
         drop-shadow(0 0 34px rgba(138,92,255,.42))
         drop-shadow(0 0 52px rgba(255,79,216,.25));
  animation:portalFloatV42 5.5s ease-in-out infinite;
  transform-origin:center bottom;
}
.portal-card .live-pill{
  box-shadow:0 0 18px rgba(0,231,255,.22), inset 0 0 18px rgba(255,255,255,.08);
}
.dimension-card,.level-card,.info-card,.entry-box,.studio-card,.member-hero-card,.arcade-hero,.member-gate-card{
  position:relative;
  overflow:hidden;
}
.dimension-card::after,.level-card::after,.info-card::after,.entry-box::after,.studio-card::after,.member-hero-card::after,.arcade-hero::after,.member-gate-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:url("assets/vidro-quebrado.svg") center/cover no-repeat;
  opacity:.055;
  mix-blend-mode:screen;
  pointer-events:none;
}
@keyframes portalFloatV42{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-10px) scale(1.025)}
}
@keyframes portalGlow{
  0%,100%{opacity:.64;filter:blur(18px)}
  50%{opacity:1;filter:blur(23px)}
}
@keyframes glassBreath{
  0%,100%{opacity:.16;transform:scale(1)}
  50%{opacity:.28;transform:scale(1.015)}
}
@keyframes shardFloat{
  0%,100%{opacity:.38;transform:translateY(0) rotate(var(--r, 14deg))}
  50%{opacity:.72;transform:translateY(-12px) rotate(calc(var(--r, 14deg) + 4deg))}
}
@media(max-width:900px){
  .portal-frame img.hero-portal-transparent{width:min(430px,100%)}
  .hero-card::before{right:-70px;opacity:.33}.hero-card::after{left:-92px;opacity:.25}
}
@media(max-width:620px){
  .site-bg::after{opacity:.12;background-size:1700px auto;background-position:center top}
  .portal-frame img.hero-portal-transparent{width:min(360px,100%);animation:none}
  .portal-frame::before{filter:blur(14px);opacity:.62}
  .hero-card::before,.hero-card::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .site-bg::after,.portal-frame::before,.portal-frame img.hero-portal-transparent,.hero-card::before,.hero-card::after{animation:none!important}
}


/* ==========================
   V43 MODO JOGO — experiência de menu gamer leve
   Sem vídeo pesado, sem biblioteca externa e sem mexer na lógica Firebase.
   ========================== */
.game-intro{
  position:fixed;inset:0;z-index:99999;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 44%, rgba(0,231,255,.18), transparent 28%),radial-gradient(circle at 50% 55%, rgba(255,79,216,.16), transparent 34%),#02020a;
  overflow:hidden;animation:introExit .9s ease forwards;animation-delay:3.2s;
}
.game-intro.hide{animation:introExit .35s ease forwards!important}
.intro-scanlines{position:absolute;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(to bottom, transparent 0 8px, rgba(255,255,255,.08) 9px, transparent 10px);background-size:100% 10px;animation:scanMove 1.6s linear infinite}
.game-intro:before,.game-intro:after{content:"";position:absolute;border-radius:999px;filter:blur(30px);opacity:.45;pointer-events:none}.game-intro:before{width:55vw;height:55vw;background:rgba(138,92,255,.22);left:-20vw;top:-18vw}.game-intro:after{width:42vw;height:42vw;background:rgba(0,231,255,.20);right:-12vw;bottom:-12vw}
.intro-core{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:10px;padding:22px;width:min(560px,92vw)}
.intro-core img{width:min(360px,78vw);filter:drop-shadow(0 0 18px rgba(0,231,255,.7)) drop-shadow(0 0 42px rgba(255,79,216,.45));animation:introPortal 3.1s ease both}
.intro-core span{font-size:12px;font-weight:1000;letter-spacing:.28em;color:#00e7ff;text-shadow:0 0 18px rgba(0,231,255,.85)}
.intro-core strong{font-size:clamp(30px,8vw,72px);letter-spacing:-.07em;line-height:.9;text-shadow:0 0 18px rgba(138,92,255,.72),0 0 34px rgba(0,231,255,.42)}
.intro-loading{width:min(360px,80vw);height:10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;box-shadow:0 0 22px rgba(0,231,255,.18)}
.intro-loading i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#8a5cff,#00e7ff,#ff4fd8);transform-origin:left;animation:loadBar 2.6s ease both}
#skipIntroBtn{margin-top:4px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:var(--text);font-weight:900;border-radius:999px;padding:9px 14px;cursor:pointer}
.game-command-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 22px;max-width:680px}
.game-command{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;text-decoration:none;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 14px 40px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.game-command:before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 0 28%,rgba(0,231,255,.18),transparent 62%);transform:translateX(-120%);transition:transform .45s ease;pointer-events:none}.game-command:hover:before{transform:translateX(120%)}
.game-command:hover{transform:translateY(-4px) scale(1.015);border-color:rgba(0,231,255,.36);box-shadow:0 18px 55px rgba(0,231,255,.13),0 0 32px rgba(138,92,255,.18)}
.game-command.primary{background:linear-gradient(135deg,rgba(138,92,255,.92),rgba(0,231,255,.82));color:#03030b;border-color:transparent}.game-command.primary small{color:rgba(3,3,11,.78)}
.game-command span{grid-row:1/3;font-size:26px;filter:drop-shadow(0 0 12px rgba(0,231,255,.45))}.game-command b{font-size:16px;text-transform:uppercase;letter-spacing:.04em}.game-command small{color:var(--muted);font-weight:800;font-size:12px;line-height:1.25}
.game-hud-stats div{position:relative;overflow:hidden}.game-hud-stats div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#8a5cff,#00e7ff);opacity:.7}
.game-status-panel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.game-status-panel>span{color:#5cffb1;text-shadow:0 0 12px rgba(92,255,177,.52)}.game-status-panel div{display:flex;gap:6px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06)}.game-status-panel i{font-style:normal;color:#00e7ff}.hero h1{position:relative}.hero h1:after{content:"_";display:inline-block;color:#00e7ff;text-shadow:0 0 18px rgba(0,231,255,.9);animation:cursorBlink 1s steps(2,end) infinite}.dimension-card:hover,.level-card:hover,.info-card:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(0,231,255,.26);box-shadow:0 22px 70px rgba(0,231,255,.08),0 0 34px rgba(138,92,255,.14)}
@keyframes introPortal{0%{opacity:0;transform:scale(.5) rotate(-4deg)}45%{opacity:1;transform:scale(1.04) rotate(0)}75%{opacity:1;transform:scale(1)}100%{opacity:.72;transform:scale(1.18)}}
@keyframes loadBar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes introExit{to{opacity:0;visibility:hidden;pointer-events:none}}
@keyframes scanMove{to{background-position:0 10px}}
@keyframes cursorBlink{50%{opacity:0}}
@media(max-width:720px){.game-command-menu{grid-template-columns:1fr}.game-command{padding:14px 15px}.game-intro{animation-delay:2.45s}.intro-core img{width:min(310px,82vw)}}
@media(prefers-reduced-motion:reduce){.game-intro{display:none!important}.game-command,.dimension-card,.level-card,.info-card{transition:none!important}.hero h1:after{animation:none!important}}


/* V44 — Painel gamer corrigido: rolagem, HUD e botão da Home indo para Área do Membro */
.google-account-menu{
  position:fixed!important;
  right:16px!important;
  top:86px!important;
  width:min(430px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 104px)!important;
  overflow:hidden!important;
  padding:14px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(9,10,35,.98),rgba(7,7,24,.96))!important;
  border:1px solid rgba(0,231,255,.22)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 22px 80px rgba(0,0,0,.58),0 0 46px rgba(0,231,255,.16)!important;
}

.google-account-menu::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 0%,rgba(0,231,255,.18),transparent 34%),
    radial-gradient(circle at 100% 18%,rgba(255,79,216,.16),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 35%,rgba(0,231,255,.08));
  opacity:.9;
}

.member-panel{
  position:relative;
  z-index:1;
  max-height:calc(100dvh - 140px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px 6px 6px 2px;
  display:grid;
  gap:14px;
  scrollbar-width:thin;
  scrollbar-color:#00e7ff rgba(255,255,255,.08);
}

.member-panel::-webkit-scrollbar{width:7px}
.member-panel::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.member-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00e7ff,#ff4fd8);border-radius:999px;box-shadow:0 0 14px rgba(0,231,255,.45)}

.member-panel-head{
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:rgba(255,255,255,.045);
}

.member-code-box{
  background:linear-gradient(135deg,rgba(0,231,255,.13),rgba(138,92,255,.10),rgba(255,79,216,.10))!important;
  border-color:rgba(0,231,255,.28)!important;
  box-shadow:inset 0 0 24px rgba(0,231,255,.08),0 0 22px rgba(0,231,255,.08);
}

.member-code-box strong{
  display:block;
  letter-spacing:.02em;
  font-size:clamp(26px,4vw,34px)!important;
  color:#00f6ff!important;
  text-shadow:0 0 18px rgba(0,231,255,.72),0 0 34px rgba(0,231,255,.32)!important;
}

.member-info-grid>div,.member-alert,.member-upgrade-box,.member-upgrade-status{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 0 20px rgba(255,255,255,.025);
}

.member-alert{
  border-color:rgba(255,212,92,.30)!important;
}

.member-upgrade-box{
  border-color:rgba(255,79,216,.22)!important;
}

.panel-btn.primary,.member-area-link{
  min-height:48px;
  box-shadow:0 0 24px rgba(0,231,255,.24),0 0 36px rgba(255,79,216,.16)!important;
}

.panel-btn:not(.primary):hover,.panel-link:hover{
  color:#fff;
  text-shadow:0 0 12px rgba(0,231,255,.55);
}

.member-panel-actions{
  position:sticky;
  bottom:0;
  z-index:3;
  padding:10px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(8,8,28,.72),rgba(8,8,28,.96));
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}

@media(max-width:760px){
  .google-account-menu{
    left:10px!important;
    right:10px!important;
    top:84px!important;
    width:auto!important;
    max-height:calc(100dvh - 96px)!important;
  }
  .member-panel{max-height:calc(100dvh - 132px)}
  .member-info-grid{grid-template-columns:1fr!important}
}


/* V45 — painel lateral do membro com rolagem segura */
.google-account-menu{
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.google-account-menu::-webkit-scrollbar{ width: 7px; }
.google-account-menu::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg,#00e7ff,#ff4fd8);
  border-radius: 999px;
}
.member-panel{
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  padding-right: 6px;
}
.member-panel::-webkit-scrollbar{ width: 6px; }
.member-panel::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg,#00e7ff,#ff4fd8);
  border-radius: 999px;
}
@media (max-width: 760px){
  .google-account-menu{
    position: fixed;
    left: 12px;
    right: 12px;
    top: 86px;
    width: auto;
    max-height: calc(100vh - 105px);
  }
  .member-panel{ max-height: calc(100vh - 125px); }
}

/* DEBUG V47 — painel temporário para diagnosticar Firebase/Auth */
.ck-debug-panel {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 999999;
  width: min(560px, calc(100vw - 28px));
  color: #f8f7ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.ck-debug-toggle {
  border: 1px solid rgba(0, 231, 255, .55);
  background: linear-gradient(135deg, rgba(138,92,255,.95), rgba(0,231,255,.95));
  color: #050512;
  font-weight: 1000;
  border-radius: 999px;
  padding: 10px 14px;
  box-shadow: 0 0 24px rgba(0,231,255,.35);
  cursor: pointer;
}

.ck-debug-box {
  margin-top: 8px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(5, 5, 18, .92);
  backdrop-filter: blur(16px);
  border-radius: 18px;
  box-shadow: 0 18px 70px rgba(0,0,0,.55);
  overflow: hidden;
}

.ck-debug-panel.collapsed .ck-debug-box {
  display: none;
}

.ck-debug-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.ck-debug-head strong {
  font-size: 12px;
  letter-spacing: .04em;
}

.ck-debug-head button {
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.08);
  color: #f8f7ff;
  border-radius: 10px;
  padding: 7px 9px;
  font-weight: 900;
  cursor: pointer;
}

.ck-debug-content {
  max-height: 46vh;
  overflow: auto;
  padding: 10px;
}

.ck-debug-empty,
.ck-debug-item {
  font-size: 12px;
  line-height: 1.45;
}

.ck-debug-item {
  border: 1px solid rgba(255,255,255,.1);
  border-left: 4px solid rgba(0,231,255,.85);
  background: rgba(255,255,255,.045);
  border-radius: 12px;
  padding: 9px;
  margin-bottom: 8px;
}

.ck-debug-item.ok { border-left-color: #5cffb1; }
.ck-debug-item.warning { border-left-color: #ffd45c; }
.ck-debug-item.error { border-left-color: #ff5c9a; }

.ck-debug-item pre {
  white-space: pre-wrap;
  word-break: break-word;
  background: rgba(0,0,0,.28);
  padding: 8px;
  border-radius: 10px;
  margin: 8px 0 0;
  max-height: 210px;
  overflow: auto;
}

.member-debug-box {
  margin-top: 14px;
  padding: 12px;
  border: 1px dashed rgba(0,231,255,.38);
  border-radius: 18px;
  background: rgba(0,231,255,.055);
}

.member-debug-box small {
  display: block;
  margin-top: 8px;
  color: rgba(248,247,255,.72);
  line-height: 1.35;
}

@media (max-width: 700px) {
  .ck-debug-panel {
    left: 8px;
    right: 8px;
    bottom: 8px;
    width: auto;
  }
  .ck-debug-content { max-height: 38vh; }
}


/* ==========================
   V52 — Intro responsiva + imagem do PC redimensionada
   Ajuste feito para não cortar o botão "Pular introdução" em notebooks,
   telas menores e celulares. Também deixa a imagem do setup gamer mais
   controlada dentro da seção Dimensão Estúdio.
   ========================== */
.game-intro{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:clamp(14px, 2.2vh, 28px) 16px calc(clamp(18px, 3vh, 42px) + env(safe-area-inset-bottom, 0px)) !important;
  min-height:100dvh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.intro-core{
  width:min(760px, 94vw) !important;
  min-height:min(760px, calc(100dvh - 44px)) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(8px, 1.45vh, 16px) !important;
  padding:clamp(10px, 1.8vh, 22px) !important;
  box-sizing:border-box !important;
}
.intro-core img{
  width:min(58vw, 340px) !important;
  max-width:100% !important;
  max-height:38dvh !important;
  object-fit:contain !important;
  margin:0 auto !important;
}
.intro-core span{
  font-size:clamp(10px, 1.45vw, 13px) !important;
  letter-spacing:clamp(.18em, .7vw, .36em) !important;
  line-height:1.2 !important;
}
.intro-core strong{
  display:block !important;
  max-width:100% !important;
  font-size:clamp(42px, 8.2vw, 86px) !important;
  line-height:.88 !important;
  letter-spacing:-.075em !important;
  margin:0 !important;
}
.intro-loading{
  width:min(440px, 78vw) !important;
  height:clamp(8px, 1.2vh, 12px) !important;
  flex:0 0 auto !important;
}
#skipIntroBtn{
  position:static !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  margin:clamp(4px, 1vh, 12px) auto 0 !important;
  padding:12px 24px !important;
  max-width:min(320px, 92vw) !important;
  white-space:normal !important;
  line-height:1.1 !important;
  box-sizing:border-box !important;
}

/* Dimensão Estúdio — PC/setup menor e mais elegante */
.studio-card{
  grid-template-columns:minmax(0, 1.1fr) minmax(240px, .7fr) !important;
  align-items:center !important;
  gap:clamp(18px, 3vw, 32px) !important;
}
.studio-image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:430px !important;
  width:100% !important;
  justify-self:end !important;
  position:relative !important;
}
.studio-image::before{
  content:"";
  position:absolute;
  inset:10% 4%;
  border-radius:28px;
  background:radial-gradient(circle, rgba(0,231,255,.20), rgba(138,92,255,.12), transparent 68%);
  filter:blur(18px);
  opacity:.9;
  pointer-events:none;
}
.studio-image img{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  max-width:390px !important;
  max-height:300px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.34), 0 0 34px rgba(0,231,255,.14) !important;
}

@media(max-width:900px){
  .intro-core{min-height:min(700px, calc(100dvh - 36px)) !important;}
  .intro-core img{width:min(70vw, 300px) !important;max-height:34dvh !important;}
  .intro-core strong{font-size:clamp(40px, 10vw, 72px) !important;}
  .studio-card{grid-template-columns:1fr !important;}
  .studio-image{justify-self:center !important;max-width:520px !important;}
  .studio-image img{max-width:min(100%, 460px) !important;max-height:290px !important;}
}
@media(max-width:620px){
  .game-intro{align-items:flex-start !important;padding-top:18px !important;}
  .intro-core{min-height:calc(100dvh - 28px) !important;justify-content:center !important;gap:10px !important;}
  .intro-core img{width:min(82vw, 250px) !important;max-height:30dvh !important;}
  .intro-core span{font-size:10px !important;letter-spacing:.24em !important;}
  .intro-core strong{font-size:clamp(38px, 13vw, 58px) !important;line-height:.9 !important;}
  .intro-loading{width:min(82vw, 360px) !important;}
  #skipIntroBtn{width:min(92vw, 280px) !important;font-size:16px !important;padding:12px 18px !important;margin-top:6px !important;}
  .studio-image{max-width:100% !important;margin-top:8px !important;}
  .studio-image img{max-width:100% !important;max-height:230px !important;border-radius:18px !important;}
}
@media(max-height:720px) and (min-width:700px){
  .intro-core{gap:7px !important;min-height:calc(100dvh - 28px) !important;}
  .intro-core img{width:min(42vw, 300px) !important;max-height:34dvh !important;}
  .intro-core strong{font-size:clamp(42px, 7.2vw, 72px) !important;}
  #skipIntroBtn{min-height:42px !important;padding:9px 20px !important;margin-top:3px !important;}
}

/* ==========================
   V53 — Ajuste fino da intro
   Mantém o portal no tamanho da versão anterior e apenas sobe o botão
   “Pular introdução” para ficar mais próximo da barra.
   ========================== */
.intro-core img{
  width:min(360px, 78vw) !important;
  max-height:42dvh !important;
}
#skipIntroBtn{
  margin-top:-2px !important;
  transform:translateY(-6px) !important;
}
@media(max-width:900px){
  .intro-core img{
    width:min(360px, 78vw) !important;
    max-height:40dvh !important;
  }
  #skipIntroBtn{
    margin-top:-2px !important;
    transform:translateY(-6px) !important;
  }
}
@media(max-width:620px){
  .intro-core img{
    width:min(310px, 84vw) !important;
    max-height:34dvh !important;
  }
  #skipIntroBtn{
    margin-top:0 !important;
    transform:translateY(-4px) !important;
  }
}
@media(max-height:720px) and (min-width:700px){
  .intro-core img{
    width:min(360px, 46vw) !important;
    max-height:40dvh !important;
  }
  #skipIntroBtn{
    margin-top:-2px !important;
    transform:translateY(-6px) !important;
  }
}


/* ==========================
   V54 — Intro com mais destaque para o portal
   Objetivo: deixar o portal dominante na abertura e reduzir um pouco o nome.
   ========================== */
.intro-core{
  width:min(760px, 94vw) !important;
  gap:8px !important;
}
.intro-core img{
  width:min(430px, 86vw) !important;
  max-height:48dvh !important;
  filter:drop-shadow(0 0 24px rgba(0,231,255,.82)) drop-shadow(0 0 52px rgba(138,92,255,.58)) !important;
}
.intro-core strong{
  font-size:clamp(34px, 6.9vw, 64px) !important;
  line-height:.92 !important;
  text-shadow:0 0 16px rgba(138,92,255,.58), 0 0 28px rgba(0,231,255,.34) !important;
}
.intro-loading{
  width:min(410px, 76vw) !important;
}
#skipIntroBtn{
  transform:translateY(-8px) !important;
}
@media(max-width:900px){
  .intro-core img{
    width:min(400px, 84vw) !important;
    max-height:44dvh !important;
  }
  .intro-core strong{
    font-size:clamp(34px, 8vw, 58px) !important;
  }
  .intro-loading{
    width:min(390px, 78vw) !important;
  }
}
@media(max-width:620px){
  .intro-core{
    gap:8px !important;
  }
  .intro-core img{
    width:min(330px, 86vw) !important;
    max-height:38dvh !important;
  }
  .intro-core strong{
    font-size:clamp(34px, 11vw, 52px) !important;
  }
  .intro-loading{
    width:min(84vw, 360px) !important;
  }
  #skipIntroBtn{
    transform:translateY(-6px) !important;
  }
}
@media(max-height:720px) and (min-width:700px){
  .intro-core img{
    width:min(400px, 44vw) !important;
    max-height:44dvh !important;
  }
  .intro-core strong{
    font-size:clamp(34px, 6.2vw, 58px) !important;
  }
  .intro-loading{
    width:min(390px, 74vw) !important;
  }
}


/* ==========================
   V55 — Código do Portal
   ========================== */
.portal-code-flow{
  margin-top:12px;
  display:grid;
  gap:10px;
}
.portal-code-flow p{
  margin:0;
  color:rgba(248,247,255,.78);
  font-size:13px;
  line-height:1.45;
}
.portal-code-label{
  display:grid;
  gap:6px;
  color:rgba(248,247,255,.8);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.portal-code-input,
.portal-admin-form input,
.portal-admin-form textarea,
.portal-admin-form select{
  width:100%;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  padding:12px 13px;
  outline:none;
  box-shadow:inset 0 0 0 1px rgba(0,231,255,.02);
}
.portal-code-input:focus,
.portal-admin-form input:focus,
.portal-admin-form textarea:focus,
.portal-admin-form select:focus{
  border-color:rgba(0,231,255,.55);
  box-shadow:0 0 0 3px rgba(0,231,255,.12);
}
.portal-confirm-line{
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:12px;
  line-height:1.35;
  color:rgba(248,247,255,.78);
}
.portal-confirm-line input{
  margin-top:2px;
  accent-color:#00e7ff;
}
.portal-code-flow.compact .portal-code-label,
.portal-code-flow.compact .portal-confirm-line{
  max-width:520px;
}
.admin-soft-line{
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  margin:22px 0;
}
.admin-inline-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.portal-admin-form textarea{
  min-height:92px;
  resize:vertical;
}
.portal-admin-form input::placeholder,
.portal-admin-form textarea::placeholder{
  color:rgba(248,247,255,.42);
}
@media(max-width:620px){
  .portal-confirm-line{font-size:11.5px;}
  .admin-inline-actions{display:grid;grid-template-columns:1fr;}
}

/* ==========================
   V56 — Comunidade / Mural do Clube do Kaioh
   ========================== */
.home-member-counter{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0 0;
  padding:10px 14px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(0,231,255,.22);
  border-radius:999px;
  background:rgba(8,8,32,.52);
  box-shadow:0 0 28px rgba(0,231,255,.14);
  color:var(--text);
  backdrop-filter:blur(10px);
}
.home-member-counter span{font-weight:950;color:#fff;letter-spacing:-.02em}
.home-member-counter b{color:#00e7ff;text-shadow:0 0 14px rgba(0,231,255,.8)}
.home-member-counter small{color:rgba(248,247,255,.72);font-weight:800}

.community-body{min-height:100vh;color:var(--text);background:#050512;overflow-x:hidden}
.community-topbar{margin-top:18px}
.community-shell{padding-top:32px;padding-bottom:72px}
.community-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:stretch;margin-bottom:34px}
.community-hero-copy,.community-live-card,.community-board-section{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.32);backdrop-filter:blur(14px)}
.community-hero-copy{padding:clamp(22px,4vw,42px);overflow:hidden}
.community-hero-copy:before{content:"";position:absolute;inset:auto -10% -42% auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(0,231,255,.22),transparent 66%);filter:blur(14px);pointer-events:none}
.community-hero h1{font-size:clamp(34px,6vw,70px);line-height:.92;margin:10px 0 14px;letter-spacing:-.07em;text-shadow:0 0 30px rgba(0,231,255,.24)}
.community-hero p{color:rgba(248,247,255,.72);font-size:clamp(15px,2vw,18px);line-height:1.62;max-width:780px;margin:0}
.community-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.community-stats-grid div{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;background:rgba(0,0,0,.20)}
.community-stats-grid strong{display:block;font-size:clamp(24px,4vw,38px);color:#00e7ff;text-shadow:0 0 18px rgba(0,231,255,.55);line-height:1}
.community-stats-grid span{display:block;margin-top:6px;color:rgba(248,247,255,.68);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.community-live-card{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:18px;overflow:hidden}
.community-live-card:before{content:"";position:absolute;inset:-50% -30% auto auto;width:240px;height:240px;background:radial-gradient(circle,rgba(255,79,216,.24),transparent 70%);filter:blur(18px);pointer-events:none}
.level-legend{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:12px 10px;align-items:center}
.level-dot{width:18px;height:18px;border-radius:50%;display:inline-block;box-shadow:0 0 18px currentColor;background:currentColor}
.level-dot.recruta{color:#00e7ff}.level-dot.padawan{color:#8a5cff}.level-dot.hero{color:#ffd45c}.level-dot.guardiao{color:#5cffb1}.level-dot.eterno{color:#ff5c9a}.level-dot.one_above_all{background:linear-gradient(135deg,#ffd45c,#ff5c9a,#8a5cff,#00e7ff);box-shadow:0 0 20px rgba(255,212,92,.65)}
.level-legend b{font-weight:950;color:#fff}
.community-board-section{padding:clamp(20px,4vw,32px);overflow:hidden}
.community-board-wrap{position:relative;margin-top:18px}
.community-board-glow{position:absolute;inset:-18px;border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(0,231,255,.20),transparent 42%),radial-gradient(circle at 15% 65%,rgba(138,92,255,.18),transparent 40%),radial-gradient(circle at 85% 70%,rgba(255,92,154,.14),transparent 42%);filter:blur(14px);opacity:.95;pointer-events:none}
.community-board{position:relative;height:min(560px,68vh);min-height:420px;overflow:hidden;border:1px solid rgba(0,231,255,.18);border-radius:30px;background:linear-gradient(180deg,rgba(5,5,18,.94),rgba(11,11,38,.82));box-shadow:inset 0 0 30px rgba(0,231,255,.08),0 22px 70px rgba(0,0,0,.42)}
.community-board:before,.community-board:after{content:"";position:absolute;left:0;right:0;height:90px;z-index:4;pointer-events:none}.community-board:before{top:0;background:linear-gradient(180deg,#050512,transparent)}.community-board:after{bottom:0;background:linear-gradient(0deg,#050512,transparent)}
.community-mural-track{position:absolute;left:0;right:0;top:0;padding:28px clamp(12px,3vw,28px);animation:communityMuralScroll 34s linear infinite;will-change:transform}
.community-board:hover .community-mural-track{animation-play-state:paused}
@keyframes communityMuralScroll{0%{transform:translateY(28%)}100%{transform:translateY(-68%)}}
.community-member-card{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;margin:0 auto 14px;max-width:760px;padding:16px;border:1px solid rgba(255,255,255,.10);border-left:5px solid #00e7ff;border-radius:20px;background:rgba(255,255,255,.055);box-shadow:0 12px 34px rgba(0,0,0,.20)}
.community-member-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:26px;box-shadow:inset 0 0 18px rgba(255,255,255,.05)}
.community-member-card h3{margin:0 0 4px;font-size:clamp(18px,3vw,28px);line-height:1.05;letter-spacing:-.04em}
.community-member-card p{margin:0;color:rgba(248,247,255,.78);font-weight:900}.community-member-card small{display:block;margin-top:3px;color:rgba(248,247,255,.56);font-weight:800}
.community-member-card.recruta{border-left-color:#00e7ff}.community-member-card.recruta h3{color:#c9fbff;text-shadow:0 0 16px rgba(0,231,255,.28)}
.community-member-card.padawan{border-left-color:#8a5cff}.community-member-card.padawan h3{color:#d8caff;text-shadow:0 0 16px rgba(138,92,255,.36)}
.community-member-card.hero{border-left-color:#ffd45c}.community-member-card.hero h3{color:#ffe69a;text-shadow:0 0 18px rgba(255,212,92,.38)}
.community-member-card.guardiao{border-left-color:#5cffb1}.community-member-card.guardiao h3{color:#baffdf;text-shadow:0 0 16px rgba(92,255,177,.34)}
.community-member-card.eterno{border-left-color:#ff5c9a}.community-member-card.eterno h3{color:#ffc1d8;text-shadow:0 0 18px rgba(255,92,154,.38)}
.community-member-card.one_above_all{border-left-color:#ffd45c;background:linear-gradient(135deg,rgba(255,212,92,.13),rgba(138,92,255,.09),rgba(0,231,255,.08));box-shadow:0 12px 40px rgba(255,212,92,.14),0 0 26px rgba(0,231,255,.12)}
.community-member-card.one_above_all h3{background:linear-gradient(90deg,#ffd45c,#ff5c9a,#8a5cff,#00e7ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.community-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:18px}
@media(max-width:900px){.community-hero{grid-template-columns:1fr}.community-stats-grid{grid-template-columns:1fr 1fr}.community-board{height:520px}.community-mural-track{animation-duration:38s}}
@media(max-width:620px){.community-shell{padding-top:18px}.community-hero-copy,.community-live-card,.community-board-section{border-radius:22px}.community-stats-grid{grid-template-columns:1fr}.community-board{min-height:420px;height:60vh}.community-member-card{grid-template-columns:46px 1fr;padding:13px;border-radius:17px}.community-member-icon{width:44px;height:44px;border-radius:14px;font-size:22px}.community-actions .btn{width:100%}.home-member-counter{width:100%;justify-content:center;border-radius:18px;text-align:center}}


/* ================================
   V58 — FLIPERAMA RETRÔ ARCADE
   Escopo: somente a página fliperama.html
   Não altera Home, Área do Membro ou Comunidade.
================================ */
.fliperama-body{
  --arcade-bg:#05000d;
  --arcade-purple:#8f2bff;
  --arcade-pink:#ff2bd6;
  --arcade-cyan:#00f6ff;
  --arcade-yellow:#ffd84d;
  --arcade-green:#52ff8f;
  --arcade-red:#ff375f;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,43,214,.26),transparent 24%),
    radial-gradient(circle at 84% 18%,rgba(0,246,255,.20),transparent 26%),
    linear-gradient(180deg,#090014 0%,#030008 58%,#000 100%);
  color:#fff7ff;
  position:relative;
  overflow-x:hidden;
}
.fliperama-body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 100%);
  mix-blend-mode:screen;
  opacity:.55;
}
.fliperama-body:after{
  content:"";
  position:fixed;
  left:-20%;right:-20%;bottom:-12%;height:52%;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(rgba(0,246,255,.24) 2px,transparent 2px) 0 0/100% 42px,
    linear-gradient(90deg,rgba(255,43,214,.22) 2px,transparent 2px) 0 0/72px 100%;
  transform:perspective(360px) rotateX(62deg);
  transform-origin:bottom;
  opacity:.38;
  filter:drop-shadow(0 0 18px rgba(0,246,255,.25));
}
.fliperama-body .site-bg{display:none}
.fliperama-body .section-shell{position:relative;z-index:1}
.fliperama-body .member-topbar.arcade-topbar{
  background:rgba(8,0,19,.78);
  border:2px solid rgba(0,246,255,.35);
  box-shadow:0 0 0 2px rgba(255,43,214,.10),0 0 34px rgba(0,246,255,.18),inset 0 0 28px rgba(255,43,214,.10);
  backdrop-filter:blur(14px);
}
.fliperama-body .brand strong,
.fliperama-body .member-topnav a.active,
.fliperama-body .arcade-screen strong{
  text-shadow:0 0 10px var(--arcade-cyan),0 0 24px rgba(0,246,255,.55);
}
.fliperama-body .brand small,
.fliperama-body .arcade-eyebrow,
.fliperama-body .eyebrow{
  color:var(--arcade-yellow);
  text-shadow:0 0 12px rgba(255,216,77,.45);
  letter-spacing:.22em;
}
.fliperama-body .btn.primary,
.fliperama-body .arcade-game-card.unlocked .play-game-btn{
  color:#120018;
  background:linear-gradient(135deg,var(--arcade-yellow),var(--arcade-pink));
  border:0;
  box-shadow:0 0 18px rgba(255,43,214,.35),0 0 28px rgba(255,216,77,.20);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.fliperama-body .btn.ghost,
.fliperama-body .arcade-env-tabs button,
.fliperama-body .arcade-game-card.locked button{
  border-color:rgba(0,246,255,.28);
  color:#dffcff;
  background:rgba(0,246,255,.06);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.fliperama-body .arcade-shell{padding-top:26px}
.fliperama-body .arcade-hero,
.fliperama-body .arcade-environment,
.fliperama-body .arcade-section,
.fliperama-body .arcade-stage,
.fliperama-body .member-gate-card{
  border-radius:18px;
  border:2px solid rgba(0,246,255,.28);
  background:
    linear-gradient(135deg,rgba(255,43,214,.11),transparent 34%),
    linear-gradient(180deg,rgba(20,0,45,.88),rgba(4,0,12,.92));
  box-shadow:
    0 0 0 2px rgba(255,43,214,.10),
    0 26px 80px rgba(0,0,0,.55),
    inset 0 0 34px rgba(0,246,255,.07);
}
.fliperama-body .arcade-hero:before,
.fliperama-body .arcade-environment:before,
.fliperama-body .arcade-stage:before,
.fliperama-body .arcade-section:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px dashed rgba(255,216,77,.18);
  border-radius:14px;
  pointer-events:none;
}
.fliperama-body .arcade-hero h1{
  font-family:"Arial Black",Impact,system-ui,sans-serif;
  font-size:clamp(50px,9vw,104px);
  line-height:.86;
  text-transform:uppercase;
  letter-spacing:.025em;
  color:#fff;
  text-shadow:
    0 3px 0 #3b005f,
    0 0 12px var(--arcade-pink),
    0 0 34px rgba(255,43,214,.65),
    0 0 54px rgba(0,246,255,.32);
}
.fliperama-body .arcade-hero p,
.fliperama-body .arcade-env-main p,
.fliperama-body .left-title p{
  color:#d9cfff;
}
.fliperama-body .arcade-user-mini{
  border:2px solid rgba(255,216,77,.30);
  background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(30,0,50,.38));
  box-shadow:inset 0 0 22px rgba(255,216,77,.08),0 0 24px rgba(255,43,214,.15);
  font-family:"Courier New",monospace;
  text-transform:uppercase;
}
.fliperama-body .arcade-user-mini strong:before{content:"PLAYER: ";color:var(--arcade-green)}
.fliperama-body .arcade-user-mini small{color:#bfffff}
.fliperama-body .arcade-avatar{
  border-radius:10px;
  border:2px solid rgba(0,246,255,.55);
  background:linear-gradient(135deg,var(--arcade-purple),var(--arcade-cyan));
  box-shadow:0 0 20px rgba(0,246,255,.30);
}
.fliperama-body .arcade-machine-card{
  position:relative;
  padding:24px 22px 28px;
  border-radius:24px 24px 32px 32px;
  border:3px solid rgba(255,216,77,.32);
  background:
    linear-gradient(90deg,rgba(255,43,214,.24),transparent 18%,transparent 82%,rgba(0,246,255,.20)),
    linear-gradient(180deg,#2b0646 0%,#11001d 56%,#05000a 100%);
  box-shadow:
    0 0 36px rgba(255,43,214,.24),
    inset 0 -28px 60px rgba(0,0,0,.50),
    inset 0 0 26px rgba(0,246,255,.10);
}
.fliperama-body .arcade-machine-card:before{
  content:"KAIOH CABINET";
  position:absolute;
  left:20px;right:20px;top:8px;
  height:26px;
  display:grid;place-items:center;
  color:var(--arcade-yellow);
  font:900 12px "Courier New",monospace;
  letter-spacing:.18em;
  text-shadow:0 0 12px rgba(255,216,77,.55);
}
.fliperama-body .arcade-screen{
  margin-top:22px;
  min-height:260px;
  border-radius:18px;
  border:5px solid #07050e;
  outline:2px solid rgba(0,246,255,.38);
  background:
    radial-gradient(circle at 50% 35%,rgba(0,246,255,.26),transparent 34%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 2px,transparent 2px 6px),
    linear-gradient(180deg,#05152a,#02020a 62%,#000);
  box-shadow:inset 0 0 44px rgba(0,0,0,.76),0 0 26px rgba(0,246,255,.22);
  overflow:hidden;
}
.fliperama-body .arcade-screen span,
.fliperama-body .arcade-screen small{
  font:900 13px "Courier New",monospace;
  letter-spacing:.28em;
  color:var(--arcade-green);
  text-shadow:0 0 12px rgba(82,255,143,.6);
  animation:arcadeBlink 1.15s steps(2,end) infinite;
}
.fliperama-body .arcade-screen strong{
  font-family:"Arial Black",Impact,sans-serif;
  font-size:44px;
  line-height:.86;
  color:#fff;
}
.fliperama-body .arcade-controls span{
  width:34px;height:34px;
  border:3px solid rgba(255,255,255,.20);
  box-shadow:0 8px 0 rgba(0,0,0,.35),0 0 18px rgba(255,43,214,.45);
}
.fliperama-body .arcade-controls span:nth-child(2){background:linear-gradient(135deg,var(--arcade-cyan),#fff)}
.fliperama-body .arcade-controls span:nth-child(3){background:linear-gradient(135deg,var(--arcade-green),var(--arcade-yellow))}
.fliperama-body .arcade-env-tabs button.active{
  background:linear-gradient(135deg,var(--arcade-cyan),var(--arcade-pink));
  color:#080012;
  box-shadow:0 0 18px rgba(0,246,255,.25);
}
.fliperama-body .arcade-env-mini-grid article,
.fliperama-body .arcade-token-panel,
.fliperama-body .html5-game-help,
.fliperama-body .emulator-help,
.fliperama-body .game-result,
.fliperama-body .arcade-placeholder,
.fliperama-body .emulator-loading-card,
.fliperama-body .emulator-missing-rom{
  border:2px solid rgba(0,246,255,.22);
  background:rgba(0,0,0,.34);
  box-shadow:inset 0 0 18px rgba(0,246,255,.06);
}
.fliperama-body .arcade-token-panel{
  text-align:center;
  background:
    linear-gradient(180deg,rgba(255,43,214,.16),rgba(0,0,0,.45));
}
.fliperama-body .arcade-token-panel span{
  font:900 14px "Courier New",monospace;
  color:var(--arcade-green);
  letter-spacing:.25em;
}
.fliperama-body .arcade-token-panel strong{
  display:block;
  color:var(--arcade-yellow);
  font-family:"Arial Black",Impact,sans-serif;
  font-size:76px;
  line-height:1;
  text-shadow:0 0 12px rgba(255,216,77,.55),0 0 32px rgba(255,43,214,.25);
}
.fliperama-body .token-lights{justify-content:center}
.fliperama-body .token-lights i{
  width:18px;height:18px;
  background:var(--arcade-green);
  box-shadow:0 0 10px var(--arcade-green),0 0 24px rgba(82,255,143,.6);
  animation:arcadePulse 1.5s ease-in-out infinite;
}
.fliperama-body .token-lights i:nth-child(2){animation-delay:.15s;background:var(--arcade-cyan);box-shadow:0 0 12px var(--arcade-cyan)}
.fliperama-body .token-lights i:nth-child(3){animation-delay:.3s;background:var(--arcade-pink);box-shadow:0 0 12px var(--arcade-pink)}
.fliperama-body .token-lights i:nth-child(4){animation-delay:.45s;background:var(--arcade-yellow);box-shadow:0 0 12px var(--arcade-yellow)}
.fliperama-body .arcade-games-grid{gap:20px}
.fliperama-body .arcade-game-card{
  position:relative;
  min-height:245px;
  border-radius:18px 18px 28px 28px;
  border:2px solid rgba(0,246,255,.28);
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%),
    linear-gradient(135deg,rgba(255,43,214,.16),rgba(0,246,255,.07) 44%,rgba(0,0,0,.42));
  box-shadow:0 22px 60px rgba(0,0,0,.35),inset 0 0 28px rgba(0,246,255,.06);
  overflow:hidden;
}
.fliperama-body .arcade-game-card:before{
  content:"ARCADE MACHINE";
  height:28px;
  display:grid;place-items:center;
  margin:-16px -16px 8px;
  border-bottom:1px solid rgba(255,216,77,.24);
  background:linear-gradient(90deg,var(--arcade-purple),var(--arcade-pink),var(--arcade-cyan));
  color:#080012;
  font:1000 11px "Courier New",monospace;
  letter-spacing:.18em;
}
.fliperama-body .arcade-game-icon{
  width:74px;height:74px;
  display:grid;place-items:center;
  border-radius:14px;
  border:2px solid rgba(0,246,255,.25);
  background:#02020a;
  font-size:42px;
  box-shadow:inset 0 0 20px rgba(0,246,255,.10),0 0 20px rgba(255,43,214,.14);
}
.fliperama-body .arcade-game-content span{
  color:var(--arcade-yellow);
  font-family:"Courier New",monospace;
  letter-spacing:.18em;
}
.fliperama-body .arcade-game-content h3{
  font-family:"Arial Black",Impact,sans-serif;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:26px;
  margin:2px 0 6px;
  color:#fff;
  text-shadow:0 0 12px rgba(0,246,255,.38);
}
.fliperama-body .arcade-game-content p{color:#cec4ff}
.fliperama-body .arcade-game-card.unlocked{
  border-color:rgba(82,255,143,.46);
}
.fliperama-body .arcade-game-card.locked{
  filter:grayscale(.25);
  opacity:.74;
}
.fliperama-body .arcade-game-card.locked:after{
  content:"LOCKED";
  position:absolute;
  right:-34px;top:22px;
  transform:rotate(35deg);
  padding:8px 40px;
  background:rgba(255,55,95,.88);
  color:#fff;
  font:1000 12px "Courier New",monospace;
  letter-spacing:.18em;
  box-shadow:0 0 16px rgba(255,55,95,.35);
}
.fliperama-body .arcade-game-footer .btn{
  width:100%;
  justify-content:center;
  font-family:"Courier New",monospace;
  font-weight:1000;
}
.fliperama-body .arcade-stage{
  background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(24,0,42,.86));
}
.fliperama-body .html5-game-frame{
  border-radius:10px;
  border:8px solid #05030a;
  outline:2px solid rgba(0,246,255,.35);
  box-shadow:0 0 34px rgba(0,246,255,.18),inset 0 0 28px rgba(0,0,0,.6);
}
.fliperama-body .reflex-target{
  border:4px solid rgba(255,255,255,.34);
  box-shadow:0 0 28px rgba(255,216,77,.46),0 0 58px rgba(255,43,214,.38);
}
@keyframes arcadeBlink{50%{opacity:.28}}
@keyframes arcadePulse{50%{transform:scale(1.35);opacity:.55}}
@media(max-width:900px){
  .fliperama-body .arcade-machine-card{max-width:430px;margin:auto;width:100%}
  .fliperama-body .arcade-screen{min-height:220px}
}
@media(max-width:620px){
  .fliperama-body .arcade-hero h1{font-size:50px}
  .fliperama-body .arcade-screen{min-height:190px}
  .fliperama-body .arcade-screen strong{font-size:34px}
  .fliperama-body .arcade-token-panel strong{font-size:58px}
  .fliperama-body .arcade-game-card{min-height:auto}
}

/* =========================================================
   V59 — KAIOH TV
   Dimensão visual própria: canal 24h, CRT e transmissão.
   ========================================================= */
.kaiotv-body{
  min-height:100vh;
  background:#050014;
  color:#fff;
  overflow-x:hidden;
}
.kaiotv-bg{
  position:fixed;
  inset:0;
  z-index:-5;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,0,180,.24), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(0,231,255,.20), transparent 38%),
    linear-gradient(135deg,#090014,#020312 58%,#071025);
}
.kaiotv-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.06));
}
.tv-noise{
  position:absolute;
  inset:-50%;
  opacity:.10;
  background-image:repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.6) 0 1px, transparent 1px 3px);
  animation:tvNoiseMove 2.2s steps(2,end) infinite;
}
.tv-beam{
  position:absolute;
  width:55vw;
  height:18vw;
  border-radius:999px;
  filter:blur(34px);
  opacity:.24;
  transform:rotate(-18deg);
}
.beam-a{left:-12vw;top:20vh;background:#ff2bd6}.beam-b{right:-14vw;bottom:12vh;background:#00e7ff;transform:rotate(22deg)}
@keyframes tvNoiseMove{0%{transform:translate(0,0)}50%{transform:translate(3%,2%)}100%{transform:translate(-2%,-1%)}}

.kaiotv-topbar{
  border:1px solid rgba(0,231,255,.38);
  box-shadow:0 0 28px rgba(0,231,255,.12), inset 0 0 26px rgba(255,43,214,.04);
  background:rgba(4,5,22,.82);
}
.kaiotv-shell{padding-top:32px;padding-bottom:70px}
.kaiotv-gate{border-color:rgba(255,213,78,.35)}
.kaiotv-app{display:grid;gap:28px}
.kaiotv-hero{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
  gap:28px;
  align-items:stretch;
  padding:28px;
  border:1px solid rgba(0,231,255,.35);
  border-radius:28px;
  background:
    linear-gradient(135deg, rgba(42,0,70,.82), rgba(2,5,20,.72)),
    radial-gradient(circle at 80% 15%, rgba(0,231,255,.22), transparent 30%);
  box-shadow:0 0 0 2px rgba(255,43,214,.06),0 30px 90px rgba(0,0,0,.45);
}
.kaiotv-copy{display:flex;flex-direction:column;justify-content:center;min-height:360px}
.kaiotv-copy .eyebrow,.kaiotv-main-card .eyebrow,.kaiotv-cards-section .eyebrow{
  color:#ffd54e;
  letter-spacing:.32em;
  text-shadow:0 0 14px rgba(255,213,78,.45);
}
.kaiotv-copy h1{
  margin:8px 0 14px;
  font-size:clamp(66px,10vw,148px);
  line-height:.82;
  letter-spacing:-.08em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:6px 6px 0 rgba(255,43,214,.34), -4px -4px 0 rgba(0,231,255,.25), 0 0 28px rgba(255,255,255,.26);
}
.kaiotv-copy p{font-size:clamp(18px,2vw,26px);line-height:1.55;color:#e5ddff;max-width:760px}
.kaiotv-user-panel{
  margin-top:28px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px;
  border:1px solid rgba(255,43,214,.28);
  border-radius:22px;
  background:rgba(0,0,0,.36);
  max-width:720px;
}
.kaiotv-avatar{
  width:72px;height:72px;display:grid;place-items:center;border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,#ff2bd6,#00e7ff);
  box-shadow:0 0 18px rgba(0,231,255,.22);
  flex:0 0 auto;
}
.kaiotv-avatar img{width:100%;height:100%;object-fit:cover}.kaiotv-avatar span{font-weight:1000;font-size:28px;color:#060014}
.kaiotv-user-panel span{display:block;color:#00e7ff;font-size:12px;font-weight:1000;letter-spacing:.22em}.kaiotv-user-panel strong{display:block;font-size:23px}.kaiotv-user-panel small{color:#fff}.kaiotv-user-panel small b{color:#ffd54e}

.kaiotv-broadcast-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:22px;
  border-radius:30px;
  background:linear-gradient(160deg,rgba(24,0,45,.95),rgba(3,8,28,.92));
  border:1px solid rgba(0,231,255,.35);
  box-shadow:inset 0 0 40px rgba(255,43,214,.08),0 22px 60px rgba(0,0,0,.32);
}
.kaiotv-screen-frame{
  width:min(100%,520px);
  aspect-ratio:4/3;
  border-radius:34px;
  padding:18px;
  background:linear-gradient(135deg,#1b1034,#03020f);
  border:2px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 2px rgba(0,231,255,.14),0 0 42px rgba(0,231,255,.15);
}
.kaiotv-screen{
  position:relative;
  width:100%;height:100%;
  overflow:hidden;
  border-radius:24px;
  background:#05050c;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.12);
}
.kaiotv-screen::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 45%, rgba(0,231,255,.22), transparent 40%), linear-gradient(135deg,rgba(255,43,214,.08),transparent 44%);
}
.kaiotv-screen.on::before{background:radial-gradient(circle at 50% 45%, rgba(0,231,255,.36), transparent 48%), linear-gradient(135deg,rgba(255,43,214,.18),transparent 54%)}
.kaiotv-screen.locked{filter:saturate(.75)}
.kaiotv-screen.standby{background:radial-gradient(circle at 50% 50%, rgba(0,231,255,.18), transparent 46%), repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, rgba(0,0,0,.35) 1px 4px), linear-gradient(135deg,#070710,#151531)}
.kaiotv-screen.standby::before{background:radial-gradient(circle at 50% 42%, rgba(255,255,255,.22), transparent 38%), repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 2px, transparent 2px 6px); animation:kaiotvStatic 1.1s steps(3,end) infinite}
@keyframes kaiotvStatic{0%{transform:translate(0,0) scale(1.02);opacity:.65}25%{transform:translate(-2%,1%) scale(1.04);opacity:.9}50%{transform:translate(1%,-2%) scale(1.03);opacity:.72}75%{transform:translate(2%,2%) scale(1.05);opacity:.86}100%{transform:translate(0,0) scale(1.02);opacity:.65}}
.kaiotv-scanlines,.kaiotv-screen::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(to bottom, rgba(255,255,255,.05) 0 1px, transparent 1px 5px);
  mix-blend-mode:screen;
}
.kaiotv-screen-content{position:relative;z-index:2;padding:18px;width:100%;max-width:100%;overflow:hidden}.kaiotv-screen-content span{display:inline-block;font-weight:1000;color:#ffd54e;letter-spacing:.22em;font-size:12px;margin-bottom:16px}.kaiotv-screen-content strong{display:block;font-size:clamp(30px,3.15vw,56px);line-height:1.02;letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 0 18px rgba(0,231,255,.5);max-width:100%;overflow-wrap:anywhere}.kaiotv-screen-content p{max-width:380px;color:#e7e1ff;line-height:1.45;margin-left:auto;margin-right:auto}
.kaiotv-controls{display:flex;gap:14px}.kaiotv-controls i{width:24px;height:24px;border-radius:50%;box-shadow:0 0 16px currentColor}.kaiotv-controls i:nth-child(1){background:#ff5c9a;color:#ff5c9a}.kaiotv-controls i:nth-child(2){background:#00e7ff;color:#00e7ff}.kaiotv-controls i:nth-child(3){background:#ffd54e;color:#ffd54e}

.kaiotv-grid-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  align-items:stretch;
}
.kaiotv-main-card,.kaiotv-side-card,.kaiotv-cards-section{
  border:1px solid rgba(0,231,255,.30);
  border-radius:26px;
  background:linear-gradient(150deg,rgba(12,0,31,.86),rgba(2,3,16,.82));
  box-shadow:0 20px 60px rgba(0,0,0,.35), inset 0 0 30px rgba(255,43,214,.04);
  padding:26px;
}
.kaiotv-main-card h2{font-size:clamp(30px,4vw,56px);margin:8px 0 10px;letter-spacing:-.05em}.kaiotv-main-card p{color:#d8d2ef;font-size:18px;line-height:1.55}
.kaiotv-schedule{display:grid;gap:12px;margin-top:22px}.kaiotv-program{width:100%;display:grid;grid-template-columns:90px 1fr 120px;gap:14px;align-items:center;text-align:left;color:#fff;border:1px solid rgba(0,231,255,.22);background:rgba(0,0,0,.34);border-radius:18px;padding:15px;cursor:pointer;transition:.18s ease}.kaiotv-program:hover,.kaiotv-program.active{transform:translateY(-2px);border-color:#ffd54e;box-shadow:0 0 24px rgba(255,213,78,.12)}.kaiotv-program span{font-weight:1000;color:#00e7ff;letter-spacing:.12em}.kaiotv-program strong{display:block;font-size:18px}.kaiotv-program small{display:block;color:#cec8ec;line-height:1.35;margin-top:4px}.kaiotv-program>b{justify-self:end;color:#ffd54e}.kaiotv-program.locked{opacity:.72}.kaiotv-program.locked>b{color:#ff5c9a}
.kaiotv-side-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px}.kaiotv-side-card span{color:#00e7ff;font-weight:1000;letter-spacing:.28em}.kaiotv-side-card strong{display:block;margin:12px 0;font-size:56px;color:#ffd54e;text-shadow:0 0 26px rgba(255,213,78,.38)}.kaiotv-side-card p{color:#d8d2ef;line-height:1.45}.kaiotv-bars{display:flex;gap:12px;margin-top:18px}.kaiotv-bars i{width:18px;height:48px;border-radius:999px;background:linear-gradient(to top,#ff2bd6,#00e7ff);box-shadow:0 0 16px rgba(0,231,255,.22)}.kaiotv-bars i:nth-child(2){height:64px}.kaiotv-bars i:nth-child(3){height:40px}.kaiotv-bars i:nth-child(4){height:72px;background:linear-gradient(to top,#ffd54e,#ff2bd6)}
.kaiotv-cards-section{display:grid;gap:20px}.kaiotv-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kaiotv-feature-grid article{padding:20px;border-radius:20px;border:1px solid rgba(0,231,255,.24);background:rgba(0,0,0,.32)}.kaiotv-feature-grid span{font-size:30px}.kaiotv-feature-grid h3{margin:12px 0 8px;font-size:22px}.kaiotv-feature-grid p{color:#d8d2ef;line-height:1.45}

@media(max-width:980px){.kaiotv-hero,.kaiotv-grid-section{grid-template-columns:1fr}.kaiotv-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kaiotv-copy{min-height:auto}.kaiotv-program{grid-template-columns:70px 1fr}.kaiotv-program>b{grid-column:2;justify-self:start}}
@media(max-width:620px){.kaiotv-shell{padding-top:18px}.kaiotv-hero,.kaiotv-main-card,.kaiotv-side-card,.kaiotv-cards-section{padding:18px;border-radius:22px}.kaiotv-copy h1{font-size:58px}.kaiotv-user-panel{align-items:flex-start}.kaiotv-feature-grid{grid-template-columns:1fr}.kaiotv-program{grid-template-columns:1fr}.kaiotv-program span{font-size:12px}.kaiotv-program>b{grid-column:auto}.kaiotv-screen-frame{border-radius:24px;padding:12px}.kaiotv-screen{border-radius:18px}}

/* =========================================================
   V60 — VÍDEOS / STREAMING GEEK PREMIUM
   Identidade própria para catálogo de vídeos do Clube do Kaioh
   ========================================================= */
.videos-body{
  min-height:100vh;
  background:#03030b;
  color:#fff;
  overflow-x:hidden;
}
.videos-bg{position:fixed;inset:0;z-index:-3;background:
  radial-gradient(circle at 20% 15%,rgba(97,71,255,.34),transparent 30%),
  radial-gradient(circle at 82% 18%,rgba(0,231,255,.20),transparent 30%),
  radial-gradient(circle at 48% 90%,rgba(255,48,166,.16),transparent 34%),
  linear-gradient(135deg,#04000a 0%,#060b1a 48%,#02030a 100%);}
.videos-bg:before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 80%);}
.videos-glow{position:absolute;border-radius:999px;filter:blur(20px);opacity:.7;}
.videos-glow.glow-a{width:360px;height:360px;left:-90px;top:120px;background:rgba(255,48,166,.28);}
.videos-glow.glow-b{width:420px;height:420px;right:-120px;bottom:60px;background:rgba(0,231,255,.22);}
.videos-film-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.035) 79px 81px);opacity:.32;mix-blend-mode:screen;}
.videos-topbar{border-color:rgba(0,231,255,.28);box-shadow:0 16px 48px rgba(0,0,0,.35),0 0 40px rgba(0,231,255,.08);}
.videos-topbar .member-topnav a.active{background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);}
.videos-shell{padding-top:38px;padding-bottom:80px;}
.videos-gate{background:linear-gradient(135deg,rgba(10,12,32,.92),rgba(24,8,46,.9));border-color:rgba(255,48,166,.22);}
.videos-app{display:grid;gap:28px;}
.videos-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:
  radial-gradient(circle at 15% 20%,rgba(255,48,166,.24),transparent 34%),
  radial-gradient(circle at 80% 25%,rgba(0,231,255,.15),transparent 34%),
  linear-gradient(135deg,rgba(15,10,38,.86),rgba(3,6,17,.92));box-shadow:0 30px 90px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden;}
.videos-hero:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-80%);animation:videoHeroSweep 8s ease-in-out infinite;pointer-events:none;}
@keyframes videoHeroSweep{0%,60%{transform:translateX(-90%)}80%,100%{transform:translateX(90%)}}
.videos-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:430px;}
.videos-hero-copy h1{font-size:clamp(58px,10vw,132px);line-height:.82;margin:14px 0 22px;letter-spacing:-.08em;text-transform:uppercase;text-shadow:8px 8px 0 rgba(255,48,166,.24),-5px -2px 0 rgba(0,231,255,.16);}
.videos-hero-copy p{max-width:780px;font-size:clamp(20px,2.2vw,32px);line-height:1.45;color:rgba(255,255,255,.82);margin:0;}
.videos-user-panel{margin-top:46px;display:flex;align-items:center;gap:16px;width:min(760px,100%);padding:16px 18px;border-radius:24px;border:1px solid rgba(255,48,166,.32);background:rgba(0,0,0,.28);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.22);}
.videos-avatar{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ff30a6,#00e7ff);box-shadow:0 0 24px rgba(255,48,166,.25);flex:none;}
.videos-avatar img{width:100%;height:100%;object-fit:cover;}
.videos-avatar span{font-weight:1000;font-size:32px;color:#02030a;}
.videos-user-panel div>span{display:block;font-size:13px;font-weight:1000;letter-spacing:.28em;color:#00e7ff;text-transform:uppercase;margin-bottom:5px;}
.videos-user-panel strong{display:block;font-size:clamp(22px,2vw,34px);line-height:1;color:#fff;}
.videos-user-panel small{display:block;margin-top:8px;color:#ffd45c;font-weight:1000;}
.videos-featured-card{position:relative;z-index:1;display:grid;grid-template-rows:1fr auto;min-height:430px;border:1px solid rgba(0,231,255,.28);border-radius:30px;background:rgba(4,4,15,.62);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 30px 80px rgba(0,0,0,.38);}
.videos-featured-art{position:relative;min-height:310px;padding:26px;display:flex;align-items:flex-end;background:
  linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.88)),
  radial-gradient(circle at 22% 24%,rgba(255,48,166,.48),transparent 32%),
  radial-gradient(circle at 75% 42%,rgba(0,231,255,.34),transparent 36%),
  linear-gradient(135deg,#101044,#050512);}
.videos-featured-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 2px 8px);opacity:.22;}
.video-play-symbol{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:999px;display:grid;place-items:center;color:#02030a;background:linear-gradient(135deg,#00e7ff,#ff30a6);font-size:42px;font-weight:1000;box-shadow:0 0 40px rgba(0,231,255,.35);}
.video-glass-title{position:relative;z-index:1;max-width:100%;}
.video-glass-title span{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);color:#ffd45c;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;font-size:12px;}
.video-glass-title strong{display:block;margin-top:14px;font-size:clamp(26px,3vw,44px);line-height:.98;text-transform:uppercase;letter-spacing:-.04em;}
.videos-featured-info{padding:20px 22px 22px;border-top:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22);}
.videos-featured-info>span{display:inline-flex;margin-bottom:8px;color:#00e7ff;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:12px;}
.videos-featured-info p{margin:0 0 16px;color:rgba(255,255,255,.76);line-height:1.45;}
.videos-control-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:rgba(255,255,255,.045);backdrop-filter:blur(14px);}
.videos-control-bar h2{font-size:clamp(30px,4vw,54px);margin:4px 0 0;letter-spacing:-.05em;}
.videos-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.videos-filters button{border:1px solid rgba(0,231,255,.24);background:rgba(0,0,0,.26);color:#fff;border-radius:999px;padding:12px 16px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s ease;}
.videos-filters button:hover,.videos-filters button.active{background:linear-gradient(135deg,#00e7ff,#ff30a6);color:#02030a;border-color:transparent;box-shadow:0 12px 34px rgba(0,231,255,.18);}
.videos-stage{border:1px solid rgba(0,231,255,.25);border-radius:30px;background:linear-gradient(135deg,rgba(8,8,26,.9),rgba(18,4,34,.86));box-shadow:0 28px 70px rgba(0,0,0,.35);overflow:hidden;}
.videos-stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.10);}
.videos-stage-head h2{margin:4px 0 0;font-size:clamp(28px,4vw,48px);letter-spacing:-.05em;}
.video-stage-mount{padding:22px;}
.video-player-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:22px;background:#000;}
.video-player-placeholder{min-height:360px;border-radius:24px;display:grid;place-items:center;text-align:center;padding:32px;border:1px solid rgba(255,255,255,.12);background:
  radial-gradient(circle at 50% 30%,rgba(0,231,255,.18),transparent 32%),
  linear-gradient(135deg,rgba(0,0,0,.62),rgba(10,4,28,.9));}
.video-player-placeholder span{width:90px;height:90px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#00e7ff,#ff30a6);color:#03030b;font-size:34px;font-weight:1000;margin-bottom:18px;box-shadow:0 0 32px rgba(0,231,255,.25);}
.video-player-placeholder h3{font-size:clamp(30px,4vw,58px);letter-spacing:-.05em;margin:0 0 10px;}
.video-player-placeholder p{max-width:720px;color:rgba(255,255,255,.76);font-size:18px;line-height:1.5;margin:0 auto 10px;}
.video-player-placeholder small{color:#ffd45c;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;}
.videos-catalog-section{border:1px solid rgba(255,255,255,.10);border-radius:34px;background:rgba(0,0,0,.24);padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.28);}
.videos-rows{display:grid;gap:26px;margin-top:26px;}
.video-row{display:grid;gap:14px;}
.video-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.video-row-head h3{margin:0;font-size:clamp(24px,3vw,38px);letter-spacing:-.04em;}
.video-row-head span{color:#00e7ff;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:12px;}
.video-row-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,340px);gap:16px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity;}
.video-row-scroller::-webkit-scrollbar{height:9px}.video-row-scroller::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}.video-row-scroller::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00e7ff,#ff30a6);border-radius:999px}
.video-card{position:relative;min-height:410px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(180deg,rgba(18,12,42,.88),rgba(5,5,18,.95));overflow:hidden;scroll-snap-align:start;display:grid;grid-template-rows:170px 1fr auto;transition:.22s ease;box-shadow:0 18px 45px rgba(0,0,0,.22);}
.video-card:hover{transform:translateY(-4px);border-color:rgba(0,231,255,.45);box-shadow:0 26px 70px rgba(0,0,0,.36),0 0 24px rgba(0,231,255,.10);}
.video-card.locked{filter:saturate(.65);}
.video-card.locked:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.18));pointer-events:none;}
.video-thumb{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:16px;background:
  linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.75)),
  radial-gradient(circle at 28% 24%,rgba(255,48,166,.36),transparent 30%),
  radial-gradient(circle at 78% 52%,rgba(0,231,255,.30),transparent 36%),
  #0a0a24;}
.video-thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 1px,transparent 2px 12px);opacity:.2;}
.video-thumb-badge,.video-thumb strong,.video-thumb i{position:relative;z-index:1;}
.video-thumb-badge{align-self:flex-start;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.42);color:#ffd45c;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(255,255,255,.10);}
.video-thumb strong{color:#00e7ff;text-transform:uppercase;letter-spacing:.14em;font-size:12px;}
.video-thumb i{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#00e7ff,#ff30a6);color:#02030a;font-style:normal;font-weight:1000;box-shadow:0 0 26px rgba(0,231,255,.25);}
.video-card-body{padding:18px 18px 8px;}
.video-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.video-meta span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);font-weight:800;font-size:12px;}
.video-card h3{font-size:23px;line-height:1.02;margin:0 0 10px;text-transform:uppercase;letter-spacing:-.04em;}
.video-card p{margin:0;color:rgba(255,255,255,.68);line-height:1.45;font-size:14px;}
.video-card-footer{padding:16px 18px 18px;}
.video-card-footer .btn{width:100%;justify-content:center;}
.videos-empty{padding:28px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);font-weight:800;}
@media(max-width:980px){
  .videos-hero{grid-template-columns:1fr;padding:24px;}
  .videos-hero-copy{min-height:auto;}
  .videos-control-bar{align-items:flex-start;flex-direction:column;}
  .videos-filters{justify-content:flex-start;}
}
@media(max-width:640px){
  .videos-shell{padding-top:18px;}
  .videos-hero{border-radius:24px;padding:18px;}
  .videos-hero-copy h1{font-size:58px;}
  .videos-hero-copy p{font-size:18px;}
  .videos-user-panel{align-items:flex-start;margin-top:26px;}
  .videos-avatar{width:60px;height:60px;border-radius:18px;}
  .videos-featured-card{min-height:auto;}
  .videos-featured-art{min-height:240px;}
  .video-play-symbol{width:86px;height:86px;font-size:30px;}
  .videos-catalog-section{padding:18px;border-radius:24px;}
  .video-row-scroller{grid-auto-columns:minmax(250px,82vw);}
  .videos-stage-head{align-items:flex-start;flex-direction:column;}
}


/* =========================================================
   V60.1 — VÍDEOS / STREAMING BLACK RED ORANGE
   Vault Kaioh com identidade de streaming premium original
   ========================================================= */
.videos-body{
  background:#030100;
  color:#fff;
}
.videos-bg{background:
  radial-gradient(circle at 12% 14%,rgba(229,9,20,.36),transparent 28%),
  radial-gradient(circle at 84% 12%,rgba(244,117,33,.28),transparent 30%),
  radial-gradient(circle at 52% 92%,rgba(150,25,0,.22),transparent 38%),
  linear-gradient(135deg,#030100 0%,#090202 45%,#120700 100%);
}
.videos-bg:before{background:
  linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
  linear-gradient(0deg,rgba(255,115,35,.025) 1px,transparent 1px);background-size:72px 72px;}
.videos-glow.glow-a{background:rgba(229,9,20,.36);}
.videos-glow.glow-b{background:rgba(244,117,33,.30);}
.videos-film-lines{background:repeating-linear-gradient(90deg,transparent 0 92px,rgba(255,115,35,.045) 93px 95px);opacity:.25;}
.videos-topbar{border-color:rgba(244,117,33,.34);background:rgba(5,2,2,.78);box-shadow:0 18px 54px rgba(0,0,0,.55),0 0 42px rgba(229,9,20,.12);}
.videos-topbar .brand img{box-shadow:0 0 24px rgba(244,117,33,.18);}
.videos-topbar .member-topnav a.active{background:linear-gradient(135deg,rgba(229,9,20,.24),rgba(244,117,33,.20));border-color:rgba(244,117,33,.26);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 24px rgba(229,9,20,.12);}
.videos-body .btn.primary,.videos-body button.btn.primary{background:linear-gradient(135deg,#e50914 0%,#f47521 100%);color:#fff;border:0;box-shadow:0 14px 38px rgba(229,9,20,.26),0 0 26px rgba(244,117,33,.14);}
.videos-body .btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px);}
.videos-gate{background:radial-gradient(circle at 12% 20%,rgba(229,9,20,.22),transparent 34%),linear-gradient(135deg,rgba(14,3,3,.95),rgba(35,9,0,.92));border-color:rgba(244,117,33,.28);}
.videos-hero{border-color:rgba(244,117,33,.24);background:
  linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 38%,rgba(0,0,0,.85) 100%),
  radial-gradient(circle at 18% 22%,rgba(229,9,20,.36),transparent 34%),
  radial-gradient(circle at 78% 30%,rgba(244,117,33,.28),transparent 34%),
  linear-gradient(135deg,rgba(22,3,3,.92),rgba(8,2,1,.96));
  box-shadow:0 34px 110px rgba(0,0,0,.56),inset 0 0 0 1px rgba(255,255,255,.035);
}
.videos-hero:before{background:linear-gradient(120deg,transparent,rgba(244,117,33,.13),transparent);}
.videos-hero-copy .eyebrow,.videos-control-bar .eyebrow,.videos-catalog-section .eyebrow,.videos-stage .eyebrow{color:#f47521;text-shadow:0 0 18px rgba(244,117,33,.24);}
.videos-hero-copy h1{text-shadow:8px 8px 0 rgba(229,9,20,.35),-4px -2px 0 rgba(244,117,33,.25);}
.videos-hero-copy p{color:rgba(255,245,235,.86);}
.videos-user-panel{border-color:rgba(244,117,33,.34);background:linear-gradient(135deg,rgba(0,0,0,.42),rgba(32,8,2,.34));box-shadow:0 18px 50px rgba(0,0,0,.32),0 0 24px rgba(229,9,20,.10);}
.videos-avatar{background:linear-gradient(135deg,#e50914,#f47521);box-shadow:0 0 26px rgba(244,117,33,.28);}
.videos-user-panel div>span{color:#f47521;}
.videos-user-panel small{color:#ffcc66;}
.videos-featured-card{border-color:rgba(244,117,33,.34);background:rgba(5,2,2,.72);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 28px rgba(229,9,20,.10);}
.videos-featured-art{background:
  linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.9)),
  radial-gradient(circle at 25% 25%,rgba(229,9,20,.58),transparent 32%),
  radial-gradient(circle at 78% 42%,rgba(244,117,33,.46),transparent 36%),
  linear-gradient(135deg,#1a0303,#050100);
}
.videos-featured-art:before{background:repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 2px 7px);opacity:.24;}
.video-play-symbol{background:linear-gradient(135deg,#e50914,#f47521);color:#fff;box-shadow:0 0 44px rgba(229,9,20,.35),0 0 28px rgba(244,117,33,.25);}
.video-glass-title span{color:#ffcc66;background:rgba(0,0,0,.52);border-color:rgba(244,117,33,.20);}
.videos-featured-info{background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(40,8,0,.24));}
.videos-featured-info>span{color:#f47521;}
.videos-control-bar{border-color:rgba(244,117,33,.18);background:linear-gradient(135deg,rgba(12,3,3,.74),rgba(28,7,0,.52));}
.videos-filters button{border-color:rgba(244,117,33,.25);background:rgba(0,0,0,.38);}
.videos-filters button:hover,.videos-filters button.active{background:linear-gradient(135deg,#e50914,#f47521);color:#fff;border-color:transparent;box-shadow:0 14px 34px rgba(229,9,20,.24);}
.videos-stage{border-color:rgba(244,117,33,.28);background:linear-gradient(135deg,rgba(12,3,3,.94),rgba(32,7,0,.86));}
.video-player-placeholder{background:
  radial-gradient(circle at 50% 28%,rgba(244,117,33,.22),transparent 34%),
  linear-gradient(135deg,rgba(0,0,0,.68),rgba(34,7,0,.92));}
.video-player-placeholder span{background:linear-gradient(135deg,#e50914,#f47521);color:#fff;box-shadow:0 0 34px rgba(229,9,20,.28);}
.video-player-placeholder small{color:#ffcc66;}
.videos-catalog-section{border-color:rgba(244,117,33,.16);background:linear-gradient(180deg,rgba(8,3,2,.62),rgba(0,0,0,.30));}
.video-row-head span{color:#f47521;}
.video-row-scroller::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e50914,#f47521);}
.video-card{border-color:rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(28,6,3,.90),rgba(4,2,1,.96));box-shadow:0 20px 50px rgba(0,0,0,.28);}
.video-card:hover{border-color:rgba(244,117,33,.45);box-shadow:0 28px 80px rgba(0,0,0,.46),0 0 28px rgba(229,9,20,.12);}
.video-thumb{background:
  linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.78)),
  radial-gradient(circle at 28% 24%,rgba(229,9,20,.54),transparent 30%),
  radial-gradient(circle at 80% 52%,rgba(244,117,33,.40),transparent 36%),
  #170303;}
.video-thumb-badge{color:#ffcc66;border-color:rgba(244,117,33,.18);}
.video-thumb strong{color:#f47521;}
.video-thumb i{background:linear-gradient(135deg,#e50914,#f47521);color:#fff;box-shadow:0 0 28px rgba(229,9,20,.28);}
.video-meta span{background:rgba(244,117,33,.10);color:rgba(255,239,224,.78);}
.videos-empty{border-color:rgba(244,117,33,.16);background:rgba(244,117,33,.06);}
.videos-stream-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:
  radial-gradient(circle at center,rgba(229,9,20,.22),transparent 34%),
  radial-gradient(circle at 55% 65%,rgba(244,117,33,.18),transparent 36%),
  #030100;transition:opacity .58s ease,visibility .58s ease;}
.videos-stream-loader:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 2px 8px);opacity:.28;}
.videos-stream-loader.hide{opacity:0;visibility:hidden;}
.stream-loader-card{position:relative;z-index:1;text-align:center;display:grid;place-items:center;padding:34px;width:min(460px,92vw);}
.stream-loader-logo{width:112px;height:112px;border-radius:30px;overflow:hidden;box-shadow:0 0 42px rgba(229,9,20,.32),0 0 26px rgba(244,117,33,.28);margin-bottom:20px;animation:streamPulse 1.8s ease-in-out infinite;}
.stream-loader-logo img{width:100%;height:100%;object-fit:cover;display:block;}
.stream-loader-card span{font-weight:1000;letter-spacing:.26em;text-transform:uppercase;color:#f47521;font-size:13px;}
.stream-loader-card strong{font-size:clamp(44px,9vw,84px);line-height:.86;letter-spacing:-.07em;text-transform:uppercase;text-shadow:7px 7px 0 rgba(229,9,20,.32);margin:10px 0 12px;}
.stream-loader-card p{margin:0 0 22px;color:rgba(255,255,255,.76);font-weight:800;}
.stream-loader-bar{width:min(320px,70vw);height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.stream-loader-bar i{display:block;height:100%;width:44%;border-radius:999px;background:linear-gradient(90deg,#e50914,#f47521,#ffcc66);animation:streamLoading 1.15s ease-in-out infinite;}
@keyframes streamLoading{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@keyframes streamPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.18)}}
@media(max-width:640px){.stream-loader-logo{width:88px;height:88px;border-radius:24px}.stream-loader-card{padding:24px}.stream-loader-card strong{font-size:48px}}

/* V60.2 — menu sanduíche nas páginas internas */
.member-menu-btn{display:none;background:transparent;border:0;padding:8px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:0}
.member-menu-btn span{display:block;width:24px;height:2px;background:#fff;margin:3px;border-radius:3px;box-shadow:0 0 10px rgba(0,231,255,.35)}
@media(max-width:900px){
  .member-topbar{position:sticky;}
  .member-menu-btn{display:inline-flex;}
  .member-topbar .member-topnav.open{display:flex;position:absolute;left:12px;right:12px;top:76px;flex-direction:column;align-items:stretch;gap:6px;background:rgba(8,8,28,.98);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);z-index:40;backdrop-filter:blur(18px);}
  .member-topbar .member-topnav.open a{display:block;text-align:left;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.055);}
  .member-topbar .member-topnav.open a.active{background:linear-gradient(135deg,rgba(0,231,255,.20),rgba(255,92,154,.14));}
}
@media(max-width:620px){
  .member-topbar .member-topnav.open{top:68px;left:8px;right:8px;}
}

/* V60.3 — correção do menu mobile no Fliperama
   O Fliperama tem camadas visuais próprias; por isso o dropdown ficava atrás da hero.
   Esta correção sobe somente o topo/menu do Fliperama sem alterar Firebase ou lógica. */
.fliperama-body .member-topbar.arcade-topbar{
  position: sticky;
  z-index: 9999 !important;
  overflow: visible !important;
  isolation: isolate;
}
.fliperama-body .arcade-shell{
  position: relative;
  z-index: 1 !important;
}
@media(max-width:900px){
  .fliperama-body .member-topbar.arcade-topbar .member-topnav.open{
    z-index: 10000 !important;
    background: rgba(8,0,19,.985);
    border: 1px solid rgba(0,246,255,.42);
    box-shadow: 0 22px 70px rgba(0,0,0,.75), 0 0 26px rgba(0,246,255,.24);
  }
  .fliperama-body .member-topbar.arcade-topbar .member-topnav.open a{
    position: relative;
    z-index: 10001;
  }
}
@media(max-width:620px){
  .fliperama-body .member-topbar.arcade-topbar .btn.primary.member-login-btn{
    padding: 11px 18px;
    font-size: 14px;
    min-width: 92px;
  }
}

/* V60.4 — Correção pequena: bolinha Hero da legenda na Comunidade
   Motivo: o marcador do nível Hero usa a classe .hero e acabava herdando
   padding/layout da seção principal .hero no mobile. Aqui travamos todos
   os marcadores de nível como círculos fixos, sem mexer no menu. */
.level-legend .level-dot,
.level-legend .level-dot.hero,
.level-legend .level-dot.recruta,
.level-legend .level-dot.padawan,
.level-legend .level-dot.guardiao,
.level-legend .level-dot.eterno,
.level-legend .level-dot.one_above_all{
  box-sizing:border-box !important;
  display:inline-block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  flex:0 0 18px !important;
  aspect-ratio:1 / 1 !important;
  line-height:0 !important;
  align-self:center !important;
  justify-self:center !important;
  overflow:hidden !important;
}

@media(max-width:620px){
  .level-legend .level-dot,
  .level-legend .level-dot.hero,
  .level-legend .level-dot.recruta,
  .level-legend .level-dot.padawan,
  .level-legend .level-dot.guardiao,
  .level-legend .level-dot.eterno,
  .level-legend .level-dot.one_above_all{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    padding:0 !important;
    flex-basis:18px !important;
  }
}

/* =========================
   V61 — Biblioteca Geek / Arquivo do Multiverso
   ========================= */
.biblioteca-body{
  min-height:100vh;
  background:#020a0a;
  color:#f4fff9;
  overflow-x:hidden;
}
.library-bg{
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 15% 10%, rgba(0,255,156,.18), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(0,229,255,.14), transparent 34%),
    radial-gradient(circle at 60% 92%, rgba(255,209,102,.12), transparent 34%),
    linear-gradient(135deg,#020a0a 0%,#061414 48%,#081c1a 100%);
  overflow:hidden;
}
.library-orb{
  position:absolute;
  width:360px;
  height:360px;
  border-radius:999px;
  filter:blur(34px);
  opacity:.55;
  animation:libraryFloat 8s ease-in-out infinite;
}
.library-orb-a{left:-120px;top:110px;background:rgba(0,255,156,.25)}
.library-orb-b{right:-140px;bottom:80px;background:rgba(0,229,255,.2);animation-delay:-3s}
.library-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,255,156,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.055) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 86%);
}
.library-runes{
  position:absolute;
  inset:-20%;
  opacity:.08;
  background-image:repeating-linear-gradient(110deg, transparent 0 38px, rgba(255,209,102,.55) 39px 41px, transparent 42px 84px);
  transform:rotate(-6deg);
}
@keyframes libraryFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.04)}}
.library-topbar{
  position:relative;
  z-index:60;
  border:1px solid rgba(0,255,156,.18);
  box-shadow:0 20px 70px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03);
  background:rgba(2,10,10,.72);
  backdrop-filter:blur(18px);
}
.library-topbar .brand img,
.biblioteca-body .brand img{
  border:1px solid rgba(0,255,156,.24);
  box-shadow:0 0 22px rgba(0,255,156,.18);
}
.library-topbar .member-topnav a.active,
.library-topbar .member-topnav a:hover{
  color:#00ff9c;
}
.library-topbar .member-login-btn,
.library-gate .btn.primary,
.biblioteca-body .btn.primary{
  background:linear-gradient(135deg,#00ff9c,#00e5ff);
  color:#02100d;
  box-shadow:0 12px 36px rgba(0,255,156,.24);
}
.library-shell{
  position:relative;
  z-index:1;
  padding-top:30px;
  padding-bottom:70px;
}
.library-gate{
  max-width:760px;
  margin:34px auto;
  border-color:rgba(0,255,156,.22);
  background:linear-gradient(180deg,rgba(6,20,20,.86),rgba(2,10,10,.9));
  box-shadow:0 30px 90px rgba(0,0,0,.35),0 0 60px rgba(0,255,156,.08);
}
.library-app{display:grid;gap:24px}
.library-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  gap:24px;
  align-items:stretch;
}
.library-hero-copy,
.library-codex-card,
.library-control-panel,
.library-stage,
.library-card,
.library-open-card,
.library-empty{
  border:1px solid rgba(0,255,156,.16);
  background:linear-gradient(180deg,rgba(8,28,26,.84),rgba(2,10,10,.86));
  box-shadow:0 24px 90px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.03);
  backdrop-filter:blur(18px);
}
.library-hero-copy{
  border-radius:34px;
  padding:clamp(26px,4vw,46px);
  position:relative;
  overflow:hidden;
}
.library-hero-copy:before{
  content:"";
  position:absolute;
  inset:auto -18% -40% 20%;
  height:260px;
  background:radial-gradient(circle, rgba(0,255,156,.18), transparent 70%);
  pointer-events:none;
}
.library-hero-copy .eyebrow,
.biblioteca-body .eyebrow{
  color:#00ff9c;
  letter-spacing:.16em;
}
.library-hero h1{
  margin:10px 0 12px;
  font-size:clamp(42px,8vw,86px);
  line-height:.92;
  letter-spacing:-.07em;
  text-shadow:0 0 34px rgba(0,255,156,.16);
}
.library-hero p{
  color:#b8d8d2;
  max-width:720px;
  font-size:clamp(15px,2vw,18px);
  line-height:1.65;
}
.library-user-panel{
  margin-top:24px;
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  max-width:100%;
  padding:12px 16px;
  border:1px solid rgba(0,229,255,.18);
  border-radius:22px;
  background:rgba(0,229,255,.06);
}
.library-avatar{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(135deg,#00ff9c,#00e5ff);
  color:#020a0a;
  font-weight:1000;
}
.library-avatar img{width:100%;height:100%;object-fit:cover}
.library-user-panel span{font-size:11px;color:#00e5ff;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.library-user-panel strong{display:block;color:#fff;font-size:18px}
.library-user-panel small{display:block;color:#b8d8d2;margin-top:2px}
.library-codex-card{
  border-radius:34px;
  padding:20px;
  display:grid;
  gap:16px;
}
.codex-screen{
  min-height:270px;
  border-radius:28px;
  display:grid;
  align-content:center;
  justify-items:center;
  text-align:center;
  padding:28px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at center, rgba(0,255,156,.22), transparent 55%),
    linear-gradient(180deg,#061414,#020a0a);
  border:1px solid rgba(0,255,156,.22);
  box-shadow:inset 0 0 40px rgba(0,0,0,.75),0 0 34px rgba(0,255,156,.1);
}
.codex-screen:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(to bottom, rgba(255,255,255,.055) 0 1px, transparent 1px 4px);
  mix-blend-mode:screen;
  opacity:.28;
}
.codex-screen:after{
  content:"01001011 01000001 01001001 01001111 01001000";
  position:absolute;
  bottom:18px;
  left:0;
  right:0;
  color:rgba(0,255,156,.22);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;
  letter-spacing:.18em;
}
.codex-screen span{position:relative;color:#00e5ff;font-weight:1000;letter-spacing:.18em;font-size:13px}
.codex-screen strong{position:relative;font-size:clamp(28px,5vw,48px);letter-spacing:-.04em;color:#fff;text-shadow:0 0 22px rgba(0,255,156,.45)}
.codex-screen small{position:relative;color:#ffd166;font-weight:900;margin-top:10px}
.codex-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.codex-stats div{
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:14px 10px;
  text-align:center;
  background:rgba(255,255,255,.04);
}
.codex-stats strong{display:block;font-size:24px;color:#00ff9c}
.codex-stats span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9fbeb8;font-weight:900}
.library-control-panel{
  border-radius:28px;
  padding:22px;
  display:grid;
  grid-template-columns:1fr minmax(220px,320px);
  gap:18px;
  align-items:center;
}
.library-control-panel h2{margin:4px 0 6px;font-size:clamp(24px,4vw,38px);letter-spacing:-.04em}
.library-control-panel p{margin:0;color:#9fbeb8;line-height:1.55}
.library-search-box input{
  width:100%;
  border:1px solid rgba(0,229,255,.18);
  border-radius:18px;
  background:rgba(2,10,10,.75);
  color:#fff;
  padding:15px 16px;
  outline:none;
  font-weight:800;
}
.library-search-box input:focus{border-color:rgba(0,255,156,.65);box-shadow:0 0 0 4px rgba(0,255,156,.08)}
.library-filters{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.library-filter{
  border:1px solid rgba(0,255,156,.16);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.04);
  color:#c8fff1;
  font-weight:1000;
  cursor:pointer;
}
.library-filter.active,
.library-filter:hover{
  background:linear-gradient(135deg,rgba(0,255,156,.22),rgba(0,229,255,.16));
  border-color:rgba(0,255,156,.5);
  color:#fff;
}
.library-featured-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.library-grid-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.library-card{
  border-radius:26px;
  padding:18px;
  display:flex;
  flex-direction:column;
  min-height:285px;
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.library-card:before{
  content:"";
  position:absolute;
  inset:-40% -30% auto auto;
  width:180px;
  height:180px;
  border-radius:999px;
  background:rgba(0,255,156,.12);
  filter:blur(10px);
}
.library-card.premium:before{background:rgba(255,209,102,.16)}
.library-card:hover{transform:translateY(-4px);border-color:rgba(0,255,156,.36);box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 34px rgba(0,255,156,.08)}
.library-card.locked{filter:saturate(.62);opacity:.82}
.library-card-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.library-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(0,255,156,.1);
  border:1px solid rgba(0,255,156,.2);
  font-size:26px;
}
.library-badge{
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:1000;
}
.library-badge.free{background:rgba(0,255,156,.13);color:#00ff9c;border:1px solid rgba(0,255,156,.22)}
.library-badge.premium{background:rgba(255,209,102,.13);color:#ffd166;border:1px solid rgba(255,209,102,.24)}
.library-card-body{position:relative;flex:1}
.library-category{display:block;color:#00e5ff;font-size:11px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.library-card h3{margin:0 0 10px;font-size:21px;line-height:1.08;letter-spacing:-.04em;color:#fff}
.library-card p{margin:0;color:#a9c9c3;line-height:1.52;font-size:14px}
.library-card-footer{position:relative;margin-top:18px}
.library-card-footer .btn{width:100%;justify-content:center}
.library-stage{
  border-radius:30px;
  padding:20px;
}
.library-stage-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:14px;
}
.library-stage-head h2{margin:4px 0 0;font-size:clamp(24px,4vw,40px);letter-spacing:-.05em}
.library-open-card{
  border-radius:24px;
  padding:22px;
  display:grid;
  grid-template-columns:90px 1fr;
  gap:18px;
}
.library-open-icon{
  width:82px;
  height:82px;
  border-radius:26px;
  display:grid;
  place-items:center;
  font-size:42px;
  background:rgba(0,255,156,.1);
  border:1px solid rgba(0,255,156,.24);
}
.library-open-card.premium .library-open-icon{background:rgba(255,209,102,.12);border-color:rgba(255,209,102,.3)}
.library-open-badge{display:inline-flex;color:#ffd166;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;margin-bottom:8px}
.library-open-card h3{margin:0 0 10px;font-size:clamp(26px,4vw,42px);letter-spacing:-.05em}
.library-open-card p{margin:0;color:#b8d8d2;line-height:1.6}
.library-preview-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.library-preview-list span{
  border:1px solid rgba(0,229,255,.16);
  border-radius:999px;
  padding:9px 12px;
  background:rgba(0,229,255,.06);
  color:#c8fff1;
  font-weight:900;
  font-size:13px;
}
.library-open-note{
  margin-top:18px;
  display:grid;
  gap:4px;
  border:1px solid rgba(255,209,102,.18);
  border-radius:18px;
  padding:14px;
  background:rgba(255,209,102,.07);
  color:#f9ead0;
}
.library-empty{
  grid-column:1 / -1;
  border-radius:24px;
  padding:28px;
  display:grid;
  gap:6px;
  color:#b8d8d2;
}
.library-empty b{font-size:20px;color:#fff}
@media(max-width:980px){
  .library-hero{grid-template-columns:1fr}
  .library-featured-grid{grid-template-columns:1fr}
  .library-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .library-control-panel{grid-template-columns:1fr}
}
@media(max-width:700px){
  .library-shell{padding-top:18px}
  .library-hero-copy,.library-codex-card,.library-control-panel,.library-stage{border-radius:24px;padding:18px}
  .library-hero h1{font-size:46px}
  .library-user-panel{width:100%;align-items:flex-start}
  .codex-screen{min-height:220px;border-radius:22px}
  .codex-stats{grid-template-columns:1fr 1fr 1fr}
  .codex-stats strong{font-size:20px}
  .library-grid-list{grid-template-columns:1fr}
  .library-card{min-height:auto}
  .library-stage-head{align-items:flex-start;flex-direction:column}
  .library-open-card{grid-template-columns:1fr}
  .library-open-icon{width:70px;height:70px;border-radius:22px;font-size:34px}
}

/* V62 — Mangás / HQs: banca geek digital */
.mangas-body{
  background:#05060b;
  color:#fff;
  overflow-x:hidden;
}
.manga-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%, rgba(229,9,20,.22), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(255,92,154,.18), transparent 30%),
    radial-gradient(circle at 60% 100%, rgba(138,92,255,.14), transparent 36%),
    linear-gradient(135deg,#05060b 0%,#0b0d19 48%,#170609 100%);
}
.manga-orb{position:absolute;border-radius:999px;filter:blur(10px);opacity:.78}
.manga-orb-a{width:300px;height:300px;left:-90px;top:110px;background:rgba(229,9,20,.22)}
.manga-orb-b{width:380px;height:380px;right:-150px;bottom:-100px;background:rgba(255,111,0,.18)}
.manga-speedlines{
  position:absolute;
  inset:-20%;
  background:repeating-linear-gradient(120deg,rgba(255,255,255,.055) 0 1px,transparent 1px 28px);
  transform:skewY(-8deg);
  opacity:.42;
}
.manga-halftone{
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);
  background-size:22px 22px;
  mask-image:radial-gradient(circle at 85% 18%,#000 0 18%,transparent 42%);
  opacity:.34;
}
.manga-topbar{
  position:sticky;
  top:14px;
  z-index:80;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(135deg,rgba(10,12,25,.86),rgba(22,6,9,.76));
  backdrop-filter:blur(18px);
  box-shadow:0 18px 70px rgba(0,0,0,.32);
}
.manga-topbar .brand img{border-radius:14px}
.manga-shell{padding-top:30px;padding-bottom:70px}
.manga-gate,
.manga-hero-copy,
.manga-shelf-card,
.manga-control-panel,
.manga-reader-stage,
.manga-card,
.manga-empty{
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
  box-shadow:0 24px 90px rgba(0,0,0,.36);
  backdrop-filter:blur(16px);
}
.manga-hero{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:22px;
  align-items:stretch;
  margin-bottom:24px;
}
.manga-hero-copy{
  border-radius:34px;
  padding:30px;
  position:relative;
  overflow:hidden;
}
.manga-hero-copy:before{
  content:"";
  position:absolute;
  inset:auto -110px -160px auto;
  width:360px;
  height:360px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(255,111,0,.22),transparent 62%);
}
.manga-hero .eyebrow{color:#ff6f00}
.manga-hero h1{
  position:relative;
  margin:8px 0 12px;
  font-size:clamp(52px,9vw,102px);
  line-height:.86;
  letter-spacing:-.075em;
  color:#fff;
  text-shadow:0 0 26px rgba(229,9,20,.35);
}
.manga-hero-copy p{
  position:relative;
  color:#e7dfe7;
  line-height:1.65;
  max-width:720px;
  font-weight:650;
}
.manga-user-card{
  position:relative;
  margin-top:24px;
  display:flex;
  gap:14px;
  align-items:center;
  max-width:520px;
  border:1px solid rgba(255,111,0,.22);
  border-radius:22px;
  padding:14px;
  background:rgba(0,0,0,.25);
}
.manga-avatar{
  width:56px;
  height:56px;
  flex:0 0 56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#e50914,#ff6f00);
  font-weight:1000;
  color:#fff;
}
.manga-avatar img{width:100%;height:100%;object-fit:cover}
.manga-user-card span{font-size:11px;color:#ffb088;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}
.manga-user-card strong{display:block;font-size:18px;color:#fff}
.manga-user-card small{display:block;color:#e5c6c6;margin-top:2px}
.manga-shelf-card{
  border-radius:34px;
  padding:20px;
  display:grid;
  gap:16px;
}
.manga-shelf-screen{
  min-height:290px;
  border-radius:28px;
  position:relative;
  overflow:hidden;
  display:grid;
  align-content:center;
  justify-items:center;
  text-align:center;
  padding:28px;
  background:
    linear-gradient(140deg,rgba(229,9,20,.26),transparent 42%),
    radial-gradient(circle at 62% 20%,rgba(255,111,0,.22),transparent 45%),
    #0c0d16;
  border:1px solid rgba(255,111,0,.22);
  box-shadow:inset 0 0 50px rgba(0,0,0,.72),0 0 34px rgba(229,9,20,.12);
}
.manga-shelf-screen:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0 24%,rgba(255,255,255,.07) 24% 25%,transparent 25% 49%,rgba(255,255,255,.05) 49% 50%,transparent 50%),
    repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 5px);
  opacity:.5;
}
.manga-shelf-screen:after{
  content:"ドキドキ • KAIOH • HQ";
  position:absolute;
  bottom:18px;
  color:rgba(255,255,255,.2);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.22em;
}
.manga-shelf-screen span,.manga-shelf-screen strong,.manga-shelf-screen small{position:relative}
.manga-shelf-screen span{color:#ff6f00;font-size:12px;font-weight:1000;letter-spacing:.18em}
.manga-shelf-screen strong{font-size:clamp(28px,4.6vw,48px);line-height:.94;letter-spacing:-.055em;text-shadow:0 0 22px rgba(229,9,20,.35)}
.manga-shelf-screen small{color:#ffd166;font-weight:950;margin-top:10px}
.manga-shelf-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.manga-shelf-stats div{
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.04);
  padding:14px 10px;
  text-align:center;
}
.manga-shelf-stats strong{display:block;font-size:25px;color:#ff6f00}
.manga-shelf-stats span{font-size:11px;color:#dabbbb;text-transform:uppercase;letter-spacing:.12em;font-weight:950}
.manga-control-panel{
  border-radius:28px;
  padding:22px;
  display:grid;
  grid-template-columns:1fr minmax(220px,330px);
  gap:18px;
  align-items:center;
  margin-bottom:26px;
}
.manga-control-panel h2{margin:4px 0 6px;font-size:clamp(24px,4vw,38px);letter-spacing:-.05em}
.manga-control-panel p{margin:0;color:#d8c5c5;line-height:1.55}
.manga-search-box input{
  width:100%;
  border:1px solid rgba(255,111,0,.22);
  border-radius:18px;
  background:rgba(5,6,11,.74);
  color:#fff;
  padding:15px 16px;
  outline:none;
  font-weight:850;
}
.manga-search-box input:focus{border-color:rgba(229,9,20,.7);box-shadow:0 0 0 4px rgba(229,9,20,.12)}
.manga-filters{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.manga-filter{
  border:1px solid rgba(255,111,0,.2);
  border-radius:999px;
  padding:10px 14px;
  color:#ffe4da;
  background:rgba(255,255,255,.045);
  font-weight:1000;
  cursor:pointer;
}
.manga-filter.active,.manga-filter:hover{
  background:linear-gradient(135deg,rgba(229,9,20,.28),rgba(255,111,0,.2));
  color:#fff;
  border-color:rgba(255,111,0,.52);
}
.manga-featured-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.manga-grid-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.manga-card{
  min-height:390px;
  border-radius:28px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:14px;
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.manga-card:before{
  content:"";
  position:absolute;
  inset:-35% -20% auto auto;
  width:220px;
  height:220px;
  border-radius:999px;
  background:rgba(229,9,20,.15);
  filter:blur(12px);
}
.manga-card.premium:before{background:rgba(255,209,102,.16)}
.manga-card:hover{transform:translateY(-5px);border-color:rgba(255,111,0,.45);box-shadow:0 32px 90px rgba(0,0,0,.4),0 0 34px rgba(229,9,20,.1)}
.manga-card.locked{filter:saturate(.72);opacity:.82}
.manga-cover{
  position:relative;
  height:180px;
  border-radius:22px;
  display:grid;
  align-content:space-between;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,#e50914,#25090e 62%,#0a0b13);
}
.manga-cover.premium{background:linear-gradient(135deg,#ffd166,#7a3d00 45%,#130a02)}
.manga-cover:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.22),transparent 20%),
    repeating-linear-gradient(-18deg,rgba(255,255,255,.08) 0 2px,transparent 2px 18px);
}
.manga-cover span,.manga-cover strong,.manga-cover small{position:relative}
.manga-cover span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;color:#fff}
.manga-cover strong{font-size:52px;letter-spacing:-.08em;line-height:.86;color:#fff;text-shadow:0 0 18px rgba(0,0,0,.5)}
.manga-cover small{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:1000;color:#fff0d5}
.manga-card-body{position:relative;flex:1}
.manga-meta{display:block;color:#ffb088;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000;margin-bottom:8px}
.manga-card h3{margin:0 0 10px;font-size:22px;line-height:1.05;letter-spacing:-.05em;color:#fff}
.manga-card p{margin:0;color:#dbcaca;line-height:1.48;font-size:14px}
.manga-card-footer{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:auto}
.manga-card-footer span{font-size:12px;color:#ffcfbf;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.manga-card-footer .btn{justify-content:center}
.manga-reader-stage{
  border-radius:30px;
  padding:20px;
  margin-bottom:28px;
}
.manga-stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.manga-stage-head h2{margin:4px 0 0;font-size:clamp(24px,4vw,40px);letter-spacing:-.05em}
.manga-reader-card{
  display:grid;
  grid-template-columns:minmax(230px,330px) 1fr;
  gap:18px;
  border-radius:26px;
  padding:18px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.08);
}
.manga-reader-info{display:grid;gap:14px;align-content:start}
.manga-mini-cover{
  width:116px;
  height:154px;
  border-radius:20px;
  padding:14px;
  display:grid;
  align-content:space-between;
  background:linear-gradient(135deg,#e50914,#0a0b13);
  border:1px solid rgba(255,255,255,.14);
}
.manga-mini-cover span{font-size:10px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.manga-mini-cover strong{font-size:42px;line-height:.8;color:#fff}
.manga-open-badge{color:#ffd166;font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.manga-reader-info h3{margin:6px 0 8px;font-size:28px;line-height:1.02;letter-spacing:-.05em}
.manga-reader-info p{margin:0;color:#dbcaca;line-height:1.55}
.manga-chapter-select{display:grid;gap:8px;color:#ffb088;font-weight:900}
.manga-chapter-select select{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(255,111,0,.22);
  background:#0b0d19;
  color:#fff;
  padding:12px;
  font-weight:800;
}
.manga-page-view{display:grid;gap:14px}
.manga-page-paper{
  min-height:360px;
  border-radius:22px;
  padding:28px;
  display:grid;
  align-content:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 10%,rgba(229,9,20,.12),transparent 32%),
    linear-gradient(135deg,#fff8f0,#f2e7dc);
  color:#141015;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 20px 60px rgba(0,0,0,.28);
}
.manga-page-paper:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1px,transparent 1.4px);
  background-size:13px 13px;
  opacity:.16;
}
.manga-page-label{position:relative;color:#e50914;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.manga-page-paper h4{position:relative;margin:10px 0 16px;font-size:clamp(26px,4vw,42px);letter-spacing:-.06em}
.manga-page-paper p{position:relative;margin:0;font-size:clamp(20px,3vw,30px);line-height:1.38;font-weight:900}
.manga-panel-lines{position:absolute;right:24px;bottom:22px;display:grid;gap:6px;width:90px}
.manga-panel-lines i{display:block;height:4px;border-radius:999px;background:#141015;opacity:.22}
.manga-reader-controls{display:flex;gap:12px;justify-content:flex-end}
.manga-reader-note{color:#dabbbb;line-height:1.4}
.manga-empty{
  grid-column:1 / -1;
  border-radius:24px;
  padding:28px;
  display:grid;
  gap:6px;
  color:#d9c5c5;
}
.manga-empty b{font-size:20px;color:#fff}
@media(max-width:1060px){
  .manga-hero{grid-template-columns:1fr}
  .manga-featured-grid{grid-template-columns:1fr}
  .manga-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .manga-control-panel{grid-template-columns:1fr}
  .manga-reader-card{grid-template-columns:1fr}
}
@media(max-width:700px){
  .manga-shell{padding-top:18px}
  .manga-hero-copy,.manga-shelf-card,.manga-control-panel,.manga-reader-stage{border-radius:24px;padding:18px}
  .manga-hero h1{font-size:48px}
  .manga-user-card{width:100%;align-items:flex-start}
  .manga-shelf-screen{min-height:220px;border-radius:22px}
  .manga-shelf-stats{grid-template-columns:1fr 1fr 1fr}
  .manga-shelf-stats strong{font-size:20px}
  .manga-grid-list{grid-template-columns:1fr}
  .manga-card{min-height:auto}
  .manga-cover{height:170px}
  .manga-card-footer{grid-template-columns:1fr}
  .manga-stage-head{align-items:flex-start;flex-direction:column}
  .manga-reader-controls{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}
  .manga-page-paper{min-height:320px;padding:22px}
}


/* V63 — Comunidade: Eventos abaixo do Mural */
.community-events-section{position:relative;margin-top:28px;padding:clamp(20px,4vw,32px);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.032));box-shadow:0 24px 80px rgba(0,0,0,.32);backdrop-filter:blur(14px);overflow:hidden}
.community-events-section:before{content:"";position:absolute;inset:-20% -18% auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,92,.18),transparent 68%);filter:blur(16px);pointer-events:none}
.community-events-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;margin-top:20px;z-index:1}
.community-next-event,.community-calendar-card,.community-event-card{position:relative;border:1px solid rgba(255,255,255,.12);background:rgba(5,5,18,.68);box-shadow:0 18px 56px rgba(0,0,0,.26);overflow:hidden}
.community-next-event{border-radius:26px;padding:clamp(18px,3vw,28px);min-height:260px;display:flex;flex-direction:column;justify-content:space-between;border-color:rgba(0,231,255,.22)}
.community-next-event-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(0,231,255,.20),transparent 34%),radial-gradient(circle at 85% 18%,rgba(255,92,154,.18),transparent 30%),linear-gradient(135deg,rgba(138,92,255,.18),rgba(0,0,0,.08));pointer-events:none}
.community-next-event .eyebrow,.community-next-event-main,.community-next-event-actions{position:relative;z-index:1}
.community-next-event-main{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;margin:18px 0}
.community-next-event-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,rgba(0,231,255,.18),rgba(138,92,255,.20));box-shadow:inset 0 0 24px rgba(255,255,255,.05),0 0 24px rgba(0,231,255,.16)}
.community-next-event-main strong{display:block;color:#ffd45c;font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.community-next-event-main h3{font-size:clamp(28px,5vw,52px);line-height:.92;letter-spacing:-.06em;margin:0 0 10px;text-shadow:0 0 24px rgba(0,231,255,.22)}
.community-next-event-main p{max-width:760px;color:rgba(248,247,255,.72);line-height:1.6;margin:0}
.community-next-event-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.community-next-event-actions span{border:1px solid rgba(255,212,92,.26);border-radius:999px;background:rgba(255,212,92,.12);color:#ffe69a;padding:9px 12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.community-calendar-card{border-radius:24px;padding:20px}
.community-calendar-card h3{margin:8px 0 16px;font-size:24px;letter-spacing:-.04em}
.community-calendar-list{display:grid;gap:10px}
.community-calendar-list a{display:block;text-decoration:none;color:var(--text);padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.045);transition:.22s ease}
.community-calendar-list a:hover{transform:translateY(-2px);border-color:rgba(0,231,255,.28);background:rgba(0,231,255,.08)}
.community-calendar-list span{display:block;color:#00e7ff;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.community-calendar-list strong{display:block;font-size:14px;line-height:1.2}.community-calendar-list small{display:block;margin-top:4px;color:rgba(248,247,255,.56);font-weight:800}
.community-events-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.community-event-card{border-radius:22px;padding:16px;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start}
.community-event-card.featured{border-color:rgba(255,212,92,.24)}
.community-event-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:27px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 18px rgba(255,255,255,.05)}
.community-event-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.community-event-meta span,.community-event-meta b{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.community-event-meta span{background:rgba(0,231,255,.10);color:#9ff7ff;border:1px solid rgba(0,231,255,.18)}.community-event-meta b{background:rgba(255,212,92,.11);color:#ffe69a;border:1px solid rgba(255,212,92,.18)}
.community-event-card h3{margin:0 0 8px;font-size:21px;letter-spacing:-.04em}.community-event-card p{margin:0;color:rgba(248,247,255,.68);line-height:1.52}.community-event-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px}.community-event-footer small{color:rgba(248,247,255,.54);font-weight:900}.community-event-footer .btn{padding:9px 12px;font-size:12px}
@media(max-width:900px){.community-events-layout{grid-template-columns:1fr}.community-events-grid{grid-template-columns:1fr}}
@media(max-width:620px){.community-events-section{border-radius:22px}.community-next-event-main{grid-template-columns:1fr}.community-next-event-icon{width:64px;height:64px;border-radius:20px;font-size:32px}.community-next-event-actions .btn{width:100%}.community-event-card{grid-template-columns:48px 1fr;padding:13px}.community-event-icon{width:44px;height:44px;border-radius:14px;font-size:23px}.community-event-footer .btn{width:100%;justify-content:center}}

/* V64 — KaiohCraft / Mundos Online */
.kaiohcraft-body{
  --craft-green:#63e02f;
  --craft-lime:#9cff3d;
  --craft-emerald:#25d366;
  --craft-gold:#ffd166;
  --craft-wood:#8b5a28;
  --craft-stone:#2b2926;
  --craft-dark:#070906;
  background:#050806;
  color:#fff7e7;
  min-height:100vh;
}
.kaiohcraft-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:#030604}
.kaiohcraft-bg-image{position:absolute;inset:0;background:url('assets/kaiohcraft-bg.jpg') center/cover no-repeat;filter:saturate(1.12) contrast(1.08);opacity:.9;transform:scale(1.02)}
.kaiohcraft-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 26%,rgba(80,180,42,.16),transparent 38%),linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.76) 72%,#020302 100%),linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.12),rgba(0,0,0,.50))}
.kaiohcraft-pixels{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:26px 26px;mix-blend-mode:screen;opacity:.35}
.kaiohcraft-topbar{border-color:rgba(110,226,47,.42);background:linear-gradient(180deg,rgba(13,17,10,.92),rgba(5,6,5,.84));box-shadow:0 16px 46px rgba(0,0,0,.56),inset 0 -3px 0 rgba(139,90,40,.36)}
.kaiohcraft-brand img{width:62px;height:62px;border-radius:16px;object-fit:contain;background:rgba(0,0,0,.35);box-shadow:0 0 0 2px rgba(99,224,47,.18)}
.kaiohcraft-topbar .member-topnav a.active,.kaiohcraft-topbar .member-topnav a:hover{background:linear-gradient(135deg,rgba(99,224,47,.18),rgba(255,209,102,.12));color:#b7ff74;border-color:rgba(99,224,47,.32)}
.craft-login-btn,.craft-main-action{background:linear-gradient(135deg,#5ecb18,#b7ff4b)!important;color:#081004!important;border:1px solid rgba(255,209,102,.36)!important;text-shadow:0 1px 0 rgba(255,255,255,.28);box-shadow:0 0 30px rgba(99,224,47,.28),inset 0 -4px 0 rgba(0,0,0,.22)}
.kaiohcraft-shell{position:relative;padding-top:44px;padding-bottom:54px}
.kaiohcraft-app{display:grid;gap:28px}.kaiohcraft-gate{background:linear-gradient(135deg,rgba(17,22,13,.88),rgba(34,24,12,.78));border-color:rgba(99,224,47,.28)}
.kaiohcraft-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:22px;align-items:stretch}
.kaiohcraft-hero-main,.kaiohcraft-status-card,.kaiohcraft-panel,.kaiohcraft-rules-section,.kaiohcraft-gallery-section,.kaiohcraft-final-cta,.kaiohcraft-world-card{position:relative;border:2px solid rgba(84,55,24,.88);background:linear-gradient(180deg,rgba(23,22,18,.86),rgba(8,10,7,.80));box-shadow:0 22px 70px rgba(0,0,0,.50),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
.kaiohcraft-hero-main:before,.kaiohcraft-status-card:before,.kaiohcraft-panel:before,.kaiohcraft-rules-section:before,.kaiohcraft-gallery-section:before,.kaiohcraft-final-cta:before,.kaiohcraft-world-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(99,224,47,.11),transparent 22%,transparent 78%,rgba(255,209,102,.09));pointer-events:none}
.kaiohcraft-hero-main{border-radius:30px;padding:clamp(22px,4vw,42px);min-height:560px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 18% 20%,rgba(99,224,47,.16),transparent 34%),radial-gradient(circle at 80% 12%,rgba(255,209,102,.16),transparent 28%),linear-gradient(180deg,rgba(20,20,16,.84),rgba(5,7,4,.76))}
.kaiohcraft-hero-main .eyebrow{color:#ffd166;text-shadow:0 0 18px rgba(255,209,102,.26)}
.kaiohcraft-hero-logo{position:relative;z-index:1;width:min(470px,82vw);max-height:260px;object-fit:contain;margin:8px 0 8px;filter:drop-shadow(0 22px 34px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(99,224,47,.18))}
.kaiohcraft-hero-main h1{position:relative;z-index:1;font-size:clamp(42px,6.4vw,82px);line-height:.9;letter-spacing:-.07em;margin:0;color:#fff7e7;text-shadow:0 3px 0 rgba(0,0,0,.50),0 0 28px rgba(99,224,47,.20)}
.kaiohcraft-hero-main p{position:relative;z-index:1;max-width:780px;color:rgba(255,247,231,.78);line-height:1.65;font-size:clamp(16px,2vw,20px);margin:16px 0 0}
.kaiohcraft-actions{position:relative;z-index:1;display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:26px 0}.craft-stone-btn{background:linear-gradient(180deg,#55514a,#252521)!important;color:#fff7e7!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.28)}
.craft-emerald-btn{background:linear-gradient(135deg,#198f32,#6bec31)!important;color:#061006!important;border:1px solid rgba(255,209,102,.34)!important;box-shadow:0 0 18px rgba(99,224,47,.18),inset 0 -3px 0 rgba(0,0,0,.18)}
.kaiohcraft-user-card{position:relative;z-index:1;display:flex;align-items:center;gap:14px;width:min(620px,100%);border:2px solid rgba(139,90,40,.72);border-radius:20px;padding:14px;background:linear-gradient(135deg,rgba(0,0,0,.54),rgba(53,31,12,.46));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.kaiohcraft-avatar{width:66px;height:66px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#5ecb18,#253e1b);border:2px solid rgba(99,224,47,.42);flex:0 0 auto}.kaiohcraft-avatar img{width:100%;height:100%;object-fit:cover}.kaiohcraft-avatar span{font-size:30px;font-weight:1000;color:#0b1208}
.kaiohcraft-user-card span{display:block;color:#73ff4f;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em}.kaiohcraft-user-card strong{display:block;font-size:clamp(22px,3vw,30px);line-height:1;margin:5px 0;color:#fff}.kaiohcraft-user-card small{color:#ffd166;font-weight:900}.kaiohcraft-user-card b{font-weight:1000}
.kaiohcraft-status-card{border-radius:28px;padding:clamp(20px,3vw,28px);align-self:center;background:linear-gradient(180deg,rgba(34,31,25,.92),rgba(8,9,7,.86));border-color:rgba(139,90,40,.94)}
.craft-card-kicker{position:relative;z-index:1;display:inline-flex;color:#73ff4f;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px}.kaiohcraft-status-card h2{position:relative;z-index:1;font-size:clamp(36px,5vw,58px);line-height:.94;margin:4px 0 18px;color:#ffd166;text-shadow:0 0 24px rgba(255,209,102,.24)}
.craft-status-list{position:relative;z-index:1;display:grid;gap:10px;margin-bottom:18px}.craft-status-list div{display:grid;grid-template-columns:34px 88px 1fr;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px;background:rgba(0,0,0,.34)}.craft-status-list span{font-size:22px}.craft-status-list b{color:#cfbc96;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.craft-status-list strong{color:#fff;font-size:14px;text-align:right}.kaiohcraft-status-card small{position:relative;z-index:1;display:block;color:rgba(255,247,231,.64);margin-top:10px;font-weight:800}
.kaiohcraft-grid-section,.kaiohcraft-two-columns,.kaiohcraft-rules-section,.kaiohcraft-gallery-section,.kaiohcraft-final-cta{margin-top:0}.kaiohcraft-title h2{color:#fff7e7;text-shadow:0 0 22px rgba(99,224,47,.18)}
.kaiohcraft-worlds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.kaiohcraft-world-card{border-radius:22px;padding:14px;display:grid;gap:14px;min-height:320px}.kaiohcraft-world-card.locked{filter:saturate(.75);opacity:.74}.craft-world-art{position:relative;z-index:1;min-height:126px;border-radius:16px;background:radial-gradient(circle at 30% 25%,rgba(99,224,47,.28),transparent 34%),linear-gradient(135deg,#1f3616,#0d0d08);border:1px solid rgba(99,224,47,.18);display:grid;place-items:center;overflow:hidden}.craft-world-art span{font-size:54px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.42))}.craft-world-art i{position:absolute;inset:auto 0 0;height:20px;background:linear-gradient(180deg,#61c932 0 45%,#5f3718 46% 100%)}.craft-world-content{position:relative;z-index:1}.craft-world-content small{color:#73ff4f;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.craft-world-content h3{margin:6px 0 8px;font-size:26px;letter-spacing:-.05em;color:#fff}.craft-world-content p{margin:0;color:rgba(255,247,231,.70);line-height:1.5}.kaiohcraft-world-card .btn{position:relative;z-index:1;width:100%;justify-content:center}
.kaiohcraft-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kaiohcraft-panel{border-radius:26px;padding:clamp(18px,3vw,28px)}.kaiohcraft-panel h2,.kaiohcraft-rules-section h2,.kaiohcraft-final-cta h2{position:relative;z-index:1;margin:0 0 16px;font-size:clamp(30px,4vw,48px);line-height:.94;letter-spacing:-.06em;color:#fff7e7}.kaiohcraft-events-list,.kaiohcraft-benefits-list{position:relative;z-index:1;display:grid;gap:12px}.kaiohcraft-event-row,.kaiohcraft-benefit-row{display:grid;grid-template-columns:58px 1fr;gap:14px;border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;background:rgba(0,0,0,.32)}.kaiohcraft-event-row>span,.kaiohcraft-benefit-row>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(99,224,47,.12);font-size:28px}.kaiohcraft-event-row small,.kaiohcraft-benefit-row small{display:block;color:#73ff4f;font-weight:1000;text-transform:uppercase;letter-spacing:.10em;font-size:11px}.kaiohcraft-event-row strong,.kaiohcraft-benefit-row strong{display:block;color:#fff;font-size:19px;margin:3px 0}.kaiohcraft-event-row p,.kaiohcraft-benefit-row p{margin:0;color:rgba(255,247,231,.68);line-height:1.45}.kaiohcraft-benefit-row.locked{opacity:.68}.kaiohcraft-benefit-row.unlocked{border-color:rgba(99,224,47,.26);background:rgba(99,224,47,.08)}
.kaiohcraft-rules-section{border-radius:28px;padding:clamp(20px,4vw,34px);display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:22px;align-items:start}.kaiohcraft-rules-section p{position:relative;z-index:1;color:rgba(255,247,231,.72);line-height:1.6;margin:0}.kaiohcraft-rules-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kaiohcraft-rules-grid article{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px;background:rgba(0,0,0,.32)}.kaiohcraft-rules-grid span{font-size:30px}.kaiohcraft-rules-grid strong{display:block;margin:8px 0;color:#ffd166;font-size:18px}.kaiohcraft-rules-grid p{font-size:14px}
.kaiohcraft-gallery-section{border-radius:28px;padding:clamp(20px,4vw,34px)}.kaiohcraft-gallery-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.kaiohcraft-gallery-grid article{min-height:150px;border-radius:18px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 30% 20%,rgba(99,224,47,.20),transparent 30%),linear-gradient(135deg,#263b1b,#12110e);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 -35px 55px rgba(0,0,0,.42)}.kaiohcraft-gallery-grid span{font-size:34px}.kaiohcraft-gallery-grid strong{font-size:18px;color:#fff;margin-top:8px}.kaiohcraft-gallery-grid small{color:#ffd166;font-weight:900;margin-top:4px}
.kaiohcraft-final-cta{border-radius:28px;padding:clamp(20px,4vw,34px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(44,72,25,.88),rgba(22,15,8,.82));border-color:rgba(99,224,47,.32)}.kaiohcraft-final-cta p{position:relative;z-index:1;color:rgba(255,247,231,.72);max-width:780px;line-height:1.6;margin:0}.kaiohcraft-final-cta .btn{position:relative;z-index:1;flex:0 0 auto}
@media(max-width:1160px){.kaiohcraft-hero{grid-template-columns:1fr}.kaiohcraft-status-card{align-self:stretch}.kaiohcraft-worlds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kaiohcraft-two-columns{grid-template-columns:1fr}.kaiohcraft-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-status-list div{grid-template-columns:34px 76px 1fr}}
@media(max-width:760px){.kaiohcraft-shell{padding-top:18px}.kaiohcraft-topbar .brand img{width:52px;height:52px}.kaiohcraft-hero-main{min-height:auto;border-radius:24px;padding:20px}.kaiohcraft-hero-logo{width:100%;max-height:210px}.kaiohcraft-hero-main h1{font-size:44px}.kaiohcraft-actions{display:grid;grid-template-columns:1fr}.kaiohcraft-user-card{align-items:flex-start}.kaiohcraft-status-card,.kaiohcraft-panel,.kaiohcraft-rules-section,.kaiohcraft-gallery-section,.kaiohcraft-final-cta{border-radius:22px;padding:18px}.craft-status-list div{grid-template-columns:30px 1fr;gap:8px}.craft-status-list strong{grid-column:2;text-align:left}.kaiohcraft-worlds-grid,.kaiohcraft-gallery-grid{grid-template-columns:1fr}.kaiohcraft-world-card{min-height:auto}.kaiohcraft-rules-section{grid-template-columns:1fr}.kaiohcraft-rules-grid{grid-template-columns:1fr}.kaiohcraft-final-cta{display:grid}.kaiohcraft-final-cta .btn{width:100%;justify-content:center}.kaiohcraft-event-row,.kaiohcraft-benefit-row{grid-template-columns:48px 1fr}.kaiohcraft-event-row>span,.kaiohcraft-benefit-row>span{width:44px;height:44px;border-radius:14px;font-size:24px}}


/* =========================
   V65 — Consolidação
   - Cache-busting padronizado em v65-consolidada.
   - Home restaurada na raiz.
   - Guardião do Estúdio movido para jogos/guardiao-do-estudio/.
   - Páginas internas usando CKMemberSync antes da leitura direta.
   ========================= */


/* ==========================
   V66 — Painel de Conteúdo no Admin
   ========================== */
.admin-content-editor-card{display:grid;gap:16px}
.admin-content-toolbar{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:14px;align-items:end}
.admin-content-toolbar label,.admin-json-label{display:grid;gap:8px;color:rgba(248,251,255,.78);font-weight:900;font-size:13px;letter-spacing:.02em}
.admin-content-toolbar select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text);border-radius:14px;padding:12px}
.admin-json-editor{width:100%;min-height:520px;border:1px solid rgba(0,231,255,.18);background:rgba(0,0,0,.36);color:#eaffff;border-radius:18px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.48;resize:vertical;outline:none;tab-size:2}
.admin-json-editor:focus{border-color:rgba(0,231,255,.55);box-shadow:0 0 0 4px rgba(0,231,255,.09)}
.admin-content-help{display:grid;gap:6px;border:1px dashed rgba(255,212,92,.28);border-radius:18px;padding:14px;background:rgba(255,212,92,.06);color:rgba(248,251,255,.76);line-height:1.45}
.admin-content-help code{color:#ffd45c}.admin-notice.ok{border-color:rgba(92,255,177,.32);background:rgba(92,255,177,.07)}
@media(max-width:760px){.admin-content-toolbar{grid-template-columns:1fr}.admin-json-editor{min-height:420px;font-size:12px}.admin-inline-actions .btn{width:100%}}


/* =========================================================
   V66.3 — Capas automáticas dos vídeos no Vault Kaioh
   Usa thumbUrl manual ou capa gerada do YouTube pelo embedUrl.
   Mantém o layout do streaming, só troca o fundo abstrato pela capa.
   ========================================================= */
.videos-body .video-thumb.has-thumb{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.84)),
    var(--video-thumb) !important;
  background-size:cover !important;
  background-position:center !important;
}
.videos-body .video-thumb.has-thumb:before{
  opacity:.18;
  background:
    linear-gradient(90deg,rgba(229,9,20,.18),transparent 38%,rgba(244,117,33,.14)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 6px) !important;
}
.videos-body .video-card.locked .video-thumb.has-thumb{
  filter:saturate(.62) brightness(.82);
}
.videos-body .videos-featured-art.has-thumb{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.9)),
    radial-gradient(circle at 50% 42%,rgba(229,9,20,.16),transparent 44%),
    var(--video-featured-thumb) !important;
  background-size:cover !important;
  background-position:center !important;
}
.videos-body .videos-featured-art.has-thumb:before{
  opacity:.20;
  background:
    linear-gradient(110deg,rgba(229,9,20,.18),transparent 42%,rgba(244,117,33,.18)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 7px) !important;
}
.videos-body .videos-featured-art.has-thumb .video-play-symbol,
.videos-body .video-thumb.has-thumb i{
  backdrop-filter:blur(4px);
}