/* Stilul comun al Jocurilor Zilei — paleta platformei (Lagună), mobile-first. */
:root{
  --orange:#FF6B35; --amber:#FFB000; --turq:#0FB5CE; --turq-deep:#0A7C97;
  --success:#27B383; --ink:#0E3A46; --ink-60:#4E7C88; --line:#CBE9F0;
  --glass:rgba(255,255,255,.55); --glass-line:rgba(255,255,255,.75);
  --display:'Fredoka',system-ui,sans-serif; --body:'Nunito',system-ui,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{overflow-x:hidden;overscroll-behavior-x:none}
body{margin:0;min-height:100dvh;color:var(--ink);font-family:var(--body);
  background:radial-gradient(140% 90% at 12% 0%,#CFF3F9 0%,transparent 55%),radial-gradient(120% 80% at 100% 100%,#D7F7EE 0%,transparent 50%),linear-gradient(165deg,#EAFBFE 0%,#F6FEFC 100%)}
.zl-bara{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 14px;
  background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-line)}
.zl-inapoi{font-size:20px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:700;padding:4px 8px}
.zl-titlu{flex:1;min-width:0}
.zl-titlu b{font-family:var(--display);font-weight:700;font-size:16.5px;display:block;line-height:1.1}
.zl-titlu span{font-size:11.5px;color:var(--ink-60)}
.zl-actiuni{display:flex;gap:4px}
.zl-actiuni button{font-size:17px;background:none;border:none;cursor:pointer;padding:6px;border-radius:10px}
.zl-actiuni button:hover{background:rgba(255,255,255,.6)}
.zl-scrim{position:fixed;inset:0;z-index:50;background:rgba(14,58,70,.45);display:grid;place-items:center;padding:18px}
.zl-modal{background:#fff;border-radius:22px;padding:22px 22px 18px;max-width:430px;width:100%;max-height:82dvh;overflow:auto}
.zl-modal h2{font-family:var(--display);font-weight:700;font-size:19px;margin:0 0 10px}
.zl-modal-corp{font-size:14.5px;color:var(--ink-60);line-height:1.6}
.zl-modal-corp b{color:var(--ink)}
.zl-inchide{margin-top:14px;font-family:var(--display);font-weight:700;font-size:14.5px;color:#fff;background:var(--turq);
  border:none;border-radius:999px;padding:10px 20px;cursor:pointer}
.zl-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:60;background:var(--ink);color:#fff;
  font-family:var(--display);font-weight:600;font-size:13.5px;border-radius:999px;padding:10px 18px;opacity:0;transition:all .25s;white-space:nowrap}
.zl-toast.on{opacity:1;transform:translate(-50%,0)}
.zl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;margin:4px 0}
.zl-stats b{font-family:var(--display);font-weight:700;font-size:24px;display:block;color:var(--ink)}
.zl-stats span{font-size:11px;color:var(--ink-60)}
.zl-continut{max-width:560px;margin:0 auto;padding:16px 14px 40px;text-align:center}
.zl-btn{font-family:var(--display);font-weight:700;font-size:15px;border:none;cursor:pointer;border-radius:999px;padding:12px 22px;
  background:var(--orange);color:#fff;box-shadow:0 12px 24px -12px rgba(255,107,53,.8)}
.zl-btn.sec{background:#fff;color:var(--ink);border:2px solid var(--line);box-shadow:none}
/* modalul de final e #win cu .show — analytics.js îl detectează singur */
#win{position:fixed;inset:0;z-index:55;background:rgba(14,58,70,.45);display:grid;place-items:center;padding:18px;
  opacity:0;pointer-events:none;transition:opacity .25s}
#win.show{opacity:1;pointer-events:auto}
#win .wincard{background:#fff;border-radius:24px;padding:26px 24px;max-width:430px;width:100%;text-align:center;max-height:85dvh;overflow:auto}
#win .wincard h2{font-family:var(--display);font-weight:700;font-size:24px;margin:0 0 4px;color:var(--orange)}
#win .wincard .sol{font-family:var(--display);font-weight:600;color:var(--ink);font-size:16px;margin:6px 0}
#win .emoji{font-size:17px;line-height:1.35;letter-spacing:1px;margin:10px 0;white-space:pre-wrap}
#win .rand{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}