#cine{pointer-events:none;z-index:6;direction:rtl;font-family:Rubik,system-ui,sans-serif;position:fixed;inset:0}#cine .lb{background:#000;height:0;transition:height .35s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;right:0}#cine .lb.top{top:0}#cine .lb.bot{bottom:0}#cine.on.letterbox .lb{height:11.5vh}#cine .fade{opacity:0;background:#000;position:absolute;inset:0}body.cine-on #hud,body.cine-on #help,body.cine-on #combo,body.cine-on #callout,body.cine-on #finisher{transition:opacity .2s;opacity:0!important}#cine .sub{color:#fff;text-align:center;text-shadow:0 3px #000,0 0 18px #000000e6;opacity:0;background:#0000008c;border-radius:.3em;width:max-content;max-width:92vw;padding:.08em .55em .14em;font-size:clamp(24px,3.4vw,52px);font-weight:800;line-height:1.15;transition:opacity .12s;position:absolute;bottom:14vh;left:50%;transform:translate(-50%)}#cine .sub.show{opacity:1}#cine .skip{color:#bbb;letter-spacing:1px;opacity:0;font-size:13px;position:absolute;bottom:3.5vh;left:24px}#cine.on .skip.show{opacity:.7}#cine .title{text-align:center;opacity:0;white-space:nowrap;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}#cine .title b{font-weight:900;display:block}#cine .title small{color:#f4efe4;text-shadow:0 3px #000;font-weight:800;display:block}#cine .title.show{opacity:1}#cine .title.card b{color:#c9a227;text-shadow:0 6px #000,0 0 40px #c4231acc;font-size:clamp(40px,6vw,88px)}#cine .title.card small{font-size:clamp(18px,2vw,30px)}#cine .title.card.show{animation:.35s cubic-bezier(.2,1.6,.4,1) slam}#cine .title.fatality{direction:ltr;top:25%}#cine .title.fatality b{line-height:0;display:inline-block;position:relative}#cine .title.fatality b:before{content:"";z-index:-1;background:radial-gradient(#c8140abf,#5a000073 45%,#0000 70%);position:absolute;inset:-40% -12%}#cine .title.fatality img.plate{filter:drop-shadow(0 10px 14px #000000e6)drop-shadow(0 0 26px #dc1e0a8c);width:auto;max-width:86vw;height:clamp(70px,15vh,190px);display:block}#cine .title.fatality .shine{-webkit-mask:var(--m) center / 100% 100% no-repeat;-webkit-mask:var(--m) center / 100% 100% no-repeat;mask:var(--m) center / 100% 100% no-repeat;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 38%,#fff5d7e6 50%,#0000 62%) 130% 0/260% 100% no-repeat;position:absolute;inset:0}#cine .title.fatality.show .shine{animation:.9s ease-in-out .7s both shine}#cine .title.fatality small{text-shadow:none;direction:rtl;margin-top:clamp(6px,1.2vh,16px)}#cine .title.fatality small .stone{font-size:clamp(32px,6.4vh,76px)}#cine .title.fatality small .fname{margin-bottom:clamp(2px,.6vh,8px);display:block}#cine .title.fatality small .fname .stone{filter:drop-shadow(0 0 14px #ff962899);font-size:clamp(24px,4.6vh,56px)}#cine .title.fatality small .tag{color:#f4e6c8;text-shadow:0 2px #000,0 0 12px #000;margin-top:4px;font-size:clamp(14px,2.2vh,26px);display:block}#cine .title.fatality.show{animation:.9s cubic-bezier(.15,1.4,.3,1) both fatal}#cine .title.fatality.show small{animation:.5s ease-out .55s both fatalSub}@keyframes fatalSub{0%{opacity:0;transform:translateY(12px)}}#cine .title.nameSlam{text-align:left;direction:rtl;top:auto;bottom:16vh;left:6vw;transform:none}#cine .title.nameSlam.right{text-align:right;left:auto;right:6vw}#cine .title.nameSlam b{color:#c9a227;letter-spacing:2px;text-shadow:0 5px #000,0 0 24px #000c;direction:ltr;font-size:clamp(34px,4.8vw,70px)}#cine .title.nameSlam small{color:#fff;font-size:clamp(24px,3vw,44px)}#cine .title.nameSlam.show{animation:.32s cubic-bezier(.2,1.5,.4,1) both nameIn}#cine .title.logo{direction:ltr;top:44%}#cine .title.logo b{letter-spacing:4px;color:#e7c35a;background:linear-gradient(#fff3c4 0%,#e7c35a 38%,#9a6d12 62%,#f2d27a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px #000)drop-shadow(0 0 30px #e37a1fb3);-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,9vw,140px)}#cine .title.logo small{color:#f4efe4;direction:rtl;margin-top:8px;font-size:clamp(20px,2.4vw,36px)}#cine .title.logo.show{animation:.6s cubic-bezier(.2,1.5,.4,1) both logoSlam}#cine .title.logo.show b:after{content:""}@keyframes slam{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes fatal{0%{opacity:0;filter:blur(8px)brightness(3);transform:translate(-50%,-50%)scale(3)}55%{opacity:1;filter:blur()brightness(1.4)}70%{transform:translate(-50%,-50%)scale(.96)}78%{transform:translate(calc(-50% - 8px),calc(5px - 50%))scale(1.02)}86%{transform:translate(calc(6px - 50%),calc(-50% - 4px))}to{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1)}}@keyframes nameIn{0%{opacity:0;transform:translate(-60px)skew(-12deg)}to{opacity:1;transform:none}}#cine .title.nameSlam.right.show{animation-name:nameInR}@keyframes nameInR{0%{opacity:0;transform:translate(60px)skew(12deg)}to{opacity:1;transform:none}}@keyframes logoSlam{0%{opacity:0;transform:translate(-50%,-50%)scale(1.35)}70%{opacity:1;transform:translate(-50%,-50%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}#cine .stamp{opacity:0;color:#d42a1a;letter-spacing:4px;mix-blend-mode:normal;text-shadow:none;background:#f8eededb;border:8px solid #d42a1a;border-radius:14px;padding:4px 28px;font-size:clamp(36px,5vw,72px);font-weight:900;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)scale(2.4);box-shadow:0 6px 18px #0000008c}#cine .stamp.show{animation:1.5s cubic-bezier(.3,1.6,.4,1) both stampIn}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(2.4)}12%{opacity:1;transform:translate(-50%,-50%)rotate(-12deg)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(1)}}#cine .num{opacity:0;color:#9a9a9a;direction:ltr;background:#0e0e10;border:3px solid #7a7a7a;border-radius:10px;padding:2px 14px;font-size:clamp(28px,3.4vw,54px);font-weight:900;transition:opacity .15s;position:absolute;top:40%;left:50%;transform:translate(-50%,-140%)}#cine .num.show{opacity:1}#cine .num.red{color:#ff5a45;border-color:#c4231a}#finisher{--u1:var(--u,1px);bottom:calc(34 * var(--u1));align-items:center;gap:calc(8 * var(--u1));pointer-events:none;z-index:5;opacity:0;direction:rtl;flex-direction:column;transition:opacity .2s,transform .3s cubic-bezier(.2,1.6,.4,1);display:flex;position:fixed;left:50%;transform:translate(-50%)scale(.8)}#finisher.show{opacity:1;transform:translate(-50%)scale(1)}#finisher .ask{margin-bottom:calc(10 * var(--u1))}#finisher .ask .stone{font-size:calc(38 * var(--u1))}#finisher .cards{gap:calc(34 * var(--u1));direction:ltr;align-items:flex-end;display:flex}#finisher .card{width:calc(210 * var(--u1));padding:calc(6 * var(--u1));border-radius:calc(12 * var(--u1));text-align:center;border:calc(3 * var(--u1)) solid #c9962a;box-shadow:0 0 0 calc(2 * var(--u1)) #3a2204, 0 calc(8 * var(--u1)) calc(16 * var(--u1)) #000, 0 0 calc(18 * var(--u1)) #ff6e1473;background:linear-gradient(#3b1c08,#140702);transition:transform .18s cubic-bezier(.2,1.6,.4,1),opacity .2s,filter .2s,box-shadow .18s;position:relative}#finisher.human .card,#finisher.human .rand{pointer-events:auto;cursor:pointer}#finisher .card img{aspect-ratio:16/9;object-fit:cover;border-radius:calc(8 * var(--u1));width:100%;display:block}#finisher .card>.stone{font-size:calc(27 * var(--u1));margin:calc(5 * var(--u1)) 0 calc(2 * var(--u1));white-space:normal;line-height:1.1;display:block}#finisher .card>.stone.long{font-size:calc(21 * var(--u1))}#finisher .card .any{font-weight:800;font-size:calc(15 * var(--u1));color:#f4e6c8;margin-top:calc(2 * var(--u1));display:block}#finisher .card .tag{top:calc(-11 * var(--u1));z-index:1;font-style:normal;font-weight:800;font-size:calc(13 * var(--u1));color:#f4e6c8;border:calc(2 * var(--u1)) solid #e0ae42;border-radius:calc(8 * var(--u1));padding:0 calc(8 * var(--u1));white-space:nowrap;background:#7d0d06;position:absolute;left:50%;transform:translate(-50%)}#finisher .card.suggest .tag{background:#1d6b2e}#finisher kbd{width:calc(42 * var(--u1));height:calc(42 * var(--u1));font-family:Rubik,sans-serif;font-weight:900;font-size:calc(20 * var(--u1));color:#3a2204;text-shadow:0 1px #fff0beb3;border:calc(3 * var(--u1)) solid #5a3806;box-shadow:inset 0 0 0 calc(3 * var(--u1)) #ffdc788c, 0 calc(4 * var(--u1)) calc(6 * var(--u1)) #000;background:radial-gradient(circle at 38% 30%,#fff4b8,#f2c43c 38%,#b57f0c 72%,#6a4404);border-radius:50%;place-items:center;display:grid}#finisher .card .keys{justify-content:center;gap:calc(8 * var(--u1));margin-top:calc(3 * var(--u1));direction:ltr;display:flex}#finisher.human:not(.locked) .card{animation:1.4s ease-in-out infinite cardPulse}#finisher.human:not(.locked) .card+.card{animation-delay:.7s}@keyframes cardPulse{50%{box-shadow:0 0 0 calc(2 * var(--u1)) #3a2204, 0 calc(8 * var(--u1)) calc(16 * var(--u1)) #000, 0 0 calc(30 * var(--u1)) #ffa028cc}}#finisher .rand{align-items:center;gap:calc(8 * var(--u1));font-weight:800;font-size:calc(18 * var(--u1));color:#f4e6c8;text-shadow:0 2px #000;display:flex}#finisher .rand kbd{width:calc(34 * var(--u1));height:calc(34 * var(--u1));font-size:calc(14 * var(--u1))}#finisher .hint{font-weight:800;font-size:calc(15 * var(--u1));color:#f4e6c8;border-radius:calc(8 * var(--u1));padding:calc(2 * var(--u1)) calc(12 * var(--u1));background:#0000008c}#finisher .card.lit{box-shadow:0 0 0 calc(3 * var(--u1)) #fff4b8, 0 0 calc(34 * var(--u1)) #ffd25ae6;animation:none;transform:scale(1.06)}#finisher .card.picked{transform:scale(1.14) translateY(calc(-8 * var(--u1)));box-shadow:0 0 0 calc(4 * var(--u1)) #fff4b8, 0 0 calc(50 * var(--u1)) calc(14 * var(--u1)) #ffc850e6, 0 calc(8 * var(--u1)) calc(16 * var(--u1)) #000;border-color:#fff4b8;animation:.5s ease-out both cardPick}#finisher .card.picked:after{content:"";inset:calc(-14 * var(--u1));border-radius:calc(18 * var(--u1));border:calc(4 * var(--u1)) solid #fff0bee6;animation:.5s ease-out both ringOut;position:absolute}#finisher .card.picked kbd{box-shadow:0 0 calc(22 * var(--u1)) calc(6 * var(--u1)) #ffe68cf2;background:radial-gradient(circle at 38% 30%,#fff,#fff4b8 40%,#f2c43c)}#finisher .card.dropped{opacity:.3;filter:grayscale();transform:scale(.9) translateY(calc(16 * var(--u1)))}#finisher.locked .rand,#finisher.locked .hint,#finisher.locked .tbar,#finisher.locked .ask{opacity:0;transition:opacity .15s}@keyframes cardPick{0%{filter:brightness(2.4)}to{filter:brightness()}}@keyframes ringOut{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.18)}}#finisher .tbar{width:calc(300 * var(--u1));height:calc(10 * var(--u1));border-radius:calc(6 * var(--u1));border:calc(2 * var(--u1)) solid #e0ae42;box-shadow:0 0 0 calc(2 * var(--u1)) #3a2204, 0 calc(3 * var(--u1)) calc(6 * var(--u1)) #000;background:#1a0504;position:relative;overflow:hidden}#finisher .timer{transform-origin:0;background:linear-gradient(#ff7a52,#d42a18 50%,#7d0d06);position:absolute;inset:0}#cine .title.logo{top:42%}#cine .title.logo b{-webkit-text-fill-color:initial;filter:none;background:0 0;display:inline-block;position:relative}#cine .title.logo small .tag{color:#c9a227;margin-top:4px;font-size:.8em;display:block}#cine .title.logo img.plate{filter:drop-shadow(0 10px 20px #000c);width:auto;max-width:min(62vw,900px);max-height:60vh;display:block}#cine .title.logo .shine{-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 35%,#fffadcd9 48%,#0000 60%) 120% 0/250% 100% no-repeat;position:absolute;inset:0}#cine .title.logo.show .shine{animation:.9s ease-in-out .35s both shine}@keyframes shine{0%{background-position:120% 0}to{background-position:-30% 0}}#gate{text-align:center;z-index:8;cursor:pointer;background:#000;place-content:center;display:grid;position:fixed;inset:0}#gate .press{color:#c9a227;direction:rtl;font-size:30px;font-weight:900;animation:1.1s infinite blink}#gate .sub{color:#888;letter-spacing:3px;margin-top:8px;font-size:13px}#loading{color:#888;z-index:9;direction:rtl;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#titleCard{z-index:7;background:radial-gradient(#14060399,#000000eb);place-content:center;justify-items:center;gap:10px;display:grid;position:fixed;inset:0}#titleCard img{filter:drop-shadow(0 10px 20px #000c);width:auto;max-width:min(78vw,1100px);max-height:62vh}#titleCard .sub{color:#f4efe4;text-shadow:0 3px #000;direction:rtl;font-size:clamp(20px,2.4vw,36px);font-weight:800}#titleCard .press{color:#c9a227;direction:rtl;margin-top:16px;font-size:22px;font-weight:800;animation:1.1s infinite blink}@keyframes blink{50%{opacity:.35}}#titleCard .tag{color:#c9a227;direction:rtl;font-size:clamp(16px,1.8vw,26px);font-weight:800}@media (max-height:500px){#titleCard{gap:4px}#titleCard img{max-height:44vh}#titleCard .press{margin-top:2px;margin-bottom:26px}}