/* ═══════════════════════════════════════════════════════════════
   TEMA APPLE, ÎNTUNECATĂ — se încarcă DUPĂ stilurile paginii și
   le suprascrie. Ca să revii la tema veche, scoți linia
   <link rel="stylesheet" href="/tema-apple.css"> din pagină.
   Nu schimbă nimic din funcții: doar culori, fonturi, forme.
   ═══════════════════════════════════════════════════════════════ */
:root{
  color-scheme:dark;

  /* fundaluri, ca la apple.com/pro: negru, apoi gri foarte închis */
  --canvas:#000000; --paper:#1C1C1E; --card:#1C1C1E; --cut:#000000;
  --ridicat:#2C2C2E; --ridicat-2:#3A3A3C;

  /* text */
  --ink:#F5F5F7; --ink-2:#E8E8ED; --ink-soft:#A1A1A6; --ink-faint:#86868B;
  --ink-blocat:#6E6E73; --ink-footer:#86868B; --nod-cif:#8E8E93;

  /* linii */
  --line:rgba(255,255,255,.10); --line-2:#3A3A3C; --dot:transparent; --dot-2:#2C2C2E;
  --track:#2C2C2E; --drum:#2C2C2E; --scroll:#48484A;

  /* accente Apple (varianta pentru fundal întunecat) */
  --build:#2997FF; --start:#FFD60A; --code:#40C8E0; --loop:#FF6B5A;
  --ink-on-amber:#1D1D1F; --start-line:#E6BE00;
  --albastru:#0071E3; --albastru-h:#0077ED;

  /* suprafețe „solide” (capete de card, consola) */
  --solid:#1C1C1E; --on-solid:#FFFFFF; --on-solid-soft:#A1A1A6;
  --hat-1:#1C1C1E; --hat-2:#000000;

  /* stări */
  --ok:#30D158; --ok-bg:rgba(48,209,88,.12); --ok-ink:#4CE07A; --ok-line:rgba(48,209,88,.32);
  --err:#FF453A; --err-bg:rgba(255,69,58,.12); --err-ink:#FF7A70; --err-line:rgba(255,69,58,.32);

  /* chihlimbar → galbenul Apple */
  --amber-1:#FFD60A; --amber-2:#F5C400; --amber-1-h:#FFE047; --amber-shadow:transparent;
  --amber-ink:#1D1D1F; --amber-ink-soft:#5C4B00; --amber-cifra:#FFD60A;

  /* diverse */
  --rang-argint:#8E8E93;
  --bula-ok-bg:#16241B; --bula-rau:#FF7A70; --bula-rau-bg:#2A1715;
  --bula-petrecere:#FFD60A; --bula-petrecere-bg:#2A2509;
  --sil:#48484A; --sil-vizor:#2C2C2E; --cadou-linie:#E6BE00; --cod-ink:#F5F5F7;
  --luciu:rgba(255,255,255,.06);
  --lift:none;

  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;
  --font-titlu:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",system-ui,sans-serif;
  --font-mono:"SF Mono",ui-monospace,"IBM Plex Mono",Menlo,Consolas,monospace;
  --apple-ease:cubic-bezier(.28,.11,.32,1);
}

