/* =========================================================
   JADE DYNASTY — tema principală (shell + componente + animații)

   Tot layout-ul public e construit în "rem", iar 1rem se calculează din
   dimensiunea ferestrei (vezi html.jd mai jos). Rezultatul: pagina se
   scalează proporțional pe orice rezoluție de PC și ocupă exact înălțimea
   ecranului, fără scroll. 1rem = 10px pe un viewport de 1920×940.
   ========================================================= */

:root{
  --jd-ink:#05060a;
  --jd-panel:#0b0c13;
  --jd-panel-2:#10111a;
  --jd-line:#b98a55;
  --jd-line-soft:rgba(190,145,95,.38);
  --jd-gold:#dcb27a;
  --jd-gold-hi:#f8e6c6;
  --jd-gold-deep:#9c6d3c;
  --jd-ember:#ffb45e;
  --jd-text:#ece6da;
  --jd-muted:#a9a192;
  --jd-red:#b3161a;
  --jd-red-hi:#ea3a34;
  --jd-red-deep:#4a0507;
  --jd-ease:cubic-bezier(.2,.8,.2,1);
  --jd-ease-back:cubic-bezier(.3,1.5,.5,1);
  --jd-hair:max(1px,.1rem);

  /* variabile folosite de paginile interne (moștenite din tema veche) */
  --gold:#dcb27a;
  --gold-light:#f8e6c6;
  --gold-bright:#f8e6c6;
  --gold-deep:#c99a63;
  --gold-dark:#9c6d3c;
  --border-gold:rgba(190,145,95,.38);
  --panel:#0b0c13;
  --ink:#ece6da;
  --ink-soft:#a9a192;
  --i2-gold:#dcb27a;
  --i2-gold-light:#f8e6c6;
  --i2-cream-border:rgba(190,145,95,.38);
  --red:#e0483f;
  --green:#39c27a;

  --jd-c-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d6a771' stroke-width='1.3' stroke-linecap='round'%3E%3Cg%3E%3Cpath d='M2 34V2h32'/%3E%3Cpath d='M2 2l12 12'/%3E%3Cpath d='M14 14c8-1 13-5 14-12M14 14c-1 8-5 13-12 14'/%3E%3Cpath d='M34 2c2 5 7 7 12 7M2 34c5 2 7 7 7 12'/%3E%3Cpath d='M22 18l4 4-4 4-4-4z' fill='%23d6a771' stroke='none'/%3E%3Cpath d='M8 20l3 3M20 8l3 3' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  --jd-c-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d6a771' stroke-width='1.3' stroke-linecap='round'%3E%3Cg transform='translate(64 0) scale(-1 1)'%3E%3Cpath d='M2 34V2h32'/%3E%3Cpath d='M2 2l12 12'/%3E%3Cpath d='M14 14c8-1 13-5 14-12M14 14c-1 8-5 13-12 14'/%3E%3Cpath d='M34 2c2 5 7 7 12 7M2 34c5 2 7 7 7 12'/%3E%3Cpath d='M22 18l4 4-4 4-4-4z' fill='%23d6a771' stroke='none'/%3E%3Cpath d='M8 20l3 3M20 8l3 3' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  --jd-c-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d6a771' stroke-width='1.3' stroke-linecap='round'%3E%3Cg transform='translate(0 64) scale(1 -1)'%3E%3Cpath d='M2 34V2h32'/%3E%3Cpath d='M2 2l12 12'/%3E%3Cpath d='M14 14c8-1 13-5 14-12M14 14c-1 8-5 13-12 14'/%3E%3Cpath d='M34 2c2 5 7 7 12 7M2 34c5 2 7 7 7 12'/%3E%3Cpath d='M22 18l4 4-4 4-4-4z' fill='%23d6a771' stroke='none'/%3E%3Cpath d='M8 20l3 3M20 8l3 3' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  --jd-c-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d6a771' stroke-width='1.3' stroke-linecap='round'%3E%3Cg transform='translate(64 64) scale(-1 -1)'%3E%3Cpath d='M2 34V2h32'/%3E%3Cpath d='M2 2l12 12'/%3E%3Cpath d='M14 14c8-1 13-5 14-12M14 14c-1 8-5 13-12 14'/%3E%3Cpath d='M34 2c2 5 7 7 12 7M2 34c5 2 7 7 7 12'/%3E%3Cpath d='M22 18l4 4-4 4-4-4z' fill='%23d6a771' stroke='none'/%3E%3Cpath d='M8 20l3 3M20 8l3 3' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  --jd-wing:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' fill='none' stroke='%23c99a63' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M0 20h78'/%3E%3Cpath d='M78 20c10 0 16-9 28-9 6 0 10 3 14 9M78 20c10 0 16 9 28 9 6 0 10-3 14-9'/%3E%3Cpath d='M52 20l10-11 4 7 12-12-4 16M52 20l10 11 4-7 12 12-4-16'/%3E%3Cpath d='M20 20l6-6 6 6-6 6z' fill='%23c99a63' stroke='none'/%3E%3Cpath d='M92 20h14' stroke-width='1'/%3E%3C/svg%3E");
}

/* ---------------- Bază ---------------- */
html.jd{
  height:100%;
  font-size:min(calc(100vw / 192), calc(100vh / 94));
  -webkit-text-size-adjust:100%;
  background:var(--jd-ink);
}
html.jd *,html.jd *::before,html.jd *::after{ box-sizing:border-box; }
html.jd body{
  margin:0;
  height:100vh; height:100dvh;
  overflow:hidden;
  background:var(--jd-ink);
  color:var(--jd-text);
  font-family:'Spectral',Georgia,'Times New Roman',serif;
  font-size:1.6rem;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html.jd a{ color:inherit; text-decoration:none; }
html.jd button{ font:inherit; color:inherit; }
html.jd img{ max-width:100%; }
html.jd ::selection{ background:rgba(220,60,50,.55); color:#fff; }

.jd-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ---------------- Fundal video ---------------- */
.jd-bg{
  position:fixed; inset:0; z-index:0; overflow:hidden;
  background:#06070c center/cover no-repeat;
  view-transition-name:jd-bg;
}
.jd-bg__video{
  position:absolute; left:-2.5%; top:-2.5%;
  width:105%; height:105%;
  object-fit:cover;
  opacity:0;
  transform:translate3d(var(--jd-px,0px),var(--jd-py,0px),0);
  transition:opacity 1.4s ease;
  will-change:transform;
}
.jd-bg__video.is-ready{ opacity:1; }
.jd-bg__shade{
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 80% 70% at 50% 46%, rgba(4,5,10,0) 35%, rgba(4,5,10,.5) 100%),
    linear-gradient(180deg, rgba(4,5,10,.6) 0%, rgba(4,5,10,.08) 20%, rgba(4,5,10,.12) 58%, rgba(4,5,10,.86) 100%),
    linear-gradient(90deg, rgba(4,5,10,.62) 0%, rgba(4,5,10,.22) 34%, rgba(4,5,10,0) 52%);
  transition:background-color .6s ease;
}
.jd-page-inner .jd-bg__shade{ background-color:rgba(4,5,10,.42); }
.jd-fx{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }

/* ---------------- Scenă (grid pe toată înălțimea) ---------------- */
.jd-stage{
  position:relative; z-index:2;
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  padding-top:1rem;
}
.jd-wrap{ width:min(176rem, calc(100% - 8rem)); margin-inline:auto; }

/* ---------------- Logo (construit din text, clar la orice rezoluție) ---------------- */
.jd-logo{
  position:relative; display:inline-block; flex:none;
  line-height:0; user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.jd-logo__img{
  display:block; height:100%; width:auto;
  filter:drop-shadow(0 .3rem .5rem rgba(0,0,0,.85)) drop-shadow(0 0 1.6rem rgba(0,0,0,.55));
  transition:filter .5s ease;
}
/* reflexia aurie care trece peste litere (mască = chiar logo-ul) */
.jd-logo__shine{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg, rgba(255,255,255,0) 38%, rgba(255,246,220,.85) 50%, rgba(255,255,255,0) 62%) 160% 0/260% 100% no-repeat;
  -webkit-mask:var(--jd-logo) center/contain no-repeat; mask:var(--jd-logo) center/contain no-repeat;
  mix-blend-mode:overlay;
  animation:jd-logo-shine 7s ease-in-out infinite 2.4s;
}
@keyframes jd-logo-shine{
  0%,62%{ background-position:160% 0; }
  82%,100%{ background-position:-60% 0; }
}

/* ---------------- Header ---------------- */
.jd-header{
  position:relative; z-index:40;
  height:7.8rem;
  display:flex; align-items:center;
  padding:0 8.4rem 0 9.4rem;
  view-transition-name:jd-header;
}
.jd-header__plate{
  position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg, rgba(185,138,85,.15), rgba(214,167,113,.95) 12%, rgba(214,167,113,.55) 50%, rgba(214,167,113,.95) 88%, rgba(185,138,85,.15));
  clip-path:polygon(0 0, 100% 0, calc(100% - 5.4rem) 100%, 5.4rem 100%, 3.6rem 66%, 4.6rem 50%, 2.4rem 22%);
  filter:drop-shadow(0 1rem 2rem rgba(0,0,0,.6));
}
.jd-header__plate i{
  position:absolute; inset:var(--jd-hair) .2rem;
  background:
    radial-gradient(ellipse 30% 120% at 12% 50%, rgba(0,0,0,.55), transparent 70%),
    linear-gradient(180deg, rgba(18,19,29,.97) 0%, rgba(9,10,16,.97) 60%, rgba(6,7,11,.98) 100%);
  clip-path:polygon(0 0, 100% 0, calc(100% - 5.3rem) 100%, 5.3rem 100%, 3.5rem 66%, 4.5rem 50%, 2.3rem 22%);
}
.jd-header__plate::before,.jd-header__plate::after{
  content:''; position:absolute; top:.9rem; bottom:.9rem; width:4.2rem;
  background:var(--jd-c-tl) center/contain no-repeat; opacity:.55; z-index:1;
}
.jd-header__plate::before{ left:5.6rem; transform:rotate(-45deg) scale(.7); }
.jd-header__plate::after{ right:5.6rem; background-image:var(--jd-c-tr); transform:rotate(45deg) scale(.7); }

