/* ===== Tema 14 Februarie — „Gala”: vișiniu, roz, violet, aur. Se încarcă ultima și are prioritate. ===== */
:root{
  --ink:#f7fbff;
  --muted:#d3e0ef;
  --pink:#e0663c;
  --rose:#f08a5d;
  --gold:#ffd36a;
  --gold-deep:#f5a524;
  --gold-light:#fff0b8;
  --violet:#2f6aa8;
  --line:rgba(255,255,255,.22);
  --glass:rgba(255,255,255,.13);
  --glass-strong:rgba(255,255,255,.2);
  --panel:#12294a;
  --cream:#fff7fb;
  --shadow:0 18px 50px rgba(2,10,24,.45);
  --cyan:#7fe3c0;--magenta:#e0663c;--royal:#12294a;--royal-deep:#0a1b33;--black:#0a1b33;--red:#e0244a;--navy:#0c2142;--navy2:#16365f;--brown:#8b5a35;--cognac:#b8743c;--green:#1fa971;--green-deep:#0d6b49;
}
html{background:#0a1b33}
body{
  color:var(--ink);
  background:
    radial-gradient(900px 520px at 85% -8%,rgba(255,211,106,.22),transparent 62%),
    radial-gradient(700px 520px at -10% 38%,rgba(31,169,113,.28),transparent 65%),
    radial-gradient(800px 600px at 110% 95%,rgba(184,116,60,.5),transparent 62%),
    linear-gradient(165deg,#0a1b33 0%,#12294a 46%,#3d2616 100%);
  background-attachment:fixed;
  font-family:"DM Sans",system-ui,sans-serif;
}
.blobs span:nth-child(1){background:#ffd36a;opacity:.22;width:300px;height:300px}
.blobs span:nth-child(2){background:#1fa971;opacity:.22}
.blobs span:nth-child(3){background:#b8743c;opacity:.35}
h1,h2,h3,.brand b,.question,.score b,.section-title h2{font-family:"Fredoka","DM Sans",sans-serif}
.eyebrow,.modal-label{color:var(--gold);letter-spacing:1.8px}

/* ---- carduri de sticlă ---- */
.card{
  background:linear-gradient(150deg,rgba(58,120,184,.34),rgba(139,90,53,.3));
  border:1px solid rgba(255,227,138,.3);
  border-radius:26px;
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.35);
  color:var(--ink);
}

/* ---- autentificare ---- */
.login{max-width:520px;text-align:center;padding:30px 24px 26px}
.main-emblem{
  display:block;width:min(360px,100%);height:auto;object-fit:contain;object-position:center;
  margin:0 auto 6px;border:0;border-radius:0;box-shadow:none;
  filter:drop-shadow(0 8px 24px rgba(40,5,45,.45)) drop-shadow(0 0 22px rgba(255,211,106,.28));
}
.login h1{font-size:34px;line-height:1.08;color:#fff}
.login h1 em{color:var(--gold);font-style:normal}
.subtitle{color:var(--muted)}
.login form{text-align:left}
.login label{color:var(--gold-light)}
input,select,textarea{
  background:rgba(255,255,255,.95);color:#3a1040;border:2px solid transparent;border-radius:16px;
}
input::placeholder{color:#a58aa9}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,211,106,.35)}
.privacy{color:var(--muted)}
.text-button{color:var(--gold-light)}

/* ---- butoane ---- */
.primary,.next,.arcade-primary{
  background:linear-gradient(135deg,#ffe38a,#ffb02e 55%,#ff8a3d);color:#4a1236;
  border:0;border-radius:18px;font-weight:800;
  box-shadow:0 10px 24px rgba(255,150,40,.4),inset 0 1px 0 rgba(255,255,255,.7);
}
.primary:active,.next:active{transform:translateY(1px)}
.share-result{background:linear-gradient(135deg,#34e27f,#12b886);color:#053a2a;border:0;border-radius:18px;font-weight:800;box-shadow:0 10px 22px rgba(18,184,134,.35)}
.round{background:linear-gradient(135deg,#ffe38a,#ffb02e);color:#4a1236;box-shadow:0 6px 16px rgba(255,176,46,.45)}
.round:disabled{opacity:.9}
.close{color:#fff;opacity:.85}

/* ---- antet ---- */
.app>header{
  position:relative;display:block;text-align:center;border:0;background:none;
  padding:6px 0 0;min-height:176px;margin:0;
}
.brand{display:block}
.brand div{display:none}
.header-emblem{
  display:block;width:min(290px,78%);height:auto;margin:0 auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;
  filter:drop-shadow(0 6px 18px rgba(2,10,24,.6)) drop-shadow(0 0 26px rgba(255,211,106,.35));
}
.avatar{
  position:absolute;top:8px;right:0;width:48px;height:48px;
  background:linear-gradient(135deg,#ffe38a,#ffb02e);color:#4a1236;border:3px solid rgba(255,255,255,.9);
  box-shadow:0 6px 16px rgba(2,10,24,.45);font-family:"Fredoka";font-size:18px;
}
.notification-button{
  position:absolute;top:8px;left:0;right:auto;width:48px;height:48px;border-radius:50%;
  background:var(--glass-strong);border:2px solid rgba(255,255,255,.4);color:var(--gold);
  box-shadow:0 6px 16px rgba(40,5,45,.35);display:grid;place-items:center;font-size:21px;
}

.app>header::before{
  content:"";position:absolute;left:50%;top:50%;width:420px;height:300px;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(8,24,48,.8),rgba(8,24,48,.35) 62%,transparent);pointer-events:none;z-index:0;
}
.app>header>*{position:relative;z-index:1}
.app>header>.avatar,.app>header>.notification-button{position:absolute}

/* ---- meniu jos ---- */
.app-nav{
  background:rgba(9,24,46,.92);border:1px solid rgba(255,255,255,.25);
  box-shadow:0 14px 40px rgba(2,10,24,.6);
}
.app-nav button{color:#f6d7e6}
.app-nav button.active{background:linear-gradient(135deg,#ffe38a,#ffb02e);color:#4a1236;box-shadow:0 6px 16px rgba(255,176,46,.45)}
.nav-badge{background:#ff3d7f;color:#fff}

/* ---- bun venit ---- */
.welcome{padding:18px 2px 14px}
.welcome h1{font-size:34px;color:#fff;text-shadow:0 3px 14px rgba(2,10,24,.45)}
.welcome h1 span{color:var(--gold)}
.welcome p:last-child{color:var(--muted)}
.score{
  background:linear-gradient(145deg,rgba(255,227,138,.35),rgba(255,176,46,.15));border:1px solid rgba(255,227,138,.6);
  box-shadow:0 10px 26px rgba(2,10,24,.35);color:#fff;
}
.score small{color:var(--gold-light)}
.score b{color:#fff}

/* ---- provocarea zilei / robot / conversație ---- */
.daily{background:linear-gradient(120deg,rgba(31,169,113,.3),rgba(139,90,53,.3));border-color:rgba(255,227,138,.45)}
.daily-icon{background:linear-gradient(135deg,#3fcf94,#1fa971);box-shadow:0 8px 18px rgba(31,169,113,.45)}
.daily h2{color:#fff}
.daily small{color:var(--muted)}
.progress{background:rgba(255,255,255,.22)}
.progress i{background:linear-gradient(90deg,#ffe38a,#ff8a3d)}
.social-launcher{background:linear-gradient(130deg,rgba(52,226,127,.28),rgba(18,184,134,.12));border-color:rgba(120,255,190,.45)}
.social-button{background:linear-gradient(135deg,#34e27f,#12b886);color:#053a2a;border:0;box-shadow:0 10px 22px rgba(18,184,134,.4)}
.home-virtual-admin{background:linear-gradient(130deg,rgba(47,106,168,.45),rgba(255,255,255,.08));border-color:rgba(150,190,235,.5)}
.home-robot-launch{color:#fff}
.home-robot-launch small{color:var(--muted)}

/* ---- titlu secțiune ---- */
.section-title{margin:24px 2px 14px}
.section-title h2{font-size:27px;color:#fff}
.section-title>span{color:var(--gold);background:var(--glass);border:1px solid var(--line);padding:6px 12px;border-radius:999px;font-weight:700}

/* ---- cartonașele jocurilor ---- */
.games{gap:16px}
.game{
  min-height:268px;border:0;border-radius:28px;color:#fff;padding:22px 22px 76px;
  box-shadow:0 18px 38px rgba(2,10,24,.45),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -30px 50px rgba(0,0,0,.12);
  transition:transform .2s,box-shadow .2s;
}
.game:active{transform:scale(.985)}
.game:after{border-color:rgba(255,255,255,.22)}
.game .game-icon{
  width:62px;height:62px;border-radius:20px;font-size:34px;margin-bottom:22px;
  background:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 16px rgba(0,0,0,.18);
}
.game small{color:rgba(255,255,255,.9);letter-spacing:1.6px}
.game h3{font-size:27px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.22)}
.game p{color:rgba(255,255,255,.92);max-width:80%}
.game b{color:#fff;background:rgba(0,0,0,.25);padding:9px 16px;border-radius:999px;left:22px;bottom:22px;font-size:14px}
.game.crimson{background:linear-gradient(140deg,#e0a050 0%,#b8743c 52%,#7a4422 100%)}
.game.blue{background:linear-gradient(140deg,#3a78b8 0%,#1d4577 55%,#0e2a4f 100%)}
.game.green{background:linear-gradient(140deg,#3fdca4 0%,#1fa971 52%,#0d6b49 100%)}
.game.runner-card{
  background:
    linear-gradient(90deg,rgba(40,22,10,.94) 0%,rgba(40,22,10,.72) 52%,rgba(40,22,10,.05) 100%),
    url("goana-14-cover.png") right 28%/cover no-repeat,
    linear-gradient(140deg,#ffb02e,#7a4422);
}

/* ---- jos ---- */
.bottom-card{background:var(--glass)}
.bottom-card small{color:var(--muted)}
.bottom-card button{background:linear-gradient(135deg,#34e27f,#12b886);color:#053a2a;box-shadow:0 8px 18px rgba(18,184,134,.4)}

/* ---- ferestre de joc ---- */
dialog{
  color:var(--ink);border:1px solid var(--line);border-radius:30px;
  background:
    radial-gradient(500px 300px at 90% -10%,rgba(255,211,106,.2),transparent 65%),
    linear-gradient(165deg,#0e2a4f 0%,#173a63 55%,#4a2c18 100%);
  box-shadow:0 30px 90px rgba(20,0,30,.65);
}
dialog::backdrop{background:rgba(4,12,26,.78)}
.question{color:#fff}
.modal-icon{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}
.choices button{
  background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.28);color:#fff;border-radius:18px;
  padding:16px;transition:transform .12s,background .12s,border-color .12s;
}
.choices button:hover,.choices button:focus-visible{background:rgba(255,227,138,.28);border-color:var(--gold)}
.choices button:active{transform:scale(.98)}
.result strong{color:var(--gold);text-shadow:0 4px 16px rgba(0,0,0,.3)}
.roulette-wheel{border-color:#fff3c4;box-shadow:0 0 0 6px rgba(255,211,106,.35),0 16px 40px rgba(0,0,0,.45);
  background:conic-gradient(#b8743c 0 60deg,#ffd36a 60deg 120deg,#2fd49a 120deg 180deg,#3a78b8 180deg 240deg,#16365f 240deg 300deg,#e08a3c 300deg)}
.roulette-wheel:after{background:#fff;color:#8b5a35}
.roulette-pointer{color:var(--gold);text-shadow:0 3px 8px rgba(0,0,0,.4)}
.roulette-result{color:#fff}
#toast{background:rgba(6,18,38,.96);color:#fff;border:1px solid var(--gold);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.5)}

/* ---- clasamente, unelte ---- */
.leaderboards-hub,.in-game-ranking{background:var(--glass)}
.game-ranking-tabs button,.stats-period-tabs button{background:var(--glass);border:1px solid var(--line);color:#fff}
.game-ranking-tabs button.active,.stats-period-tabs button.active{background:linear-gradient(135deg,#ffe38a,#ffb02e);color:#4a1236;border-color:transparent}
.tool-button{background:var(--glass);border:1px solid var(--line);color:#fff}
.install-banner{background:linear-gradient(135deg,#ffe38a,#ffb02e);color:#4a1236}

/* ===== Unelte din joc, robot, clasamente ===== */
.tool-button{
  min-height:78px;border:2px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;
  background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
  box-shadow:0 8px 18px rgba(2,10,24,.3);
}
.tool-button small{color:var(--muted)}
.tool-button b{color:#fff}
.tool-button[data-back-whatsapp]{border-color:#5df2a2;background:linear-gradient(160deg,rgba(52,226,127,.4),rgba(18,184,134,.18))}
.tool-button[data-main-menu]{border-color:#9cc4ec;background:linear-gradient(160deg,rgba(58,120,184,.45),rgba(22,54,95,.3))}
.robot-toggle{border-color:#e0a050;background:linear-gradient(160deg,rgba(184,116,60,.5),rgba(74,44,24,.3))}
.music-tool{border-color:var(--gold);background:linear-gradient(160deg,rgba(255,211,106,.38),rgba(255,138,61,.2))}
.virtual-admin-panel{border:2px solid rgba(224,160,80,.6);border-radius:22px;background:linear-gradient(160deg,rgba(47,106,168,.45),rgba(139,90,53,.3))}
.robot-notice b{color:var(--gold-light)}
.robot-notice small,.virtual-admin-answer{color:#fff}
.virtual-quick button{border:2px solid rgba(255,255,255,.4);background:rgba(255,255,255,.16);color:#fff;border-radius:22px;font-weight:700}
.virtual-quick button:active{background:rgba(255,227,138,.4)}

.in-game-ranking,.leaderboards-hub{
  border:1px solid rgba(255,255,255,.28);border-radius:26px;
  background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.07));box-shadow:var(--shadow);
}
.ranking-title h2,.ranking-title h3{color:#fff;font-family:"Fredoka",sans-serif}
.ranking-title small,.ranking-loading,.ranking-empty{color:var(--muted)}
.ranking-column{border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(6,18,38,.45)}
.ranking-column h4{color:var(--gold);border-bottom:1px solid rgba(255,255,255,.2);letter-spacing:1.4px}
.ranking-column li{border-bottom:1px solid rgba(255,255,255,.14);color:#fff}
.ranking-column li>span b{color:var(--gold)}
.ranking-column li strong{color:#8ff0d0}
.game-ranking-tabs button{border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;font-weight:700}
.game-ranking-tabs button.active{background:linear-gradient(135deg,#ffe38a,#ffb02e);color:#4a1236;border-color:transparent}

/* ===== Trivia ===== */
.trivia-resources>span{background:rgba(6,18,38,.5);border-radius:20px;color:#fff}
.trivia-resources b{color:#fff}
.trivia-resources small{color:var(--muted)}
.trivia-coins{border:2px solid var(--gold);box-shadow:inset 0 0 18px rgba(255,211,106,.28)}
.trivia-hearts{border:2px solid #ff7a8a;box-shadow:inset 0 0 18px rgba(224,36,74,.3)}
.trivia-player{
  border:1px solid rgba(255,255,255,.3);border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
}
.trivia-player-avatar{border:3px solid #fff;background:linear-gradient(135deg,#ffe38a,#ffb02e);color:#4a1236;font-family:"Fredoka"}
.trivia-player small,.trivia-level-head small{color:var(--gold)}
.trivia-player p{color:var(--muted)}
.trivia-player h2{color:#fff}
.trivia-play{
  background:linear-gradient(135deg,#ffe38a,#ffb02e 60%,#ff8a3d);color:#4a1236;border-radius:24px;
  box-shadow:0 8px 0 #c66a12,0 18px 30px rgba(255,150,40,.4);
}
.trivia-play strong{border-color:#4a1236;color:#4a1236}
.trivia-modes button{
  border:0;border-radius:24px;color:#fff;box-shadow:0 12px 24px rgba(2,10,24,.35),inset 0 2px 0 rgba(255,255,255,.3);
}
.trivia-modes button:nth-child(1){background:linear-gradient(145deg,#3a78b8,#16365f)}
.trivia-modes button:nth-child(2){background:linear-gradient(145deg,#3fdca4,#0d6b49)}
.trivia-modes b{color:#fff}
.trivia-modes small{color:rgba(255,255,255,.92)}
.trivia-level-head button{border:2px solid rgba(255,255,255,.5);background:rgba(255,255,255,.18);color:#fff}
.trivia-level-head h2{color:#fff}
.trivia-level-path:before{background:linear-gradient(#ffd36a,#ff4f8b,#7b4dff)}
.trivia-level{
  border:5px solid #fff;background:linear-gradient(160deg,#ffe38a,#ff8a3d);color:#4a1236;
  box-shadow:0 6px 0 #c66a12,0 12px 20px rgba(0,0,0,.3);
}
.trivia-level span{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.trivia-level.locked{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35);box-shadow:none;color:#fff;opacity:.7}
.trivia-level-note{color:var(--muted)}
.trivia-utility-zone{border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(6,18,38,.4)}
.trivia-utility-title b{color:var(--gold-light)}
.trivia-utility-title small{color:var(--muted)}
.tries-pill,.helper-count{background:rgba(255,255,255,.2);color:#fff}

/* ===== Întrebări: litere colorate și răspuns corect/greșit ===== */
.choices{counter-reset:ans;gap:12px}
.choices button{
  counter-increment:ans;display:flex;align-items:center;gap:14px;font-weight:700;font-size:16px;
  min-height:60px;text-align:left;
}
.choices button::before{
  content:counter(ans,upper-alpha);flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;
  font:700 18px "Fredoka",sans-serif;color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 8px rgba(0,0,0,.25);
}
.choices button:nth-child(1)::before{background:linear-gradient(145deg,#e0a050,#a8572a)}
.choices button:nth-child(2)::before{background:linear-gradient(145deg,#3a78b8,#16365f)}
.choices button:nth-child(3)::before{background:linear-gradient(145deg,#3fdca4,#0d6b49)}
.choices button:nth-child(4)::before{background:linear-gradient(145deg,#ffd36a,#ff8a3d)}
.choices button.right{background:linear-gradient(135deg,#34e27f,#12b886);border-color:#c8ffe2;color:#04361f;animation:pop .35s ease}
.choices button.wrong{background:linear-gradient(135deg,#ff6b6b,#e0245e);border-color:#ffd1d1;color:#fff;animation:shake .4s ease}
.choices button:disabled{opacity:1;cursor:default}
@keyframes pop{50%{transform:scale(1.04)}}
@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.trivia-level b{font-family:"Fredoka",sans-serif}

/* ===== Găsește cuvântul ===== */
.word-game-dialog{overflow-x:hidden}
.word-game{max-width:100%}
.pilot-score{
  border:2px solid rgba(255,227,138,.7);border-radius:20px;color:#fff;
  background:linear-gradient(135deg,rgba(255,227,138,.3),rgba(255,138,61,.18));
}
.pilot-score b{color:#fff;font-family:"Fredoka"}
.letter-boxes span{
  border:3px solid #fff;border-radius:16px;color:#fff;font:700 26px "Fredoka",sans-serif;
  background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,.08));
  box-shadow:0 8px 14px rgba(2,10,24,.35),inset 0 2px 0 rgba(255,255,255,.4);
}
.letter-boxes span.shown{border-color:#fff3b0;color:#4a1236;background:linear-gradient(145deg,#ffe38a,#ffb02e);animation:pop .4s ease}
.letters-found{color:#9ff5d5}
.sequence-rule{color:var(--muted)}
.tries-pill{border:2px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff}
.word-answer{background:linear-gradient(135deg,#ffe38a,#ffb02e 60%,#ff8a3d);box-shadow:0 8px 0 #c66a12,0 16px 26px rgba(255,150,40,.35);color:#4a1236}
.whatsapp-return{background:linear-gradient(135deg,#34e27f,#12b886);color:#053a2a;box-shadow:0 8px 0 #0a7a5a}
.helper-count{color:#fff}
.helper-count b{color:var(--gold-light)}
.helper-count em{color:#9ff5d5}
.helper-button,.robot-button{border:2px solid rgba(255,255,255,.5);background:rgba(255,255,255,.16);color:#fff}
.photo-summary>div,.player-counts>div{border:1px solid rgba(255,255,255,.3);background:rgba(6,18,38,.45)}
.photo-summary b,.player-counts b{color:var(--gold-light)}
.photo-summary small,.player-counts small{color:var(--muted)}
.word-hint{color:var(--muted)}
.word-mask{color:var(--gold)}
.word-game-dialog,#gameModal{padding-top:58px}
.close{top:12px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);font-size:26px;line-height:1;display:grid;place-items:center;z-index:5}

#gameModal{padding-left:16px;padding-right:16px;padding-bottom:22px}

/* ===== Fonturi: titlurile rămân rotunjite peste tot ===== */
.app h1,.app h2,.app h3,.login h1,.login h2,dialog h2,dialog h3,.ranking-title h2,.ranking-title h3,.workspace-head h2,.trivia-player h2,.letter-boxes span,.word-mask{font-family:"Fredoka","DM Sans",sans-serif!important}
body{overflow-x:hidden}
.install-banner p,.install-banner div{color:#4a1236}
.install-banner button#installLater{color:#4a1236;background:rgba(255,255,255,.4)}
.install-banner #installNow{background:#0c2142;color:#ffe38a}