/* ── tipografie ── */
html{background:#000;scrollbar-color:#48484A transparent}
body{background:#000 !important;color:var(--ink);font-family:var(--font) !important;
  letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,.brand,.stop h3,.stop .nr,.fisa .titlu,.consola .lvl{font-family:var(--font-titlu) !important;letter-spacing:-.025em}
h1{font-weight:700;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.035em}
h2{font-weight:700} h3{font-weight:600}
.mono,.who-chip,code,pre,kbd{font-family:var(--font-mono) !important}
::selection{background:#0071E3;color:#fff}
a{color:#2997FF}
:focus-visible{outline:2px solid #2997FF !important;outline-offset:3px}

/* fără puncte, fără granulație: Apple e curat */
.dots,body::after{display:none !important}
.tenta{opacity:.55}

/* ── bara de sus: sticlă mată ── */
.top{background:rgba(22,22,23,.78) !important;border-bottom:1px solid rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.top-in{height:56px}
.brand{color:#F5F5F7 !important;font-weight:600 !important;font-size:1rem !important;letter-spacing:-.01em !important}

/* ── butoane: pastile albastre ── */
.btn,.tel,.btn-blue{border-radius:980px !important;background:#0071E3 !important;color:#fff !important;
  box-shadow:none !important;font-family:var(--font) !important;font-weight:500 !important;letter-spacing:-.01em;
  transition:background .2s var(--apple-ease),transform .2s var(--apple-ease) !important}
.btn:hover,.tel:hover,.btn-blue:hover{background:#0077ED !important;transform:none !important}
.btn:active,.tel:active,.btn-blue:active{transform:scale(.98) !important}
.btn-ghost{background:transparent !important;color:#2997FF !important;border:1px solid rgba(41,151,255,.6) !important}
.btn-ghost:hover{background:rgba(41,151,255,.1) !important;border-color:#2997FF !important}
.btn-full{padding:15px 22px !important;font-size:1.02rem !important}
.auth .btn-full::after{display:none}

/* ── carduri: gri închis, colțuri mari, fără chenar apăsat ── */
.card,.space,.elev,.nota,.cheie,.harta,.toate details,.grade > summary,.pinuri,.panou-joc,.joc,
.fisa,.cod,.baza-placa{
  border-color:rgba(255,255,255,.08) !important;box-shadow:none !important}
.card{background:#1C1C1E !important;border-radius:28px !important}
.space{border-radius:28px !important;overflow:hidden}
.card-hat{background:linear-gradient(180deg,#1C1C1E,#141416) !important;border-radius:28px 28px 0 0 !important}
.card-hat small{color:#A1A1A6 !important}
.auth .card{box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08) !important}

/* cerul de la intrare: mai negru, mai adânc */
.cer-intrare{background:radial-gradient(120% 80% at 50% 0%,#0B1530 0%,#05070F 55%,#000 100%) !important}

/* comutatoare (Intră / Cont nou etc.) ca segmentele din iOS */
.tabs,.joc-tab,.baza-file{background:#2C2C2E !important;border-radius:12px !important;border:0 !important}
.tabs button,.joc-tab button,.baza-file button{color:#A1A1A6 !important;border-radius:9px !important}
.tabs button[aria-selected="true"],.joc-tab button[aria-selected="true"],.baza-file button[aria-selected="true"]{
  background:#636366 !important;color:#fff !important;box-shadow:0 3px 8px rgba(0,0,0,.35) !important}

/* câmpuri */
.field label,.cod .et{color:#A1A1A6 !important;font-family:var(--font) !important;letter-spacing:.02em !important;
  text-transform:none !important;font-size:.86rem !important;font-weight:500 !important}
.field input,.field select,.cod input,input[type=text],input[type=password],input[type=search],input[type=number],select,textarea{
  background-color:#2C2C2E !important;color:#F5F5F7 !important;border:1px solid transparent !important;border-radius:12px !important}
.field input:focus,.field select:focus,.cod input:focus,input:focus,select:focus,textarea:focus{
  border-color:#0071E3 !important;box-shadow:0 0 0 4px rgba(0,113,227,.25) !important;background-color:#2C2C2E !important}
input::placeholder{color:#6E6E73 !important}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A1A1A6' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important}
.hint{color:#86868B !important}

/* ── pagina copilului ── */
.hello{font-size:clamp(2.2rem,6vw,3.6rem) !important;margin-bottom:14px !important}
.sub{color:#A1A1A6 !important;font-size:1.1rem}
.consola{border-radius:28px !important}
.space-jos{background:#1C1C1E}
.stop{border-color:rgba(255,255,255,.08) !important}
.stop .cuv,.spre,.consola .spre{font-family:var(--font) !important;letter-spacing:.01em !important;text-transform:none !important}
.cod{background:#2C2C2E !important;border:0 !important;border-radius:20px !important}
.cod input{background-color:#1C1C1E !important;font-family:var(--font-mono) !important}
.cod button{border-radius:980px !important;background:#0071E3 !important;color:#fff !important;box-shadow:none !important}
.cod button:hover{background:#0077ED !important}

.grade > summary,.toate details{background:#1C1C1E !important;border-radius:20px !important}
.grade[open] > summary{border-radius:20px 20px 0 0 !important}
.harta{background:#1C1C1E !important;border-radius:0 0 20px 20px !important}
.fisa{background:#2C2C2E !important;border-radius:16px !important}
.nota{background:#1C1C1E !important;border-style:solid !important;border-radius:20px !important;color:#A1A1A6}

/* antrenament + bază */
.joc,.panou-joc{background:#1C1C1E !important;border-radius:24px !important}
.intreb label,.opt,.variante button{background:#2C2C2E !important;border-color:transparent !important;color:#F5F5F7 !important;border-radius:12px !important}
.intreb label:hover,.variante button:hover{background:#3A3A3C !important}
.intreb label.bun,.variante button.bun{background:rgba(48,209,88,.16) !important;color:#4CE07A !important}
.intreb label.rau,.variante button.rau{background:rgba(255,69,58,.16) !important;color:#FF7A70 !important}
.joc-actiuni button{border-radius:980px !important}
.joc-actiuni .principal{background:#0071E3 !important;color:#fff !important;border:0 !important}
.raft,.baza-bara{background:#1C1C1E !important;border-color:rgba(255,255,255,.08) !important}
.pz{background:#2C2C2E !important;border-color:transparent !important;border-radius:16px !important}

/* însoțitorul (bula robotului) */
.norisor{background:#2C2C2E !important;color:#F5F5F7 !important;border-color:#3A3A3C !important;
  box-shadow:0 20px 50px -10px rgba(0,0,0,.7) !important}
.norisor::before{border-color:#3A3A3C transparent !important}
.norisor .optiuni-n button,.norisor .camp input{background:#3A3A3C !important;color:#F5F5F7 !important;border-color:transparent !important}

/* subsol */
.foot{border-top:1px solid rgba(255,255,255,.08) !important;color:#86868B !important;background:#000 !important}
.foot a{color:#2997FF !important}

/* ── admin ── */
.pin-grid span,.inv-grid span{background:#2C2C2E !important;border-color:transparent !important;color:#F5F5F7}
.pinuri{background:#1C1C1E !important;border-radius:20px !important}
table{color:#F5F5F7}
th{color:#A1A1A6} td,th{border-color:rgba(255,255,255,.08) !important}

/* ── puntea de comandă, în stil Apple: negru adânc, o lumină difuză
   în culoarea gradului, cifre mari albe, fără șuruburi și rame ── */
.consola{color:#F5F5F7 !important;border-radius:28px !important;
  background:radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--lum,#5FD3E0) 22%, transparent), transparent 60%),
    linear-gradient(180deg,#1C1C1E 0%,#111113 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important}
.consola::before{display:none !important}
.consola-bara{background:transparent !important;border-bottom:0 !important;padding:18px 28px 0 !important;
  font-family:var(--font) !important;letter-spacing:.02em !important;text-transform:none !important;
  font-size:.86rem !important;color:#A1A1A6 !important;font-weight:500}
.consola-bara .led{box-shadow:none !important}
.consola-corp{padding:22px 28px !important}
.hublou{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px -12px color-mix(in srgb, var(--lum,#5FD3E0) 45%, transparent) !important}
.hublou::after{display:none}
.consola .cap{font-family:var(--font) !important;letter-spacing:.02em !important;text-transform:none !important;
  color:#A1A1A6 !important;font-size:.9rem !important;font-weight:500}
.consola .nume{font-family:var(--font) !important;letter-spacing:-.01em !important;color:#F5F5F7 !important;font-size:1.1rem !important;font-weight:500}
.consola .lvl{font-family:var(--font-titlu) !important;font-weight:700 !important;font-size:3rem !important;
  letter-spacing:-.04em !important;text-shadow:none !important}
.consola .treapta-et{border-radius:980px !important;border:0 !important;background:rgba(255,255,255,.1) !important;
  font-family:var(--font) !important;letter-spacing:.01em !important;text-transform:none !important;font-size:.82rem !important;
  font-weight:600;padding:6px 14px !important}
.consola .jeton{background:rgba(255,255,255,.06) !important;border:0 !important;border-radius:16px !important;padding:12px 16px !important}
.consola .jeton b{font-family:var(--font-titlu) !important;font-weight:700 !important;color:#fff !important;font-size:1.7rem !important;letter-spacing:-.03em}
.consola .jeton .et2{font-family:var(--font) !important;letter-spacing:.01em !important;text-transform:none !important;
  color:#A1A1A6 !important;font-size:.84rem !important}
.consola .pista{background:rgba(255,255,255,.08) !important;box-shadow:none !important;border-radius:980px !important;height:8px !important;padding:0 !important;gap:3px !important}
.consola .pista .pas{border-radius:980px !important;background:transparent !important;box-shadow:none !important}
.consola .pista .pas.plin{background:var(--lum,#5FD3E0) !important;box-shadow:none !important}
.consola .spre{font-family:var(--font) !important;color:#A1A1A6 !important;letter-spacing:0 !important}
.consola .spre b{color:#fff !important}
.consola-jos{padding:0 28px 26px !important}
@media(max-width:520px){ .consola .lvl{font-size:2.2rem !important} .consola-corp{padding:18px 18px !important}
  .consola-bara{padding:16px 18px 0 !important} .consola-jos{padding:0 18px 20px !important} .consola .jeton b{font-size:1.35rem !important} }

/* lista modulelor: titluri albe, cifre mari */
.stop h3{color:#F5F5F7}
.stop .nr{font-weight:700 !important;letter-spacing:-.04em}
.stop .semn{width:6px !important;border-radius:980px !important}
.stop .cuv{color:#86868B !important;font-size:.82rem !important}
.spre{color:#A1A1A6 !important;font-size:.86rem !important}

/* solul lunar de la intrare: mai întunecat, ca să nu strice negrul */
.cer-intrare .sol{filter:brightness(.42) saturate(.8)}
.cer-intrare .pamant{opacity:.85}

/* ── admin: carduri de cont, cheie, avertismente ── */
.card,.elev,.nota,.cheie{background-image:none !important}
.elev,.cheie{background:#1C1C1E !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:20px !important;color:#F5F5F7}
.cheie code{background:#2C2C2E !important;color:#64D2FF !important}
.avert{background:rgba(255,214,10,.1) !important;border-color:rgba(255,214,10,.3) !important;color:#FFD60A !important}
.msg.err{background:var(--err-bg) !important;color:var(--err-ink) !important;border-color:var(--err-line) !important}
.msg.ok{background:var(--ok-bg) !important;color:var(--ok-ink) !important;border-color:var(--ok-line) !important}
.space-top{background:linear-gradient(180deg,#1C1C1E,#111113) !important}
@media print{ body{background:#fff !important;color:#000 !important} }

/* ── demo-tableta și 404 (stiluri scrise direct în pagină) ── */
.ecran,.w .nota{background:#1C1C1E !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:none !important;color:#A1A1A6 !important}
p.s,.ecran .cap{color:#A1A1A6 !important}
pre{background:#2C2C2E !important;color:#F5F5F7 !important}
code{background:#2C2C2E !important;color:#F5F5F7}
body > div > a[href="/"]{background:#0071E3 !important;color:#fff !important;border-radius:980px !important}
button{font-family:inherit}

/* ── cardul Modulului AI, ca „Apple Intelligence” ── */
.card-ai{position:relative;display:flex;align-items:center;gap:16px;margin-top:14px;padding:20px 22px;
  border-radius:22px;text-decoration:none;color:#F5F5F7;background:#111113;overflow:hidden;isolation:isolate;
  transition:transform .3s var(--apple-ease)}
.card-ai::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:-1;
  background:linear-gradient(110deg,#8E5CFF,#0A84FF 45%,#30D5C8 75%,#FF6B9A);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
.card-ai::after{content:"";position:absolute;inset:-40%;z-index:-2;opacity:.22;filter:blur(40px);
  background:radial-gradient(circle at 20% 50%,#8E5CFF,transparent 40%),radial-gradient(circle at 80% 50%,#0A84FF,transparent 40%)}
.card-ai:hover{transform:scale(1.01)}
.card-ai-ic{font-size:30px;line-height:1;background:linear-gradient(135deg,#B18CFF,#0A84FF,#30D5C8);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.card-ai-txt{flex:1;min-width:0}
.card-ai-txt b{display:block;font-family:var(--font-titlu);font-size:1.3rem;font-weight:700;letter-spacing:-.025em;
  background:linear-gradient(90deg,#C3A6FF,#5AB8FF 55%,#5FE3D6);-webkit-background-clip:text;background-clip:text;color:transparent}
.card-ai-txt span{display:block;color:#A1A1A6;font-size:.95rem;line-height:1.4;margin-top:2px}
.card-ai-go{color:#2997FF;font-weight:600;white-space:nowrap}
@media(max-width:520px){ .card-ai{padding:16px 18px;gap:12px} .card-ai-ic{font-size:24px} .card-ai-txt b{font-size:1.15rem} .card-ai-txt span{font-size:.88rem} }

/* avertismentul din antrenament: text simplu, nu bandă galbenă */
.avert{background:transparent !important;border:0 !important;padding:0 !important;color:#FFD60A !important;
  font-family:var(--font) !important;text-transform:none !important;letter-spacing:0 !important;font-size:.88rem !important}

@media(max-width:520px){ .consola .lvl{font-size:2rem !important} .hello{font-size:2.2rem !important} }

.btn-rosu{background:#FF453A !important}
.btn-rosu:hover{background:#FF5E55 !important}

/* ── cerul 3D (cer/cer3d.js) ── */
.cer-intrare .cer3d{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s var(--apple-ease)}
.cer-intrare .cer3d.gata{opacity:1}
.cer-intrare:has(.cer3d.gata) .stele,.cer-intrare:has(.cer3d.gata) .pamant,
.cer-intrare:has(.cer3d.gata) .nebuloasa{display:none}
.cer-intrare:has(.cer3d.gata){background:#000 !important}
.cer-intrare:has(.cer3d.gata)::after{display:none}
.hublou .hublou3d{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;display:block;z-index:1;opacity:0;transition:opacity 1.2s var(--apple-ease)}
.hublou .hublou3d.gata{opacity:1}
.hublou:has(.hublou3d.gata){background:#000 !important}