.jd-header .jd-logo{ height:8.6rem; margin:-.4rem 4.6rem -.4rem -1rem; transition:transform .5s var(--jd-ease); }
.jd-header .jd-logo:hover{ transform:scale(1.05) rotate(-1deg); }
.jd-logo:hover .jd-logo__img,.jd-logo:focus-visible .jd-logo__img{ filter:drop-shadow(0 .3rem .5rem rgba(0,0,0,.85)) drop-shadow(0 0 1.6rem rgba(255,170,80,.45)); }

.jd-nav{ display:flex; align-items:stretch; height:100%; gap:.6rem; }
.jd-nav__item{
  position:relative;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.05rem;
  min-width:11.4rem; padding:0 1.5rem;
  background:none; border:0; cursor:pointer;
  font-family:'Cinzel',serif; font-weight:600; font-size:1.42rem; letter-spacing:.07em; text-transform:uppercase;
  color:#e9dfcd;
  transition:color .35s ease;
}
.jd-nav__icon{
  font-size:2.5rem; line-height:1; color:#b9b3a8;
  transition:transform .45s var(--jd-ease-back), color .35s ease, filter .35s ease;
}
.jd-nav__label{ display:flex; align-items:center; gap:.8rem; white-space:nowrap; }
.jd-nav__caret{ font-size:1rem; transition:transform .35s var(--jd-ease); }
.jd-nav__item::before{            /* lumina de sub item */
  content:''; position:absolute; left:50%; bottom:0; width:120%; height:60%;
  transform:translateX(-50%);
  background:radial-gradient(ellipse 50% 100% at 50% 100%, rgba(255,160,70,.24), transparent 70%);
  opacity:0; transition:opacity .4s ease; pointer-events:none;
}
.jd-nav__item::after{             /* linia aprinsă de jos */
  content:''; position:absolute; left:8%; right:8%; bottom:-.05rem; height:.22rem;
  background:
    radial-gradient(circle at 50% 50%, #fff 0 .14rem, rgba(255,255,255,0) .32rem),
    linear-gradient(90deg, rgba(255,160,70,0), #ffb45e 35%, #ffd9a6 50%, #ffb45e 65%, rgba(255,160,70,0));
  box-shadow:0 0 1.2rem rgba(255,150,60,.7);
  transform:scaleX(0); opacity:0;
  transition:transform .5s var(--jd-ease), opacity .3s ease;
}
.jd-nav__item:hover,.jd-nav__item:focus-visible,.jd-nav__group.is-open > .jd-nav__item,.jd-nav__item.is-active{ color:#ffcf96; outline:none; }
.jd-nav__item:hover .jd-nav__icon,.jd-nav__item:focus-visible .jd-nav__icon,.jd-nav__group.is-open > .jd-nav__item .jd-nav__icon{
  transform:translateY(-.45rem) scale(1.12);
  color:#ffd9a6; filter:drop-shadow(0 0 .8rem rgba(255,170,80,.75));
}
.jd-nav__item.is-active .jd-nav__icon{ color:#ffe3bd; filter:drop-shadow(0 0 .9rem rgba(255,170,80,.6)); }
.jd-nav__item:hover::before,.jd-nav__item.is-active::before,.jd-nav__group.is-open > .jd-nav__item::before{ opacity:1; }
.jd-nav__item:hover::after,.jd-nav__item.is-active::after,.jd-nav__group.is-open > .jd-nav__item::after{ transform:scaleX(1); opacity:1; }
.jd-nav__group.is-open .jd-nav__caret{ transform:rotate(180deg); }

.jd-nav__group{ position:relative; display:flex; }
.jd-drop{
  position:absolute; top:calc(100% + .3rem); left:50%; z-index:50;
  min-width:25rem; padding:1rem;
  background:linear-gradient(180deg, rgba(16,17,26,.98), rgba(7,8,13,.98));
  border:var(--jd-hair) solid rgba(190,145,95,.6);
  box-shadow:0 2.4rem 5rem rgba(0,0,0,.7), inset 0 0 0 .4rem rgba(0,0,0,.25), inset 0 0 0 calc(.4rem + 1px) rgba(190,145,95,.12);
  opacity:0; visibility:hidden;
  transform:translate(-50%,-1rem) scale(.97); transform-origin:50% 0;
  transition:opacity .28s ease, transform .4s var(--jd-ease), visibility 0s linear .3s;
}
.jd-drop::before{ content:''; position:absolute; left:0; right:0; top:-.9rem; height:.9rem; }
.jd-drop::after{
  content:''; position:absolute; left:50%; top:-.5rem; width:.9rem; height:.9rem;
  background:#12131d; border-left:var(--jd-hair) solid rgba(190,145,95,.6); border-top:var(--jd-hair) solid rgba(190,145,95,.6);
  transform:translateX(-50%) rotate(45deg);
}
.jd-drop--right{ left:auto; right:0; transform:translate(0,-1rem) scale(.97); transform-origin:100% 0; }
.jd-drop--right::after{ left:auto; right:2.4rem; transform:rotate(45deg); }
.jd-nav__group.is-open > .jd-drop,
.jd-nav__group:hover > .jd-drop,
.jd-nav__group:focus-within > .jd-drop{
  opacity:1; visibility:visible; transform:translate(-50%,0) scale(1);
  transition:opacity .28s ease, transform .4s var(--jd-ease), visibility 0s;
}
.jd-nav__group.is-open > .jd-drop--right,
.jd-nav__group:hover > .jd-drop--right,
.jd-nav__group:focus-within > .jd-drop--right{ transform:translate(0,0) scale(1); }
.jd-drop a{
  position:relative; display:flex; align-items:center; gap:1.2rem;
  padding:1rem 1.4rem;
  font-family:'Cinzel',serif; font-weight:600; font-size:1.28rem; letter-spacing:.06em; text-transform:uppercase;
  color:#e3d9c8; white-space:nowrap;
  transition:color .25s ease, padding-left .35s var(--jd-ease), background-color .25s ease;
}
.jd-drop a i{ width:1.8rem; text-align:center; font-size:1.4rem; color:var(--jd-gold-deep); transition:color .25s ease, transform .35s var(--jd-ease-back); }
.jd-drop a::before{ content:''; position:absolute; left:0; top:20%; bottom:20%; width:.2rem; background:var(--jd-ember); box-shadow:0 0 .8rem var(--jd-ember); transform:scaleY(0); transition:transform .3s var(--jd-ease); }
.jd-drop a:hover,.jd-drop a:focus-visible{ color:#ffd9a6; padding-left:2rem; background:linear-gradient(90deg, rgba(255,160,70,.12), rgba(255,160,70,0)); outline:none; }
.jd-drop a:hover i,.jd-drop a:focus-visible i{ color:#ffd9a6; transform:scale(1.2); }
.jd-drop a:hover::before,.jd-drop a:focus-visible::before{ transform:scaleY(1); }
.jd-drop__sep{ height:var(--jd-hair); margin:.6rem .6rem; background:linear-gradient(90deg, transparent, rgba(190,145,95,.45), transparent); }
.jd-drop a.is-danger{ color:#ff8f86; }
.jd-drop a.is-danger i{ color:#e0483f; }
.jd-drop__coins{ display:flex; gap:1rem; padding:.6rem .8rem 1rem; }
.jd-drop__coins span{ flex:1; text-transform:uppercase; padding:.7rem 1rem; background:rgba(0,0,0,.4); border:var(--jd-hair) solid rgba(190,145,95,.22); font-family:'Cinzel',serif; font-size:1.1rem; letter-spacing:.08em; color:var(--jd-muted); }
.jd-drop__coins b{ display:block; margin-top:.2rem; font-size:1.7rem; color:var(--jd-gold-hi); font-weight:700; }

.jd-header__right{ margin-left:auto; display:flex; align-items:center; gap:2rem; height:100%; }
.jd-account{
  display:flex; align-items:center; gap:.9rem;
  height:4.2rem; padding:0 1.8rem;
  background:linear-gradient(180deg, rgba(40,10,12,.9), rgba(16,6,8,.9));
  border:var(--jd-hair) solid rgba(214,167,113,.6);
  font-family:'Cinzel',serif; font-weight:600; font-size:1.25rem; letter-spacing:.08em; color:#f1dfc3; text-transform:uppercase;
  cursor:pointer; white-space:nowrap;
  clip-path:polygon(.8rem 0, calc(100% - .8rem) 0, 100% .8rem, 100% calc(100% - .8rem), calc(100% - .8rem) 100%, .8rem 100%, 0 calc(100% - .8rem), 0 .8rem);
  transition:color .3s ease, background .3s ease, transform .4s var(--jd-ease);
}
.jd-account i{ color:var(--jd-ember); font-size:1.4rem; transition:transform .4s var(--jd-ease-back); }
.jd-account:hover,.jd-nav__group.is-open > .jd-account{ color:#fff; background:linear-gradient(180deg, rgba(120,18,20,.95), rgba(52,8,10,.95)); transform:translateY(-.15rem); }
.jd-account:hover i{ transform:scale(1.2) rotate(-8deg); }
.jd-account .jd-nav__caret{ color:inherit; }

.jd-socials{ display:flex; align-items:center; gap:1.3rem; }
.jd-social{
  --c:255,170,90;
  position:relative; display:grid; place-items:center;
  width:4.4rem; height:4.4rem; border-radius:50%;
  background:radial-gradient(circle at 50% 35%, #1a1a22, #08080c 70%);
  color:#fff; font-size:1.9rem;
  box-shadow:inset 0 0 0 var(--jd-hair) rgba(170,80,60,.75), 0 .4rem 1rem rgba(0,0,0,.6);
  transition:transform .45s var(--jd-ease-back), box-shadow .35s ease, color .3s ease;
}
.jd-social::before{               /* inelul cu ținte, care se rotește la hover */
  content:''; position:absolute; inset:-.35rem; border-radius:50%;
  background:
    radial-gradient(circle at 50% 0, rgba(214,150,100,.95) 0 .16rem, transparent .2rem),
    radial-gradient(circle at 100% 50%, rgba(214,150,100,.95) 0 .16rem, transparent .2rem),
    radial-gradient(circle at 50% 100%, rgba(214,150,100,.95) 0 .16rem, transparent .2rem),
    radial-gradient(circle at 0 50%, rgba(214,150,100,.95) 0 .16rem, transparent .2rem);
  border:var(--jd-hair) solid rgba(150,70,55,.6);
  transition:transform .9s var(--jd-ease), border-color .35s ease;
}
.jd-social i{ position:relative; transition:transform .45s var(--jd-ease-back); }
.jd-social:hover,.jd-social:focus-visible{
  transform:translateY(-.4rem) scale(1.08); outline:none;
  box-shadow:inset 0 0 0 var(--jd-hair) rgba(var(--c),.95), 0 0 2rem rgba(var(--c),.55), 0 .8rem 1.6rem rgba(0,0,0,.6);
}
.jd-social:hover::before,.jd-social:focus-visible::before{ transform:rotate(135deg) scale(1.08); border-color:rgba(var(--c),.8); }
.jd-social:hover i{ transform:scale(1.18); }
.jd-social--discord{ --c:114,137,255; }
.jd-social--facebook{ --c:66,133,255; }
.jd-social--youtube{ --c:255,60,60; }
.jd-social--tiktok{ --c:60,235,230; }

/* ---------------- Ramă ornamentală comună ---------------- */
.jd-frame{
  position:relative;
  background:
    radial-gradient(ellipse 90% 60% at 50% 0%, rgba(60,40,30,.22), transparent 70%),
    linear-gradient(180deg, rgba(15,16,24,.95) 0%, rgba(8,9,14,.96) 100%);
  border:var(--jd-hair) solid rgba(196,150,100,.75);
  box-shadow:0 0 0 var(--jd-hair) rgba(0,0,0,.9), 0 2.4rem 6rem rgba(0,0,0,.65), inset 0 0 6rem rgba(0,0,0,.45);
}
.jd-frame::before{
  content:''; position:absolute; inset:-.7rem; pointer-events:none; z-index:2;
  background:
    var(--jd-c-tl) left top/5rem 5rem no-repeat,
    var(--jd-c-tr) right top/5rem 5rem no-repeat,
    var(--jd-c-bl) left bottom/5rem 5rem no-repeat,
    var(--jd-c-br) right bottom/5rem 5rem no-repeat;
}
.jd-frame::after{
  content:''; position:absolute; inset:.6rem; pointer-events:none;
  border:var(--jd-hair) solid rgba(196,150,100,.14);
}

/* efect "spot de lumină" care urmărește cursorul (setat din JS prin --mx/--my) */
.jd-spot{ --mx:50%; --my:50%; }
.jd-spot > .jd-spot__light{
  position:absolute; inset:0; pointer-events:none; z-index:1;
  background:radial-gradient(28rem circle at var(--mx) var(--my), rgba(255,190,120,.13), transparent 60%);
  opacity:0; transition:opacity .5s ease;
}
.jd-spot:hover > .jd-spot__light{ opacity:1; }

/* ---------------- Pagina principală ---------------- */
.jd-main{ position:relative; min-height:0; }
.jd-home{
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) auto;
  column-gap:2rem;
  padding:1rem 0 .8rem;
}
.jd-hero{
  grid-column:1; grid-row:1;
  align-self:center;
  padding-left:6.4rem;
  transform:translate3d(calc(var(--jd-px,0px) * -.6), calc(var(--jd-py,0px) * -.6), 0);
}
.jd-hero .jd-logo{ height:24rem; margin:-1.5rem 0 .6rem -2rem; }
.jd-hero .jd-logo::before{ content:''; position:absolute; inset:-14% -10%; z-index:-1; background:radial-gradient(closest-side, rgba(0,0,0,.6), rgba(0,0,0,0)); pointer-events:none; }
.jd-hero__motto{
  display:flex; align-items:center; gap:1.8rem;
  margin:2.2rem 0 1.8rem;
  font-family:'Cinzel',serif; font-weight:500; font-size:1.4rem; letter-spacing:.42em; text-transform:uppercase;
  color:#cdbfa8; white-space:nowrap;
  text-shadow:0 .1rem .6rem rgba(0,0,0,.9);
}
.jd-hero__motto i{ display:block; width:4.4rem; height:var(--jd-hair); background:linear-gradient(90deg, rgba(214,167,113,0), rgba(214,167,113,.9)); transform-origin:100% 50%; }
.jd-hero__motto i:last-child{ background:linear-gradient(90deg, rgba(214,167,113,.9), rgba(214,167,113,0)); transform-origin:0 50%; }
.jd-hero__motto b{ font-weight:400; color:var(--jd-ember); letter-spacing:0; }
.jd-hero__text{
  max-width:52rem; margin:0;
  font-size:1.9rem; line-height:1.55; color:#f3eee4;
  text-shadow:0 .1rem .2rem rgba(0,0,0,.95), 0 0 1.6rem rgba(0,0,0,.85);
}
.jd-online{
  display:inline-flex; align-items:center; gap:1rem;
  margin-top:1.8rem; padding:.6rem 1.8rem .6rem 1.4rem;
  background:rgba(7,8,13,.72);
  border:var(--jd-hair) solid rgba(190,145,95,.45);
  font-family:'Cinzel',serif; font-size:1.2rem; letter-spacing:.14em; color:#d9cdb8; text-transform:uppercase;
  clip-path:polygon(.7rem 0, calc(100% - .7rem) 0, 100% .7rem, 100% calc(100% - .7rem), calc(100% - .7rem) 100%, .7rem 100%, 0 calc(100% - .7rem), 0 .7rem);
}
.jd-online b{ color:#fff; font-size:1.5rem; letter-spacing:.04em; font-variant-numeric:tabular-nums; }
.jd-online__dot{ position:relative; width:.9rem; height:.9rem; border-radius:50%; background:#3fe08a; box-shadow:0 0 1rem #3fe08a; }
.jd-online__dot::after{ content:''; position:absolute; inset:0; border-radius:50%; border:var(--jd-hair) solid #3fe08a; animation:jd-ping 2s ease-out infinite; }
@keyframes jd-ping{ 0%{ transform:scale(1); opacity:.9; } 100%{ transform:scale(3.2); opacity:0; } }

/* --- Panou autentificare / cont --- */
.jd-auth-col{
  grid-column:2; grid-row:1;
  align-self:center; justify-self:end;
  margin-right:7rem;                /* centrat pe aceeași axă ca panoul contului (46rem lățime, la 1rem de margine) */
  padding-top:3.7rem;
  perspective:120rem;
}
.jd-auth-col--user{ justify-self:end; margin-left:0; margin-right:1rem; padding-top:4.2rem; transform:translateY(2.6rem); }
.jd-auth-col--user .jd-auth{ width:46rem; padding:4.2rem 2.6rem 1.8rem; }
.jd-auth-col--user .jd-user__coins{ margin-top:1.2rem; }
.jd-auth-col--user .jd-user__menu{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; margin-top:1.2rem; }
.jd-auth-col--user .jd-user__menu a{ height:3.3rem; padding:0 .9rem; font-size:1.25rem; }
.jd-auth-col--user .jd-btn--sm{ margin-top:1.2rem; }
.jd-auth{
  width:34rem;
  padding:4.3rem 3rem 1.4rem;
  text-align:center;
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .5s var(--jd-ease);
}
.jd-medal{
  position:absolute; left:50%; top:-3.7rem; z-index:3;
  display:flex; align-items:center;
  transform:translateX(-50%);
  pointer-events:none;
}
.jd-medal__wing{ width:9.6rem; height:3.2rem; background:var(--jd-wing) center/contain no-repeat; margin:0 -1.2rem; }
.jd-medal__wing--r{ transform:scaleX(-1); }
.jd-medal__orb{
  position:relative; z-index:1; display:grid; place-items:center;
  width:7.2rem; height:7.2rem; border-radius:50%;
  background:radial-gradient(circle at 36% 28%, #f0503a 0%, #b8170f 34%, #5d0707 72%, #220203 100%);
  border:.2rem solid #cfa06a;
  box-shadow:0 0 0 .35rem #0a0a0f, 0 0 0 calc(.35rem + var(--jd-hair)) rgba(207,160,106,.85), 0 0 3rem rgba(226,50,40,.55), inset 0 0 1.4rem rgba(0,0,0,.65);
  animation:jd-orb-pulse 4.5s ease-in-out infinite;
}
.jd-medal__orb::before{           /* colțurile de romb din spatele globului */
  content:''; position:absolute; inset:-.2rem; z-index:-1;
  border:var(--jd-hair) solid rgba(207,160,106,.85);
  background:#0a0a0f;
  transform:rotate(45deg);
}
.jd-medal__orb::after{            /* inel punctat care se rotește */
  content:''; position:absolute; inset:-1.15rem; border-radius:50%;
  border:var(--jd-hair) dashed rgba(207,160,106,.55);
  animation:jd-spin 28s linear infinite;
}
.jd-medal__orb i{
  font-size:3.2rem;
  background:linear-gradient(180deg,#ffe9bf,#d9a35e 55%,#a36a32);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 .15rem .1rem rgba(60,0,0,.8));
}
@keyframes jd-spin{ to{ transform:rotate(360deg); } }
@keyframes jd-orb-pulse{
  0%,100%{ box-shadow:0 0 0 .35rem #0a0a0f, 0 0 0 calc(.35rem + var(--jd-hair)) rgba(207,160,106,.85), 0 0 2.4rem rgba(226,50,40,.45), inset 0 0 1.4rem rgba(0,0,0,.65); }
  50%{ box-shadow:0 0 0 .35rem #0a0a0f, 0 0 0 calc(.35rem + var(--jd-hair)) rgba(207,160,106,.85), 0 0 4.4rem rgba(240,70,50,.75), inset 0 0 1.4rem rgba(0,0,0,.65); }
}

.jd-title{
  margin:0;
  font-family:'Cinzel',serif; font-weight:500; font-size:2.3rem; letter-spacing:.05em; line-height:1.15; text-transform:uppercase;
  background:linear-gradient(180deg,#f6dfba 0%,#dcae78 60%,#c18d59 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.jd-sub{ margin:.3rem 0 0; font-size:1.4rem; color:#ebe5da; }

.jd-form{ margin-top:1.4rem; text-align:left; }
.jd-field{
  --b:rgba(255,255,255,.1);
  position:relative; display:flex; align-items:center;
  height:4.2rem; margin-bottom:1rem; padding:0 1.5rem;
  background:var(--b);
  clip-path:polygon(.9rem 0, calc(100% - .9rem) 0, 100% .9rem, 100% calc(100% - .9rem), calc(100% - .9rem) 100%, .9rem 100%, 0 calc(100% - .9rem), 0 .9rem);
  isolation:isolate;
  transition:background .35s ease;
}
.jd-field::before{ content:''; position:absolute; inset:var(--jd-hair); z-index:-1; background:linear-gradient(180deg,#05060a,#090a10); clip-path:inherit; }
.jd-field::after{                 /* linia de lumină care trece pe sub câmp la focus */
  content:''; position:absolute; left:0; right:0; bottom:0; height:.2rem; z-index:-1;
  background:linear-gradient(90deg, transparent, #ffb45e, transparent);
  transform:scaleX(0); opacity:0; transition:transform .6s var(--jd-ease), opacity .3s ease;
}
.jd-field > i{ width:2rem; text-align:center; font-size:1.7rem; color:#e9e4da; transition:color .3s ease, transform .4s var(--jd-ease-back); }
.jd-field input{
  flex:1; min-width:0; height:100%; margin-left:1.4rem;
  background:none; border:0; outline:none;
  font-family:'Spectral',serif; font-size:1.5rem; color:#f3eee4;
}
.jd-field input::placeholder{ color:#b3ac9f; opacity:1; transition:opacity .3s ease, transform .4s var(--jd-ease); }
.jd-field input:focus::placeholder{ opacity:.45; transform:translateX(.4rem); }
.jd-field input:-webkit-autofill{ -webkit-text-fill-color:#f3eee4; box-shadow:0 0 0 10rem #07080c inset; caret-color:#f3eee4; }
.jd-field:focus-within{ --b:linear-gradient(90deg, rgba(214,167,113,.9), rgba(255,180,94,.9), rgba(214,167,113,.9)); }
.jd-field:focus-within::after{ transform:scaleX(1); opacity:1; }
.jd-field:focus-within > i{ color:var(--jd-ember); transform:scale(1.15); }
.jd-field:hover{ --b:rgba(214,167,113,.45); }
.jd-field:focus-within:hover{ --b:linear-gradient(90deg, rgba(214,167,113,.9), rgba(255,180,94,.9), rgba(214,167,113,.9)); }
.jd-eye{
  display:grid; place-items:center; width:3rem; height:3rem; margin-right:-.4rem;
  background:none; border:0; cursor:pointer; color:#e9e4da; font-size:1.8rem;
  transition:color .3s ease, transform .35s var(--jd-ease-back);
}
.jd-eye:hover,.jd-eye:focus-visible{ color:var(--jd-ember); transform:scale(1.18); outline:none; }

/* --- Butonul roșu principal --- */
.jd-btn{
  --r:1rem;
  --notch:
    radial-gradient(circle at 0 0, #0000 var(--r), #000 calc(var(--r) + .5px)) 0 0/51% 51% no-repeat,
    radial-gradient(circle at 100% 0, #0000 var(--r), #000 calc(var(--r) + .5px)) 100% 0/51% 51% no-repeat,
    radial-gradient(circle at 0 100%, #0000 var(--r), #000 calc(var(--r) + .5px)) 0 100%/51% 51% no-repeat,
    radial-gradient(circle at 100% 100%, #0000 var(--r), #000 calc(var(--r) + .5px)) 100% 100%/51% 51% no-repeat;
  position:relative; isolation:isolate;
  display:flex; align-items:center; justify-content:center; gap:1.8rem;
  width:100%; height:5rem; margin-top:1.2rem; padding:0 2rem;
  background:none; border:0; cursor:pointer;
  font-family:'Cinzel',serif; font-weight:600; font-size:1.7rem; letter-spacing:.06em; color:#fff; text-transform:uppercase;
  text-shadow:0 .1rem .3rem rgba(60,0,0,.9);
  filter:drop-shadow(0 0 1.1rem rgba(226,43,43,.42));
  transition:filter .4s ease, transform .35s var(--jd-ease);
  animation:jd-btn-breathe 3.6s ease-in-out infinite;
  -webkit-tap-highlight-color:transparent;
}
.jd-btn::before{
  content:''; position:absolute; inset:0; z-index:-2;
  background:linear-gradient(180deg,#f3cb95 0%,#a9713f 48%,#edbd83 100%);
  -webkit-mask:var(--notch); mask:var(--notch);
}
.jd-btn__fx{
  position:absolute; inset:.16rem; z-index:-1; overflow:hidden;
  background:
    radial-gradient(ellipse 46% 16% at 50% 0%, rgba(255,120,90,.95), transparent 100%),
    radial-gradient(ellipse 46% 16% at 50% 100%, rgba(255,120,90,.95), transparent 100%),
    radial-gradient(ellipse 80% 120% at 50% 50%, rgba(214,30,30,.9), transparent 75%),
    linear-gradient(180deg,#6a090b 0%,#a31316 46%,#7d0d10 54%,#450507 100%);
  -webkit-mask:var(--notch); mask:var(--notch);
  transition:filter .4s ease;
}
.jd-btn__fx::before{              /* reflexia care traversează butonul */
  content:''; position:absolute; top:-20%; bottom:-20%; left:-45%; width:34%;
  background:linear-gradient(100deg, rgba(255,255,255,0), rgba(255,235,210,.55), rgba(255,255,255,0));
  transform:skewX(-22deg) translateX(0);
  transition:transform 0s;
}
.jd-btn__arrow{ font-size:1.7rem; transition:transform .45s var(--jd-ease-back); }
.jd-btn:hover,.jd-btn:focus-visible{ filter:drop-shadow(0 0 2.2rem rgba(240,60,50,.85)); transform:translateY(-.2rem); outline:none; animation-play-state:paused; }
.jd-btn:hover .jd-btn__fx,.jd-btn:focus-visible .jd-btn__fx{ filter:brightness(1.22) saturate(1.1); }
.jd-btn:hover .jd-btn__fx::before,.jd-btn:focus-visible .jd-btn__fx::before{ transform:skewX(-22deg) translateX(480%); transition:transform .9s var(--jd-ease); }
.jd-btn:hover .jd-btn__arrow,.jd-btn:focus-visible .jd-btn__arrow{ transform:translateX(.9rem); }
.jd-btn:active{ transform:translateY(.1rem) scale(.985); }
.jd-btn[disabled]{ cursor:wait; filter:grayscale(.3) brightness(.8); animation:none; }
@keyframes jd-btn-breathe{
  0%,100%{ filter:drop-shadow(0 0 1rem rgba(226,43,43,.38)); }
  50%{ filter:drop-shadow(0 0 1.8rem rgba(226,43,43,.62)); }
}
.jd-ripple{ position:absolute; border-radius:50%; background:rgba(255,230,200,.45); transform:scale(0); pointer-events:none; animation:jd-ripple .7s ease-out forwards; }
@keyframes jd-ripple{ to{ transform:scale(1); opacity:0; } }

.jd-link{
  position:relative; display:inline-block; margin-top:1.1rem;
  font-size:1.4rem; color:#f1ece2;
  transition:color .3s ease;
}
.jd-link::after{ content:''; position:absolute; left:0; right:0; bottom:-.2rem; height:var(--jd-hair); background:linear-gradient(90deg, transparent, var(--jd-ember), transparent); transform:scaleX(0); transition:transform .45s var(--jd-ease); }
.jd-link:hover,.jd-link:focus-visible{ color:#ffcf96; outline:none; }
.jd-link:hover::after,.jd-link:focus-visible::after{ transform:scaleX(1); }
.jd-auth__links{ display:flex; justify-content:center; gap:2.4rem; }

/* Google reCAPTCHA v3 e invizibil: ascundem insigna plutitoare și afișăm nota
   obligatorie lângă formular (permis de Google când nota e vizibilă) */
.grecaptcha-badge{ visibility:hidden !important; }
.jd-recap{ margin:.9em 0 0; text-align:center; font-size:.78em; line-height:1.5; color:#9d968a; }
.jd-recap i{ margin-right:.35em; color:#7fd3a0; }
.jd-recap a{ color:#c9bfae; text-decoration:underline; text-decoration-color:rgba(214,167,113,.4); text-underline-offset:.2em; }
.jd-recap a:hover{ color:#ffcf96; }
.jd-btn.is-busy,.jd-b.is-busy{ cursor:progress; animation:none; }
.jd-btn.is-busy .jd-btn__arrow{ animation:jd-spin 1s linear infinite; }
.jd-b.is-busy[disabled]{
  --bg:linear-gradient(180deg,#6a090b 0%,#a31316 46%,#7d0d10 54%,#450507 100%);
  --bc:linear-gradient(180deg,#f3cb95 0%,#a9713f 48%,#edbd83 100%);
  --ink:#fff; --glow:226,43,43; filter:brightness(.85);
}
.jd-form__hint.is-shake{ animation:jd-shake .5s ease; }
@keyframes jd-shake{ 0%,100%{ transform:none; } 20%{ transform:translateX(-.6rem); } 40%{ transform:translateX(.6rem); } 60%{ transform:translateX(-.4rem); } 80%{ transform:translateX(.4rem); } }
.jd-form__hint{ margin:.8rem 0 0; text-align:center; font-size:1.3rem; color:#ff9a8f; }

/* --- Panou cont (utilizator autentificat) --- */
.jd-auth--user{ padding-bottom:2rem; }
.jd-user__name{ margin:.4rem 0 0; font-size:1.6rem; color:#ebe5da; }
.jd-user__name b{ color:#ffcf96; font-weight:600; }
.jd-user__coins{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.6rem; }
.jd-user__coins div{ padding:.7rem 1rem; background:rgba(0,0,0,.45); border:var(--jd-hair) solid rgba(190,145,95,.28); }
.jd-user__coins span{ display:block; font-family:'Cinzel',serif; font-size:1.05rem; letter-spacing:.14em; color:var(--jd-muted); text-transform:uppercase; }
.jd-user__coins b{ font-family:'Cinzel',serif; font-size:1.9rem; color:var(--jd-gold-hi); font-weight:700; font-variant-numeric:tabular-nums; }
.jd-user__menu{ display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin-top:1.4rem; text-align:left; }
.jd-user__menu a{
  position:relative; overflow:hidden;
  display:flex; align-items:center; gap:.9rem;
  height:3.5rem; padding:0 1rem;
  background:rgba(255,255,255,.035);
  border:var(--jd-hair) solid rgba(190,145,95,.2);
  font-size:1.32rem; color:#e6dfd2; white-space:nowrap;
  transition:color .3s ease, border-color .3s ease, background-color .3s ease, transform .35s var(--jd-ease);
}
.jd-user__menu a i{ width:1.6rem; text-align:center; font-size:1.25rem; color:var(--jd-gold); transition:transform .4s var(--jd-ease-back), color .3s ease; }
.jd-user__menu a:hover,.jd-user__menu a:focus-visible{ color:#fff; border-color:rgba(255,180,94,.75); background:rgba(255,160,70,.1); transform:translateX(.3rem); outline:none; }
.jd-user__menu a:hover i{ transform:scale(1.25) rotate(-6deg); color:var(--jd-ember); }
.jd-user__menu a.is-admin{ grid-column:1 / -1; justify-content:center; color:#ffd9a6; border-color:rgba(255,180,94,.55); background:rgba(255,160,70,.08); }
.jd-btn--sm{ height:4.4rem; margin-top:1.4rem; font-size:1.5rem; --r:.8rem; }

/* --- Panou "Descarcă jocul" --- */
.jd-dl-wrap{
  grid-column:1 / -1; grid-row:2;
  justify-self:center;
  position:relative;
  width:64rem; max-width:100%;
  margin-top:2.2rem;
  filter:drop-shadow(0 1.6rem 3rem rgba(0,0,0,.6));
}
.jd-dl{
  position:relative; isolation:isolate;
  padding:2.5rem 2.8rem 1.5rem;
  text-align:center;
  background:linear-gradient(90deg, rgba(214,167,113,.25), rgba(214,167,113,.95) 20%, rgba(255,205,150,1) 50%, rgba(214,167,113,.95) 80%, rgba(214,167,113,.25));
  clip-path:polygon(4.2rem 0, calc(100% - 4.2rem) 0, 100% 4.2rem, 100% calc(100% - 1.2rem), calc(100% - 1.2rem) 100%, 1.2rem 100%, 0 calc(100% - 1.2rem), 0 4.2rem);
}
.jd-dl::before{
  content:''; position:absolute; inset:var(--jd-hair); z-index:-1;
  background:
    radial-gradient(ellipse 70% 90% at 50% 0%, rgba(190,28,28,.62), transparent 72%),
    radial-gradient(ellipse 50% 60% at 50% 100%, rgba(140,16,16,.5), transparent 75%),
    linear-gradient(180deg,#1d0709 0%,#110507 60%,#0b0405 100%);
  clip-path:inherit;
}
.jd-dl__gem{
  position:absolute; left:50%; top:-2.3rem; z-index:2;
  width:3.4rem; height:3.4rem;
  transform:translateX(-50%) rotate(45deg);
  background:linear-gradient(135deg,#c41f1c,#5a0808);
  border:var(--jd-hair) solid #e4b57e;
  box-shadow:0 0 0 .3rem #0d0506, 0 0 0 calc(.3rem + var(--jd-hair)) rgba(228,181,126,.7), 0 0 2rem rgba(226,50,40,.65);
  display:grid; place-items:center;
  animation:jd-gem 4.5s ease-in-out infinite;
}
.jd-dl__gem::after{ content:''; width:1rem; height:1rem; background:linear-gradient(135deg,#ffe2b4,#c8925a); box-shadow:0 0 1rem rgba(255,200,140,.8); }
@keyframes jd-gem{ 0%,100%{ box-shadow:0 0 0 .3rem #0d0506, 0 0 0 calc(.3rem + var(--jd-hair)) rgba(228,181,126,.7), 0 0 1.6rem rgba(226,50,40,.5); } 50%{ box-shadow:0 0 0 .3rem #0d0506, 0 0 0 calc(.3rem + var(--jd-hair)) rgba(228,181,126,.7), 0 0 3.2rem rgba(240,70,50,.9); } }
.jd-dl .jd-title{ font-size:2.3rem; background:linear-gradient(180deg,#fff0d6,#ecc99c 70%,#d3a474); -webkit-background-clip:text; background-clip:text; }
.jd-dl .jd-sub{ font-size:1.4rem; margin-top:.2rem; }
.jd-plats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.4rem; margin-top:1.2rem; }
.jd-plat{
  --c:255,190,120;
  display:block; position:relative;
  transition:transform .45s var(--jd-ease), filter .4s ease;
}
.jd-plat__in{
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; align-items:center; gap:1.3rem;
  height:5.4rem; padding:0 1.5rem;
  background:rgba(214,167,113,.7);
  clip-path:polygon(.9rem 0, calc(100% - .9rem) 0, 100% .9rem, 100% calc(100% - .9rem), calc(100% - .9rem) 100%, .9rem 100%, 0 calc(100% - .9rem), 0 .9rem);
  text-align:left;
  transition:background .35s ease;
}
.jd-plat__in::before{ content:''; position:absolute; inset:var(--jd-hair); z-index:-2; background:linear-gradient(180deg,#0b0b10,#050508); clip-path:inherit; }
.jd-plat__in::after{              /* reflexie + tentă de culoarea platformei */
  content:''; position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(100deg, rgba(255,255,255,0) 40%, rgba(255,255,255,.16) 50%, rgba(255,255,255,0) 60%) -120% 0/60% 100% no-repeat,
    radial-gradient(ellipse 80% 120% at 0% 50%, rgba(var(--c),.2), transparent 70%);
  opacity:0; transition:opacity .4s ease, background-position 0s;
}
.jd-plat__icon{ font-size:3.3rem; line-height:1; color:rgb(var(--c)); transition:transform .5s var(--jd-ease-back), filter .4s ease; }
.jd-plat__txt{ display:flex; flex-direction:column; line-height:1.05; }
.jd-plat__txt small{ font-family:'Cinzel',serif; font-size:1.05rem; letter-spacing:.08em; color:#e9dfcd; text-transform:uppercase; }
.jd-plat__txt b{ font-family:'Spectral',serif; font-weight:500; font-size:1.95rem; color:#fff; margin-top:.3rem; }
.jd-plat__go{ margin-left:auto; font-size:1.4rem; color:rgb(var(--c)); opacity:0; transform:translate(-.8rem,-.4rem); transition:opacity .35s ease, transform .45s var(--jd-ease); }
.jd-plat--win{ --c:38,160,255; }
.jd-plat--android{ --c:61,220,132; }
.jd-plat--ios{ --c:255,255,255; }
a.jd-plat:hover,a.jd-plat:focus-visible{ transform:translateY(-.45rem); filter:drop-shadow(0 0 1.4rem rgba(var(--c),.5)); outline:none; }
a.jd-plat:hover .jd-plat__in,a.jd-plat:focus-visible .jd-plat__in{ background:rgb(var(--c)); }
a.jd-plat:hover .jd-plat__in::after,a.jd-plat:focus-visible .jd-plat__in::after{ opacity:1; background-position:260% 0, 0 0; transition:opacity .4s ease, background-position .9s var(--jd-ease); }
a.jd-plat:hover .jd-plat__icon,a.jd-plat:focus-visible .jd-plat__icon{ transform:scale(1.2) rotate(-6deg); filter:drop-shadow(0 0 1rem rgba(var(--c),.8)); }
a.jd-plat:hover .jd-plat__go,a.jd-plat:focus-visible .jd-plat__go{ opacity:1; transform:none; }
a.jd-plat:active{ transform:translateY(-.1rem) scale(.98); }
.jd-plat.is-soon{ cursor:default; }
.jd-plat.is-soon .jd-plat__in{ background:rgba(214,167,113,.3); }
.jd-plat.is-soon .jd-plat__icon{ filter:grayscale(.75) brightness(.8); }
.jd-plat.is-soon .jd-plat__txt b{ color:#bdb6aa; }
.jd-plat__txt small.jd-plat__soon{ color:var(--jd-gold); letter-spacing:.14em; }
.jd-plat__lock{ margin-left:auto; font-size:1.3rem; color:rgba(214,167,113,.55); }

/* --- Cele 4 carduri de jos --- */
.jd-cards{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2.2rem;
  padding:.4rem 0 1.2rem;
  perspective:140rem;
}
.jd-card{
  position:relative; display:flex; flex-direction:column;
  height:14.4rem;
  background:#090a10;
  border:var(--jd-hair) solid rgba(190,145,95,.6);
  box-shadow:0 1.4rem 3rem rgba(0,0,0,.55);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0));
  transition:transform .5s var(--jd-ease), border-color .35s ease, box-shadow .4s ease;
  overflow:hidden;
}
.jd-card::before{                 /* colțurile fine */
  content:''; position:absolute; inset:.35rem; z-index:3; pointer-events:none;
  background:
    linear-gradient(#e4b57e,#e4b57e) left top/1.1rem var(--jd-hair) no-repeat, linear-gradient(#e4b57e,#e4b57e) left top/var(--jd-hair) 1.1rem no-repeat,
    linear-gradient(#e4b57e,#e4b57e) right top/1.1rem var(--jd-hair) no-repeat, linear-gradient(#e4b57e,#e4b57e) right top/var(--jd-hair) 1.1rem no-repeat,
    linear-gradient(#e4b57e,#e4b57e) left bottom/1.1rem var(--jd-hair) no-repeat, linear-gradient(#e4b57e,#e4b57e) left bottom/var(--jd-hair) 1.1rem no-repeat,
    linear-gradient(#e4b57e,#e4b57e) right bottom/1.1rem var(--jd-hair) no-repeat, linear-gradient(#e4b57e,#e4b57e) right bottom/var(--jd-hair) 1.1rem no-repeat;
  opacity:.75; transition:inset .45s var(--jd-ease), opacity .3s ease;
}
.jd-card__img{ position:relative; flex:1; min-height:0; overflow:hidden; }
.jd-card__img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.02); transition:transform 1.4s var(--jd-ease), filter .5s ease; filter:saturate(.95) brightness(.92); }
.jd-card__img::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(9,10,16,0) 55%, rgba(9,10,16,.95) 100%); }
.jd-card__body{
  position:relative; z-index:2;
  display:flex; align-items:center; gap:1.6rem;
  flex:none; height:5.7rem; padding:0 1.8rem 0 2rem;
  background:linear-gradient(180deg, rgba(12,13,20,.96), rgba(8,9,14,.98));
}
.jd-card__icon{ font-size:2.9rem; color:var(--jd-gold); transition:transform .5s var(--jd-ease-back), color .3s ease, filter .3s ease; }
.jd-card__txt{ flex:1; min-width:0; }
.jd-card__txt h3{ margin:0; font-family:'Cinzel',serif; font-weight:600; font-size:1.55rem; letter-spacing:.04em; text-transform:uppercase; color:#e8c394; line-height:1.15; transition:color .3s ease; }
.jd-card__txt p{ margin:.3rem 0 0; font-size:1.28rem; line-height:1.3; color:#d2cbbe; }
.jd-card__chev{ font-size:1.6rem; color:#f1e6d3; transition:transform .45s var(--jd-ease-back), color .3s ease; }
.jd-card:hover,.jd-card:focus-visible{ --lift:-.6rem; border-color:#ffcf96; box-shadow:0 2.4rem 4.4rem rgba(0,0,0,.65), 0 0 2.6rem rgba(255,160,70,.28); outline:none; }
.jd-card:hover::before,.jd-card:focus-visible::before{ inset:.7rem; opacity:1; }
.jd-card:hover .jd-card__img img,.jd-card:focus-visible .jd-card__img img{ transform:scale(1.14); filter:saturate(1.15) brightness(1.08); }
.jd-card:hover .jd-card__icon,.jd-card:focus-visible .jd-card__icon{ transform:scale(1.18) rotate(-8deg); color:#ffd9a6; filter:drop-shadow(0 0 .9rem rgba(255,170,80,.7)); }
.jd-card:hover .jd-card__txt h3,.jd-card:focus-visible .jd-card__txt h3{ color:#ffe0b3; }
.jd-card:hover .jd-card__chev,.jd-card:focus-visible .jd-card__chev{ transform:translateX(.7rem); color:var(--jd-ember); }

/* ---------------- Footer ---------------- */
.jd-footer{
  position:relative; z-index:5;
  height:7.8rem;
  background:linear-gradient(180deg, rgba(10,11,17,.95), rgba(5,6,9,.98));
  view-transition-name:jd-footer;
}
.jd-footer::before{
  content:''; position:absolute; left:0; right:0; top:0; height:var(--jd-hair);
  background:linear-gradient(90deg, rgba(214,167,113,0), rgba(214,167,113,.9) 12%, rgba(255,215,165,1) 50%, rgba(214,167,113,.9) 88%, rgba(214,167,113,0));
  box-shadow:0 0 1.4rem rgba(255,170,90,.35);
}
.jd-footer__in{ height:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 2.4rem; }
.jd-footer .jd-logo{ height:6.6rem; justify-self:start; transition:transform .5s var(--jd-ease); }
.jd-footer .jd-logo:hover{ transform:scale(1.05); }
.jd-footer__mid{ text-align:center; }
.jd-footer__nav{ display:flex; justify-content:center; align-items:center; }
.jd-footer__nav a{
  position:relative; padding:.2rem 2rem;
  font-family:'Cinzel',serif; font-size:1.2rem; letter-spacing:.05em; color:#efe7d8; text-transform:uppercase;
  transition:color .3s ease, text-shadow .3s ease;
}
.jd-footer__nav a + a::before{ content:''; position:absolute; left:0; top:15%; bottom:15%; width:var(--jd-hair); background:rgba(214,167,113,.45); }
.jd-footer__nav a::after{ content:''; position:absolute; left:2rem; right:2rem; bottom:-.3rem; height:var(--jd-hair); background:var(--jd-ember); transform:scaleX(0); transition:transform .4s var(--jd-ease); }
.jd-footer__nav a:hover,.jd-footer__nav a:focus-visible{ color:#ffcf96; text-shadow:0 0 1rem rgba(255,170,80,.6); outline:none; }
.jd-footer__nav a:hover::after,.jd-footer__nav a:focus-visible::after{ transform:scaleX(1); }
.jd-footer__copy{
  display:flex; align-items:center; justify-content:center; gap:2rem;
  margin-top:1rem; font-size:1.25rem; color:#e3dccf; white-space:nowrap;
}
.jd-footer__copy::before,.jd-footer__copy::after{
  content:''; width:16rem; height:.9rem;
  background:
    linear-gradient(45deg, transparent 43%, rgba(214,167,113,.9) 43% 57%, transparent 57%) 2.2rem 50%/.9rem .9rem no-repeat,
    linear-gradient(90deg, rgba(214,167,113,0), rgba(214,167,113,.6)) 0 50%/100% var(--jd-hair) no-repeat;
}
.jd-footer__copy::after{ transform:scaleX(-1); }
.jd-footer__legal{ display:inline-flex; align-items:center; gap:1.2rem; }
.jd-footer__legal a{ position:relative; color:#b9b0a1; transition:color .3s ease; }
.jd-footer__legal a::before{ content:'·'; margin-right:1.2rem; color:var(--jd-gold-deep); }
.jd-footer__legal a:hover,.jd-footer__legal a:focus-visible{ color:#ffcf96; outline:none; }
.jd-footer__right{ justify-self:end; display:flex; align-items:center; gap:3.4rem; }
.jd-top{
  position:relative; display:grid; place-items:center;
  width:4.2rem; height:4.2rem;
  background:linear-gradient(135deg,#17171f,#07070b);
  border:var(--jd-hair) solid #d6a771;
  box-shadow:0 0 0 .3rem #08080c, 0 0 0 calc(.3rem + var(--jd-hair)) rgba(214,167,113,.45);
  transform:rotate(45deg);
  cursor:pointer; color:#f3d9b1; font-size:1.6rem;
  transition:box-shadow .35s ease, background .35s ease, transform .5s var(--jd-ease-back);
}
.jd-top i{ transform:rotate(-45deg); transition:transform .45s var(--jd-ease-back); }
.jd-top:hover,.jd-top:focus-visible{ background:linear-gradient(135deg,#7d1114,#2a0607); box-shadow:0 0 0 .3rem #08080c, 0 0 0 calc(.3rem + var(--jd-hair)) #ffcf96, 0 0 2rem rgba(255,150,70,.6); transform:rotate(45deg) scale(1.1); outline:none; }
.jd-top:hover i{ transform:rotate(-45deg) translateY(-.4rem); }

/* ---------------- Pagini interne: același cadru, conținutul într-un panou ---------------- */
.jd-inner{ height:100%; padding:3rem 0 2.4rem; display:flex; justify-content:center; }
.jd-panel{
  width:min(132rem,100%); height:100%;
  display:flex; flex-direction:column;
}
.jd-panel--narrow{ width:min(74rem,100%); }
.jd-panel__head{
  position:relative; flex:none;
  display:flex; align-items:center; justify-content:center; gap:2.2rem;
  height:7rem; padding:0 6rem;
}
.jd-panel__head::after{ content:''; position:absolute; left:4rem; right:4rem; bottom:0; height:var(--jd-hair); background:linear-gradient(90deg, transparent, rgba(214,167,113,.7), transparent); }
.jd-panel__head h1{ margin:0; font-size:2.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.jd-panel__close{
  position:absolute; right:2.6rem; top:50%; z-index:3;
  display:grid; place-items:center;
  width:3.8rem; height:3.8rem;
  transform:translateY(-50%);
  color:#f3d9b1; font-size:1.7rem;
  transition:color .3s ease, transform .5s var(--jd-ease-back);
}
.jd-panel__close::before{          /* romb auriu, ca butonul „sus” din subsol */
  content:''; position:absolute; inset:.45rem; z-index:-1;
  transform:rotate(45deg);
  background:linear-gradient(135deg,#17171f,#07070b);
  border:var(--jd-hair) solid rgba(214,167,113,.75);
  box-shadow:0 0 0 .25rem #08080c, 0 0 0 calc(.25rem + var(--jd-hair)) rgba(214,167,113,.3);
  transition:background .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.jd-panel__close i{ transition:transform .5s var(--jd-ease-back); }
.jd-panel__close:hover,.jd-panel__close:focus-visible{ color:#fff; outline:none; transform:translateY(-50%) scale(1.08); }
.jd-panel__close:hover::before,.jd-panel__close:focus-visible::before{ background:linear-gradient(135deg,#8f1114,#2a0607); border-color:#ffcf96; box-shadow:0 0 0 .25rem #08080c, 0 0 0 calc(.25rem + var(--jd-hair)) #ffcf96, 0 0 1.8rem rgba(255,120,70,.6); }
.jd-panel__close:hover i,.jd-panel__close:focus-visible i{ transform:rotate(90deg); }
.jd-panel__orn{ flex:0 1 13rem; height:1.1rem; background:
    linear-gradient(45deg, transparent 43%, rgba(214,167,113,.95) 43% 57%, transparent 57%) 100% 50%/1.1rem 1.1rem no-repeat,
    linear-gradient(90deg, rgba(214,167,113,0), rgba(214,167,113,.7)) 0 50%/calc(100% - 1.8rem) var(--jd-hair) no-repeat; }
.jd-panel__orn:last-child{ transform:scaleX(-1); }
.jd-panel__body{
  flex:1; min-height:0;
  overflow-y:auto; overflow-x:hidden;
  padding:2.6rem 3.4rem 3rem;
  scrollbar-width:thin; scrollbar-color:rgba(214,167,113,.6) rgba(255,255,255,.04);
  overscroll-behavior:contain;
}
.jd-panel__body::-webkit-scrollbar{ width:.8rem; }
.jd-panel__body::-webkit-scrollbar-track{ background:rgba(255,255,255,.04); }
.jd-panel__body::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#e4b57e,#9c6d3c); border-radius:1rem; }
.jd-panel__body::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#ffd9a6,#c99a63); }

/* ---------------- Animații de intrare ---------------- */
[data-in]{ opacity:0; animation:jd-in-up .9s var(--jd-ease) both; animation-delay:calc(var(--d,0) * 1ms); }
[data-in="down"]{ animation-name:jd-in-down; }
[data-in="left"]{ animation-name:jd-in-left; }
[data-in="right"]{ animation-name:jd-in-right; }
[data-in="zoom"]{ animation-name:jd-in-zoom; animation-duration:1s; }
[data-in="fade"]{ animation-name:jd-in-fade; }
[data-in="line"]{ opacity:1; animation-name:jd-in-line; transform-origin:inherit; }
[data-in="letters"]{ opacity:1; animation:none; }
@keyframes jd-in-up{ from{ opacity:0; transform:translate3d(0,3rem,0); filter:blur(.5rem); } to{ opacity:1; transform:none; filter:none; } }
@keyframes jd-in-down{ from{ opacity:0; transform:translate3d(0,-3.4rem,0); } to{ opacity:1; transform:none; } }
@keyframes jd-in-left{ from{ opacity:0; transform:translate3d(-4rem,0,0); filter:blur(.5rem); } to{ opacity:1; transform:none; filter:none; } }
@keyframes jd-in-right{ from{ opacity:0; transform:translate3d(4rem,0,0); filter:blur(.5rem); } to{ opacity:1; transform:none; filter:none; } }
@keyframes jd-in-zoom{ from{ opacity:0; transform:scale(.88) translate3d(0,2rem,0); filter:blur(.8rem); } 60%{ opacity:1; } to{ opacity:1; transform:none; filter:none; } }
@keyframes jd-in-fade{ from{ opacity:0; } to{ opacity:1; } }
@keyframes jd-in-line{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }

/* logo-ul din hero apare cu o „lovitură de pensulă” */
.jd-hero .jd-logo__img{ animation:jd-logo-in 1.3s var(--jd-ease) .15s both; }
.jd-hero .jd-logo::before{ animation:jd-in-fade 1.6s ease .1s both; }
@keyframes jd-logo-in{
  0%{ opacity:0; transform:translate3d(0,2rem,0) scale(1.12); filter:blur(1.2rem) brightness(1.8); clip-path:inset(0 100% 0 0); }
  55%{ opacity:1; clip-path:inset(0 0 0 0); }
  100%{ opacity:1; transform:none; filter:drop-shadow(0 .3rem .5rem rgba(0,0,0,.85)) drop-shadow(0 0 1.6rem rgba(0,0,0,.55)); clip-path:inset(0 0 0 0); }
}

/* header + footer se animă doar la prima vizită din sesiune (altfel ar "cădea" la fiecare click) */
html:not(.jd-first) .jd-header[data-in], html:not(.jd-first) .jd-footer[data-in],
html:not(.jd-first) .jd-header [data-in], html:not(.jd-first) .jd-footer [data-in]{ animation:none; opacity:1; }

/* tranziție lină între pagini (browserele care suportă View Transitions) */
@view-transition{ navigation:auto; }
::view-transition-group(jd-bg),::view-transition-group(jd-header),::view-transition-group(jd-footer){ animation-duration:0s; }
::view-transition-old(jd-bg),::view-transition-new(jd-bg),
::view-transition-old(jd-header),::view-transition-new(jd-header),
::view-transition-old(jd-footer),::view-transition-new(jd-footer){ animation:none; mix-blend-mode:normal; }
::view-transition-old(jd-bg){ display:none; }
::view-transition-old(root){ animation:jd-vt-out .22s ease both; }
::view-transition-new(root){ animation:jd-vt-in .35s ease both; }
@keyframes jd-vt-out{ to{ opacity:0; } }
@keyframes jd-vt-in{ from{ opacity:0; } }

@media (prefers-reduced-motion:reduce){
  html.jd *,html.jd *::before,html.jd *::after{ animation-duration:.01ms !important; animation-delay:0s !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  [data-in]{ opacity:1; }
  .jd-fx{ display:none; }
}

/* ---------------- Ecrane mici / telefoane: aceeași temă, dar cu derulare ---------------- */
.jd-burger{ display:none; }
@media (max-width:900px), (max-aspect-ratio:1/1){
  html.jd{ font-size:clamp(7px, 2.5vw, 10px); height:auto; overflow-x:hidden; }
  html.jd body{ height:auto; min-height:100dvh; overflow-x:hidden; overflow-y:auto; }
  .jd-stage{ display:block; height:auto; min-height:100dvh; padding-top:1rem; }
  .jd-wrap{ width:calc(100% - 3rem); }
  .jd-header{ height:7.4rem; padding:0 2rem 0 4.6rem; }
  .jd-header__plate{ clip-path:polygon(0 0, 100% 0, calc(100% - 2.4rem) 100%, 2.4rem 100%); }
  .jd-header__plate i{ clip-path:polygon(0 0, 100% 0, calc(100% - 2.3rem) 100%, 2.3rem 100%); }
  .jd-header__plate::before,.jd-header__plate::after{ display:none; }
  .jd-header .jd-logo{ height:6.4rem; margin:0; }
  .jd-header .jd-socials{ display:none; }
  .jd-header__right{ gap:1.2rem; padding-right:2rem; }
  .jd-burger{
    display:grid; place-items:center; width:4.4rem; height:4.4rem;
    background:rgba(40,10,12,.9); border:var(--jd-hair) solid rgba(214,167,113,.6); color:#f3d9b1; font-size:2rem; cursor:pointer;
  }
  .jd-nav{
    position:absolute; left:0; right:0; top:calc(100% + .6rem); z-index:60;
    display:none; flex-direction:column; height:auto; gap:0; padding:1rem;
    background:linear-gradient(180deg, rgba(16,17,26,.99), rgba(7,8,13,.99));
    border:var(--jd-hair) solid rgba(190,145,95,.6);
    box-shadow:0 2.4rem 5rem rgba(0,0,0,.75);
  }
  .jd-header.is-menu .jd-nav{ display:flex; animation:jd-in-down .4s var(--jd-ease) both; }
  .jd-nav__item{ flex-direction:row; justify-content:flex-start; gap:1.6rem; min-width:0; width:100%; padding:1.4rem 1.6rem; font-size:1.7rem; }
  .jd-nav__item::after{ left:0; right:auto; top:20%; bottom:20%; width:.25rem; height:auto; transform:scaleY(0); }
  .jd-nav__item:hover::after,.jd-nav__item.is-active::after,.jd-nav__group.is-open > .jd-nav__item::after{ transform:scaleY(1); }
  .jd-nav__item::before{ display:none; }
  .jd-nav__icon{ font-size:2.2rem; width:2.6rem; text-align:center; }
  .jd-nav__group{ flex-direction:column; }
  .jd-nav .jd-drop{ position:static; display:none; min-width:0; transform:none !important; opacity:1; visibility:visible; box-shadow:none; border:0; background:rgba(255,255,255,.03); padding:.4rem 0 .4rem 3rem; }
  .jd-nav .jd-drop::after,.jd-nav .jd-drop::before{ display:none; }
  .jd-nav .jd-nav__group:hover > .jd-drop{ display:none; }
  .jd-nav .jd-nav__group.is-open > .jd-drop{ display:block; }
  .jd-drop a{ font-size:1.6rem; padding:1.2rem 1.4rem; }
  .jd-header__right .jd-drop{ position:absolute; }

  .jd-home{ display:block; height:auto; padding:3rem 0 2rem; }
  .jd-hero{ padding-left:0; text-align:center; transform:none; }
  .jd-hero .jd-logo{ height:auto; width:min(40rem, 74vw); margin:0 auto; }
  .jd-hero .jd-logo__img{ width:100%; height:auto; }
  .jd-hero__motto{ justify-content:center; font-size:1.25rem; letter-spacing:.26em; gap:1rem; }
  .jd-hero__motto i{ width:2.4rem; }
  .jd-hero__text{ margin-inline:auto; font-size:1.9rem; }
  .jd-auth-col{ margin:5rem auto 0; padding-top:4rem; display:flex; justify-content:center; }
  .jd-auth{ width:min(42rem,100%); transform:none !important; }
  .jd-auth-col--user{ transform:none; }
  .jd-auth-col--user .jd-auth{ width:min(46rem,100%); }
  .jd-auth-col--user .jd-user__menu{ grid-template-columns:1fr 1fr; }
  .jd-dl-wrap{ width:100%; margin-top:4.4rem; }
  .jd-plats{ grid-template-columns:1fr; }
  .jd-cards{ grid-template-columns:1fr 1fr; gap:1.6rem; padding:2rem 0; }
  .jd-card{ height:17rem; transform:none !important; }
  .jd-footer{ height:auto; padding:2.4rem 0; }
  .jd-footer__in{ grid-template-columns:1fr; gap:2rem; justify-items:center; }
  .jd-footer .jd-logo{ justify-self:center; }
  .jd-footer__nav{ flex-wrap:wrap; row-gap:1rem; }
  .jd-footer__copy{ white-space:normal; }
  .jd-footer__copy::before,.jd-footer__copy::after{ display:none; }
  .jd-footer__right{ justify-self:center; }
  .jd-inner{ height:auto; padding:2.4rem 0; }
  .jd-panel{ height:auto; }
  .jd-panel__head{ padding:0 2rem; }
  .jd-panel__head h1{ font-size:2.1rem; }
  .jd-panel__orn{ flex-basis:4rem; }
  .jd-panel__body{ overflow:visible; padding:2rem 1.6rem; }
  .jd-fx{ display:none; }
}
@media (max-width:520px){
  .jd-cards{ grid-template-columns:1fr; }
}

/* ---------------- Telefon: bară de navigare + panou glisant (stil aplicație) ---------------- */
.jd-tabbar,.jd-sheet{ display:none; }
@media (max-width:900px), (max-aspect-ratio:1/1){
  html.jd body{ padding-bottom:calc(7.4rem + env(safe-area-inset-bottom)); }
  .jd-header .jd-nav,.jd-burger,.jd-header__right{ display:none !important; }
  .jd-header{ justify-content:center; padding:0 3rem; }
  .jd-header .jd-logo{ height:6.2rem; }
  .jd-panel__orn{ display:none; }
  .jd-panel__head{ height:auto; min-height:6rem; padding:1.4rem 5.6rem; }
  .jd-panel__close{ right:1.2rem; }
  .jd-panel__head h1{ white-space:normal; text-align:center; font-size:2.2rem; }
  .jd-header .jd-account{ height:3.8rem; padding:0 1.4rem; font-size:1.2rem; }
  .jd-header__right > .jd-nav__group .jd-drop{ display:none; }
  .jd-top{ display:none; }

  .jd-tabbar{
    position:fixed; left:0; right:0; bottom:0; z-index:95;
    display:grid; grid-template-columns:repeat(5,1fr); align-items:end;
    height:calc(6.6rem + env(safe-area-inset-bottom)); padding:0 .6rem env(safe-area-inset-bottom);
    background:linear-gradient(180deg, rgba(14,15,22,.9), rgba(6,7,11,.97));
    -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3);
    box-shadow:0 -1rem 3rem rgba(0,0,0,.55);
    animation:jd-in-up .7s var(--jd-ease) .3s both;
  }
  .jd-tabbar::before{
    content:''; position:absolute; left:0; right:0; top:0; height:var(--jd-hair);
    background:linear-gradient(90deg, rgba(214,167,113,0), rgba(214,167,113,.85) 20%, rgba(255,215,165,1) 50%, rgba(214,167,113,.85) 80%, rgba(214,167,113,0));
  }
  html.jd .jd-tabbar__it{
    position:relative;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.45rem;
    height:6.6rem; padding:0;
    background:none; border:0; cursor:pointer;
    font-family:'Cinzel',serif; font-weight:600; font-size:1.05rem; letter-spacing:.05em; text-transform:uppercase;
    color:#a9a192;
    -webkit-tap-highlight-color:transparent;
    transition:color .3s ease, transform .25s var(--jd-ease);
  }
  .jd-tabbar__it > i{ font-size:2.1rem; transition:transform .45s var(--jd-ease-back), color .3s ease, filter .3s ease; }
  .jd-tabbar__it::after{             /* indicatorul aprins de sus */
    content:''; position:absolute; top:0; left:28%; right:28%; height:.25rem;
    background:linear-gradient(90deg, transparent, #ffb45e, transparent);
    box-shadow:0 0 1rem rgba(255,150,60,.8);
    transform:scaleX(0); transition:transform .4s var(--jd-ease);
  }
  .jd-tabbar__it.is-active,.jd-tabbar__it[aria-expanded="true"]{ color:#ffcf96; }
  .jd-tabbar__it.is-active > i,.jd-tabbar__it[aria-expanded="true"] > i{ color:#ffd9a6; transform:translateY(-.2rem); filter:drop-shadow(0 0 .8rem rgba(255,170,80,.7)); }
  .jd-tabbar__it.is-active::after,.jd-tabbar__it[aria-expanded="true"]::after{ transform:scaleX(1); }
  .jd-tabbar__it:active{ transform:scale(.9); }

  /* butonul central: rombul stă deasupra barei, iar eticheta e sub el, în flux (nu se mai suprapun) */
  html.jd .jd-tabbar__it--main{ justify-content:flex-end; gap:1.6rem; padding-bottom:1.28rem; }
  .jd-tabbar__it--main::after{ display:none; }
  .jd-tabbar__gem{
    position:relative; flex:none;
    display:grid; place-items:center;
    width:4.4rem; height:4.4rem; margin-top:-3rem;
    transform:rotate(45deg);
    background:radial-gradient(circle at 35% 30%, #f0503a 0%, #b8170f 40%, #5d0707 85%);
    border:.15rem solid #e4b57e;
    box-shadow:0 0 0 .35rem #08080c, 0 0 0 calc(.35rem + var(--jd-hair)) rgba(228,181,126,.55), 0 .8rem 2rem rgba(0,0,0,.6), 0 0 2.4rem rgba(226,50,40,.55);
    animation:jd-gem-pulse 3.2s ease-in-out infinite;
    transition:transform .35s var(--jd-ease-back);
  }
  .jd-tabbar__it--main:active .jd-tabbar__gem{ transform:rotate(45deg) scale(.9); }
  .jd-tabbar__it--main > span:last-child{ position:relative; z-index:1; }
  .jd-tabbar__gem i{ transform:rotate(-45deg); font-size:1.8rem; color:#fff3df; }
  .jd-tabbar__it--main.is-active,.jd-tabbar__it--main{ color:#ffcf96; }
  @keyframes jd-gem-pulse{
    0%,100%{ box-shadow:0 0 0 .35rem #08080c, 0 0 0 calc(.35rem + var(--jd-hair)) rgba(228,181,126,.55), 0 .8rem 2rem rgba(0,0,0,.6), 0 0 1.8rem rgba(226,50,40,.45); }
    50%{ box-shadow:0 0 0 .35rem #08080c, 0 0 0 calc(.35rem + var(--jd-hair)) rgba(228,181,126,.8), 0 .8rem 2rem rgba(0,0,0,.6), 0 0 3.4rem rgba(240,70,50,.8); }
  }

  /* panoul care urcă de jos */
  .jd-sheet{ display:block; position:fixed; inset:0; z-index:90; }
  .jd-sheet[hidden]{ display:none; }
  .jd-sheet__backdrop{ position:absolute; inset:0; background:rgba(3,3,6,.62); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); opacity:0; transition:opacity .35s ease; }
  .jd-sheet__panel{
    position:absolute; left:0; right:0; bottom:0;
    max-height:82vh; overflow-y:auto; overscroll-behavior:contain;
    padding:1rem 2rem calc(8rem + env(safe-area-inset-bottom));
    background:linear-gradient(180deg, rgba(20,21,31,.99), rgba(8,9,14,.99));
    border-top:var(--jd-hair) solid rgba(214,167,113,.7);
    border-radius:2.2rem 2.2rem 0 0;
    box-shadow:0 -2rem 5rem rgba(0,0,0,.7);
    transform:translateY(100%); transition:transform .45s var(--jd-ease);
  }
  .jd-sheet.is-open .jd-sheet__backdrop{ opacity:1; }
  .jd-sheet.is-open .jd-sheet__panel{ transform:none; }
  .jd-sheet__grip{ display:block; width:5rem; height:.5rem; margin:0 auto 1.4rem; padding:0; border:0; border-radius:1rem; background:rgba(214,167,113,.55); cursor:pointer; }
  .jd-sheet__pane{ display:none; }
  .jd-sheet__pane.is-on{ display:block; }
  .jd-sheet__h{ display:flex; align-items:center; gap:1rem; margin:1.6rem 0 1rem; font-family:'Cinzel',serif; font-weight:600; font-size:1.25rem; letter-spacing:.16em; text-transform:uppercase; color:var(--jd-gold); }
  .jd-sheet__h::after{ content:''; flex:1; height:var(--jd-hair); background:linear-gradient(90deg, rgba(214,167,113,.5), transparent); }
  .jd-sheet__grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
  .jd-sheet__grid a{
    display:flex; flex-direction:column; align-items:center; gap:.8rem;
    padding:1.3rem .4rem 1.1rem;
    background:rgba(255,255,255,.035); border:var(--jd-hair) solid rgba(190,145,95,.22);
    font-size:1.25rem; line-height:1.2; text-align:center; color:#ece6da;
    opacity:0; transform:translateY(1.2rem);
    transition:opacity .4s ease, transform .5s var(--jd-ease), border-color .25s ease, background .25s ease;
  }
  .jd-sheet.is-open .jd-sheet__grid a{ opacity:1; transform:none; }
  .jd-sheet.is-open .jd-sheet__grid a:nth-child(2){ transition-delay:.04s; }
  .jd-sheet.is-open .jd-sheet__grid a:nth-child(3){ transition-delay:.08s; }
  .jd-sheet.is-open .jd-sheet__grid a:nth-child(4){ transition-delay:.12s; }
  .jd-sheet.is-open .jd-sheet__grid a:nth-child(n+5){ transition-delay:.16s; }
  .jd-sheet__grid a i{
    display:grid; place-items:center; width:4.2rem; height:4.2rem; position:relative;
    font-size:1.8rem; color:#ffd9a6;
  }
  .jd-sheet__grid a i::before{ position:relative; z-index:1; }
  .jd-sheet__grid a i::after{ content:''; position:absolute; inset:.5rem; transform:rotate(45deg); border:var(--jd-hair) solid rgba(214,167,113,.55); background:linear-gradient(135deg,#2a1013,#0a0a0f); }
  .jd-sheet__grid a:active{ transform:scale(.94); border-color:#ffb45e; background:rgba(255,170,80,.1); }
  .jd-sheet__grid a.is-gold{ border-color:rgba(255,190,120,.55); color:#ffd9a6; }
  .jd-sheet__s--discord i{ color:#9aa8ff; } .jd-sheet__s--youtube i{ color:#ff6b6b; } .jd-sheet__s--tiktok i{ color:#6ff3ee; } .jd-sheet__s--facebook i{ color:#7fb0ff; }
  .jd-sheet__legal{ display:flex; justify-content:center; gap:2rem; margin-top:2rem; font-size:1.3rem; }
  .jd-sheet__legal a{ color:#b9b0a1; }
  .jd-sheet__user{ display:flex; align-items:center; gap:1.4rem; padding:1.2rem 1.4rem; margin-bottom:1.4rem; background:rgba(255,170,80,.06); border:var(--jd-hair) solid rgba(214,167,113,.35); }
  .jd-sheet__user > i{ font-size:3.6rem; color:var(--jd-ember); }
  .jd-sheet__user b{ display:block; font-family:'Cinzel',serif; font-size:1.7rem; color:#fff3df; }
  .jd-sheet__user small{ font-size:1.3rem; color:var(--jd-muted); }
  .jd-sheet__logout{ display:flex; align-items:center; justify-content:center; gap:1rem; margin-top:1.6rem; height:4.6rem; font-family:'Cinzel',serif; font-weight:600; font-size:1.4rem; letter-spacing:.08em; text-transform:uppercase; color:#ffb3ab; border:var(--jd-hair) solid rgba(255,120,110,.6); background:rgba(80,10,12,.4); }
  html.jd-sheet-open,html.jd-sheet-open body{ overflow:hidden; }
}
@media (max-width:380px){
  .jd-sheet__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* ---------------- Diverse ---------------- */
.jd-social.is-off{ opacity:.42; cursor:default; }
.jd-social.is-off:hover{ transform:none; box-shadow:inset 0 0 0 var(--jd-hair) rgba(170,80,60,.75), 0 .4rem 1rem rgba(0,0,0,.6); }
.jd-social.is-off:hover::before{ transform:none; border-color:rgba(150,70,55,.6); }
.jd-social.is-off:hover i{ transform:none; }
.jd-auth__offline{ margin:2.4rem 0 1rem; font-size:1.5rem; color:#ffcf96; }
.jd-auth__offline i{ display:block; margin-bottom:1rem; font-size:2.6rem; color:var(--jd-ember); }
.jd-empty{ margin:4rem 0; text-align:center; font-size:1.8rem; color:var(--jd-muted); }