/* Cama Player web — 1rem = 10px pe un ecran de 1920 lățime (se scalează pe orice TV) */
@font-face{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;src:url(/assets/SpaceGrotesk-Regular.ttf);font-weight:400}
@font-face{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;src:url(/assets/SpaceGrotesk-Medium.ttf);font-weight:500}
@font-face{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;src:url(/assets/SpaceGrotesk-Bold.ttf);font-weight:700}
@font-face{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;src:url(/assets/JetBrainsMono-Regular.ttf);font-weight:400}
@font-face{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;src:url(/assets/JetBrainsMono-Medium.ttf);font-weight:500}
html{font-size:5.2083333vw;font-size:calc(100vw / 192)}
html,body{margin:0;height:100%;background:#000;overflow:hidden;cursor:none}
*{box-sizing:border-box}
body{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#0b0b0c;-webkit-font-smoothing:antialiased}
#stage{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#000}
.hidden{display:none!important}

/* straturile cu conținut (două, pentru trecere lină) */
#rot{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.portrait #rot{width:100vh;height:100vw;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}
.layer{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;background:#000;z-index:1}
.layer.on{opacity:1;z-index:2}
.layer img,.layer video{position:absolute;left:0;top:0;width:100%;height:100%;border:0;display:block}
.layer iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;background:#fff}
.fit-fill img,.fit-fill video{object-fit:fill}
.fit-contain img,.fit-contain video{object-fit:contain}
.fit-cover img,.fit-cover video{object-fit:cover}
.layer .crop{position:absolute;max-width:none;max-height:none;object-fit:fill}

/* ecrane de sistem */
.screen{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
#loader{background:#0b0b0c;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
#loader p{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#6b6b67;font-size:2.2rem;letter-spacing:.14em;text-transform:uppercase;margin-top:4rem}
.mark{width:13.6rem;height:7.2rem;position:relative}
.mark i{position:absolute;width:4rem;height:3.2rem;background:#fff;-webkit-animation:cm 2.2s infinite;animation:cm 2.2s infinite}
.mark i:nth-child(1){left:0;top:0}.mark i:nth-child(2){left:4.8rem;top:0}.mark i:nth-child(3){left:9.6rem;top:0}
.mark i:nth-child(4){left:0;top:4rem}.mark i:nth-child(5){left:4.8rem;top:4rem}.mark i:nth-child(6){left:9.6rem;top:4rem}
/* ordinea animației: sus stânga→dreapta, apoi jos dreapta→stânga */
.mark i:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.mark i:nth-child(2){-webkit-animation-delay:.154s;animation-delay:.154s}
.mark i:nth-child(3){-webkit-animation-delay:.308s;animation-delay:.308s}.mark i:nth-child(6){-webkit-animation-delay:.462s;animation-delay:.462s}
.mark i:nth-child(5){-webkit-animation-delay:.616s;animation-delay:.616s}.mark i:nth-child(4){-webkit-animation-delay:.77s;animation-delay:.77s}
@-webkit-keyframes cm{0%,100%{background:#fff}35%,60%{background:#5a5a58}}
@keyframes cm{0%,100%{background:#fff}35%,60%{background:#5a5a58}}

#pair{display:-webkit-box;display:-webkit-flex;display:flex;background:#f3f2ef}
.pl{width:76rem;background:#0b0b0c;padding:11rem 9rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}
.pl .logo{width:56rem;display:block}
.pl .tag{color:#9a9a96;font-size:3rem;line-height:1.45;margin:5.6rem 0 0}
.pl .tag b{color:#fff;font-weight:500}
.pl .foot{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.9rem;color:#6b6b67;letter-spacing:.08em;text-transform:uppercase}
.pr{-webkit-flex:1;flex:1;padding:12rem 11rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
.pr>*{margin-bottom:4.6rem}
.eyebrow{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:2.2rem;letter-spacing:.14em;text-transform:uppercase;color:#6b6b67}
.eyebrow b{color:#ff5a1f;font-weight:500}
.code{display:-webkit-flex;display:flex;margin-top:4.6rem}
.code span{width:11.8rem;height:15rem;border:.2rem solid #e2e1dc;background:#fff;border-radius:1.6rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:9.2rem;margin-right:1.6rem}
.steps{display:-webkit-flex;display:flex;margin-top:4.6rem}
.step{-webkit-flex:1;flex:1;background:#fff;border:.2rem solid #e2e1dc;border-radius:1.6rem;padding:2.8rem;margin-right:2.2rem}
.step:last-child{margin-right:0}
.step i{display:inline-block;width:4.4rem;height:4.4rem;line-height:4.4rem;text-align:center;border-radius:50%;background:#0b0b0c;color:#fff;font-style:normal;font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:2.2rem}
.step h4{font-size:2.9rem;margin:1.8rem 0 .8rem}
.step p{font-size:2.2rem;color:#6b6b67;line-height:1.35;margin:0}
.wait{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:2.4rem;color:#6b6b67}
.dot{width:1.4rem;height:1.4rem;border-radius:50%;background:#ff5a1f;margin-right:1.4rem;-webkit-animation:pulse 1.6s infinite;animation:pulse 1.6s infinite}
@-webkit-keyframes pulse{50%{opacity:.25}}@keyframes pulse{50%{opacity:.25}}
.tip{border:.2rem dashed #c9c7c0;border-radius:1.6rem;padding:2.2rem 2.6rem;font-size:2.2rem;color:#6b6b67;line-height:1.4}
.tip b{color:#0b0b0c}.tip .mono{font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
#msgBox h2{font-size:5.6rem;line-height:1.1;margin:2.4rem 0 1.6rem;letter-spacing:-.01em}
.msgText{font-size:2.8rem;color:#5a4a42;line-height:1.4;margin:0;max-width:90rem}

/* panoul tehnic (Setări → ecran → „Afișează informații tehnice”) */
#debug{position:absolute;right:1.6rem;top:1.6rem;z-index:20;background:rgba(0,0,0,.7);color:#fff;font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.8rem;line-height:1.5;padding:1.2rem 1.6rem;border-radius:1rem;text-align:right;white-space:pre}
#hint{position:absolute;left:50%;bottom:3rem;z-index:20;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(11,11,12,.85);color:#fff;font-size:2.2rem;padding:1.4rem 2.6rem;border-radius:99px}

/* ecran cu zone */
.layer .lz{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.lzz{position:absolute;overflow:hidden;background:#000}
.lzz .lzf{position:absolute;left:0;top:0;width:100%;height:100%;border:0;background:transparent}
.layer .lzz img,.layer .lzz video{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}
.lzz.fit-cover img,.lzz.fit-cover video{object-fit:cover}
.lzz.fit-contain img,.lzz.fit-contain video{object-fit:contain}
.lzq{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;white-space:nowrap;font-weight:700;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.lzq span{display:inline-block;padding-left:100%;-webkit-animation:lzq linear infinite;animation:lzq linear infinite}
@-webkit-keyframes lzq{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-100%)}}
@keyframes lzq{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.lzc{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:500}