:root{--bg: #0e1a12;--bg-2: #12231a;--card: rgba(255, 255, 255, .055);--card-2: rgba(255, 255, 255, .09);--stroke: rgba(255, 255, 255, .11);--ink: #f2f7ee;--ink-2: #b9c9b6;--ink-3: #7e937f;--nectar: #f2b53c;--nectar-2: #ffd97a;--verde: #57c26b;--auriu: #e8b23a;--albastru: #4aa3e0;--mov: #a06ae0;--rosu-bland: #e07a6a;--accent: var(--verde);--raza: 20px;--raza-mica: 13px;--tranz: .22s cubic-bezier(.2,.9,.3,1.2);--umbra: 0 10px 30px rgba(0,0,0,.35);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% -10%,var(--bg-2) 0%,var(--bg) 60%);color:var(--ink);font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.5;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font:inherit}::selection{background:#f2b53c59}:focus-visible{outline:2px solid var(--nectar);outline-offset:2px;border-radius:6px}.splash{position:fixed;inset:0;display:grid;place-content:center;text-align:center;gap:10px;background:var(--bg);z-index:99}.splash-drop{width:54px;height:54px;margin:0 auto;border-radius:50% 50% 50% 4px;transform:rotate(45deg);background:linear-gradient(135deg,var(--nectar-2),var(--nectar));box-shadow:0 0 40px #f2b53c66;animation:picura 1.2s ease-in-out infinite alternate}.splash-title{font-weight:900;font-size:1.5rem;letter-spacing:.3px}.splash-sub{color:var(--ink-3);font-size:.95rem}@keyframes picura{0%{transform:rotate(45deg) scale(.94)}to{transform:rotate(45deg) scale(1.05)}}.ecran{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;animation:ecranIn .32s cubic-bezier(.2,.9,.3,1) both}@keyframes ecranIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.continut{flex:1;overflow-y:auto;padding:14px 16px calc(20px + var(--safe-bottom));scrollbar-width:thin}.centrat{max-width:560px;margin:0 auto;width:100%}.antet{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + var(--safe-top)) 16px 10px}.antet .titlu{font-weight:900;font-size:1.05rem}.pastila-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--stroke);font-weight:800;font-size:.92rem}.pastila-status svg{width:17px;height:17px}.pastila-status.streak{color:#ffab61}.pastila-status.nectar{color:var(--nectar-2)}.nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--stroke);background:#0a120ce0;backdrop-filter:blur(14px);padding:6px 8px calc(8px + var(--safe-bottom))}.nav button{display:grid;justify-items:center;gap:3px;padding:7px 4px;color:var(--ink-3);font-size:.72rem;font-weight:800;border-radius:12px;transition:color var(--tranz),transform var(--tranz);min-height:52px}.nav button svg{width:23px;height:23px}.nav button.activ{color:var(--nectar-2)}.nav button:active{transform:scale(.92)}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--raza);padding:18px;margin:0 0 14px;box-shadow:var(--umbra)}.card.luminos{background:linear-gradient(160deg,#f2b53c24,#f2b53c0d);border-color:#f2b53c59}.btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;padding:14px 22px;border-radius:999px;font-weight:900;font-size:1.06rem;background:linear-gradient(135deg,var(--nectar-2),var(--nectar));color:#2b1f05;box-shadow:0 8px 22px #f2b53c47,inset 0 -3px #0000002e;transition:transform var(--tranz),box-shadow var(--tranz),filter var(--tranz)}.btn:active{transform:scale(.965);box-shadow:0 4px 12px #f2b53c38}.btn.secundar{background:var(--card-2);color:var(--ink);box-shadow:none;border:1px solid var(--stroke)}.btn.fantoma{background:none;box-shadow:none;color:var(--ink-2);min-height:44px;font-weight:800}.btn[disabled]{filter:grayscale(.6) opacity(.55);pointer-events:none}.btn svg{width:21px;height:21px}.onb{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px calc(26px + var(--safe-bottom));position:relative;overflow:hidden}.onb-fundal{position:absolute;inset:0;z-index:-1}.onb:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0e1a122e,#0e1a120d 34%,#0a110c9e 62%,#090f0bed)}.onb h1{font-size:clamp(1.9rem,7vw,2.6rem);font-weight:1000;line-height:1.08;margin:0 0 10px}.onb h1 .aurie{color:var(--nectar-2)}.onb p{color:var(--ink-2);margin:0 0 22px;font-size:1.05rem;max-width:34ch}.onb input{width:100%;min-height:56px;border-radius:var(--raza-mica);border:1.5px solid var(--stroke);background:var(--card);color:var(--ink);padding:14px 16px;font-size:1.1rem;font-weight:700;margin-bottom:12px}.onb input::placeholder{color:var(--ink-3);font-weight:600}.erou-drum{position:relative;height:min(42dvh,380px);border-radius:0 0 26px 26px;overflow:hidden;background:linear-gradient(180deg,#16281c,#0e1a12)}.erou-drum canvas{display:block;width:100%;height:100%}.erou-eticheta{position:absolute;left:14px;bottom:12px;display:flex;gap:8px;align-items:center;background:#080e0aad;backdrop-filter:blur(8px);padding:8px 14px;border-radius:999px;border:1px solid var(--stroke);font-weight:800;font-size:.95rem}.erou-eticheta .punct{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.zi-mare{font-size:1rem;color:var(--ink-2);font-weight:800;margin:16px 0 4px}.tema-zi{font-size:1.45rem;font-weight:1000;line-height:1.2;margin:0 0 6px}.progres-bara{height:9px;border-radius:99px;background:var(--card-2);overflow:hidden;margin:12px 0 4px}.progres-bara>div{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--verde),var(--auriu) 38%,var(--albastru) 70%,var(--mov));transition:width .8s cubic-bezier(.2,.9,.3,1)}.progres-text{color:var(--ink-3);font-size:.85rem;font-weight:700}.rand-desparte{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;margin:18px 0 10px}.rand-desparte:after{content:"";flex:1;height:1px;background:var(--stroke)}.voce{display:flex;gap:11px;align-items:flex-start;background:linear-gradient(150deg,#57c26b1f,#57c26b08);border:1px solid rgba(87,194,107,.3);border-radius:var(--raza);padding:14px 16px;margin:0 0 14px}.voce .avatar{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--nectar-2),var(--nectar));display:grid;place-content:center;color:#2b1f05;font-weight:1000;font-size:1rem}.voce .cine{font-size:.72rem;font-weight:900;letter-spacing:1px;color:var(--verde);text-transform:uppercase;margin-bottom:2px}.voce .text{font-weight:700}.voce .text .bula2{display:block;margin-top:6px}.flux-antet{display:flex;align-items:center;gap:12px;padding:calc(8px + var(--safe-top)) 14px 8px}.flux-antet .inapoi{width:44px;height:44px;display:grid;place-content:center;border-radius:50%;background:var(--card);border:1px solid var(--stroke)}.flux-antet .inapoi svg{width:20px;height:20px}.flux-pasi{flex:1;display:flex;gap:5px}.flux-pasi i{flex:1;height:6px;border-radius:99px;background:var(--card-2)}.flux-pasi i.gata{background:var(--nectar)}.flux-pasi i.acum{background:linear-gradient(90deg,var(--nectar) 50%,var(--card-2) 50%)}.eticheta-pas{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px}.eticheta-pas svg{width:16px;height:16px}.intrebare-titlu{font-size:1.3rem;font-weight:1000;line-height:1.3;margin:0 0 16px}.pastila-card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--raza);padding:20px;font-size:1.08rem;line-height:1.65;font-weight:600;min-height:150px;display:flex;align-items:center;animation:ecranIn .3s both}.pastila-nr{color:var(--ink-3);font-size:.82rem;font-weight:800;margin:10px 0 14px;text-align:center}.varianta{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--stroke);border-radius:var(--raza-mica);padding:15px 16px;margin-bottom:10px;font-weight:700;font-size:1.02rem;transition:transform var(--tranz),border-color var(--tranz),background var(--tranz);min-height:56px}.varianta .litera{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-content:center;background:var(--card-2);font-weight:900;font-size:.92rem}.varianta:active{transform:scale(.98)}.varianta.corecta{border-color:var(--verde);background:#57c26b24}.varianta.corecta .litera{background:var(--verde);color:#08150c}.varianta.gresita{border-color:var(--rosu-bland);background:#e07a6a1f;animation:scutura .4s}.varianta.gresita .litera{background:var(--rosu-bland);color:#200a06}.varianta.stinsa{opacity:.45;pointer-events:none}@keyframes scutura{0%,to{transform:none}25%{transform:translate(-6px)}65%{transform:translate(5px)}}.explicatie{border-left:3px solid var(--nectar);background:#f2b53c14;border-radius:0 var(--raza-mica) var(--raza-mica) 0;padding:12px 14px;margin:12px 0;font-size:.98rem;color:var(--ink-2);font-weight:600;animation:ecranIn .3s both}textarea.deschisa{width:100%;min-height:130px;resize:vertical;background:var(--card);border:1.5px solid var(--stroke);border-radius:var(--raza-mica);color:var(--ink);padding:14px;font-size:1.05rem;line-height:1.55;font-weight:600}.puncte-cheie{margin:12px 0}.puncte-cheie .punct-c{display:flex;gap:9px;align-items:flex-start;padding:7px 0;font-weight:700;color:var(--ink-2)}.puncte-cheie .punct-c svg{flex:0 0 19px;width:19px;height:19px;color:var(--verde);margin-top:2px}.sarcina-card{background:linear-gradient(150deg,#f2b53c29,#f2b53c0a);border:1.5px solid rgba(242,181,60,.4);border-radius:var(--raza);padding:20px;font-size:1.14rem;font-weight:800;line-height:1.5;margin-bottom:16px}.video-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--raza-mica);padding:13px 15px;margin:12px 0;color:var(--ink);text-decoration:none;font-weight:800}.video-card svg{flex:0 0 22px;width:22px;height:22px;color:var(--nectar-2)}.video-card small{display:block;color:var(--ink-3);font-weight:700}.celebrare{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;position:relative;overflow:hidden}.celebrare h2{font-size:2rem;font-weight:1000;margin:14px 0 6px}.celebrare .sub{color:var(--ink-2);font-weight:700;margin-bottom:22px}.recompensa{display:flex;gap:12px;margin:8px 0 26px;flex-wrap:wrap;justify-content:center}.recompensa .jeton{display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:var(--card);border:1px solid var(--stroke);font-weight:900;font-size:1.05rem;animation:jetonIn .5s cubic-bezier(.2,1.4,.35,1) both}.recompensa .jeton:nth-child(2){animation-delay:.12s}.recompensa .jeton:nth-child(3){animation-delay:.24s}.recompensa .jeton svg{width:20px;height:20px;color:var(--nectar-2)}@keyframes jetonIn{0%{opacity:0;transform:scale(.4) translateY(14px)}to{opacity:1;transform:none}}.flacara-mare{color:#ffab61}.confeti{position:absolute;top:-12px;width:9px;height:14px;border-radius:3px;animation:cade linear forwards}@keyframes cade{to{transform:translateY(110dvh) rotate(720deg);opacity:.1}}.drum-plin{position:relative;flex:1;min-height:0}.drum-plin canvas{display:block;width:100%;height:100%}.drum-hud{position:absolute;left:0;right:0;bottom:0;padding:12px 16px calc(14px + var(--safe-bottom));display:flex;gap:10px;align-items:center;justify-content:space-between;pointer-events:none}.drum-hud>*{pointer-events:auto}.tronson-cip{display:inline-flex;align-items:center;gap:8px;background:#080e0ab8;backdrop-filter:blur(8px);border:1px solid var(--stroke);padding:9px 15px;border-radius:999px;font-weight:900}.tronson-cip .punct{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.drum-fallback{height:100%;display:grid;place-content:center;text-align:center;gap:8px;background:linear-gradient(160deg,#16281c,#0e1a12);padding:20px}.rand-om{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--stroke)}.rand-om:last-child{border-bottom:none}.rand-om .avatar-mic{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-content:center;font-weight:1000;background:var(--card-2)}.rand-om .nume{flex:1;font-weight:800}.rand-om .valoare{font-weight:900;color:var(--nectar-2);display:flex;align-items:center;gap:5px}.rand-om .valoare svg{width:16px;height:16px}.rand-setare{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;border-bottom:1px solid var(--stroke);font-weight:800}.rand-setare:last-child{border-bottom:none}.comutator{position:relative;width:52px;height:30px;border-radius:99px;background:var(--card-2);border:1px solid var(--stroke);transition:background var(--tranz)}.comutator:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--ink-2);transition:transform var(--tranz),background var(--tranz)}.comutator.pornit{background:#f2b53c66}.comutator.pornit:after{transform:translate(22px);background:var(--nectar-2)}.gol{text-align:center;color:var(--ink-3);font-weight:700;padding:26px 18px}.mic-ajutor{color:var(--ink-3);font-size:.86rem;font-weight:600;margin-top:8px}.disclaimer{color:var(--ink-3);font-size:.8rem;font-weight:600;border-top:1px dashed var(--stroke);margin-top:12px;padding-top:10px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 700px){.nav{max-width:560px;margin:0 auto;width:100%;border:1px solid var(--stroke);border-radius:22px 22px 0 0}}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/petrecere/assets/nunito-variable-CcX7pMiF.woff2) format("woff2")}