:root{--app-height: 100vh}body{background:url(/assets/images/background.png) no-repeat center center / cover;margin:0;padding:0;width:100%;height:var(--app-height);overflow:hidden;font-family:Arial,sans-serif;position:relative;color:#fff}.screen{position:relative;width:100%;height:var(--app-height)}#play-screen{display:none}#shared-screen{position:absolute;top:0;left:0;width:100%;height:var(--app-height);z-index:2;pointer-events:none}#centerSpotlight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(240px,40vmin,520px);height:clamp(240px,40vmin,520px);border-radius:50%;background:radial-gradient(ellipse at center,#ffffff59,#ffffff26 40%,#fff0 70%);filter:blur(4px);opacity:0;z-index:9}#img1{width:100%;height:var(--app-height);background:#0b2b61;position:absolute;top:0;left:0;transform:translate(100%);will-change:transform;z-index:100}#img2{width:40vmin;height:40vmin;max-width:420px;max-height:420px;border-radius:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transform-origin:center;opacity:0;will-change:transform,opacity,clip-path;overflow:hidden;z-index:101}#logo{width:clamp(140px,20vmin,220px);position:absolute;top:5%;left:50%;transform:translate(-50%) scale(0);transform-origin:center;will-change:transform;z-index:3}#textImage{width:clamp(240px,36vmin,420px);position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) scale(.3);transform-origin:center;opacity:0;will-change:transform,opacity;z-index:3}#star{width:clamp(80px,12vmin,140px);position:absolute;top:55%;left:50%;transform:translate(-50%,200px) scale(.2);transform-origin:center;will-change:transform;opacity:0;z-index:4}#centerSpotlight{position:absolute;top:0;left:50%;transform:translate(-50%);height:var(--app-height);width:auto;opacity:0;pointer-events:none;z-index:9;transform-origin:top center}.word{position:absolute;width:clamp(120px,18vw,262.5px);opacity:0;white-space:nowrap;z-index:7}#play,#win{position:absolute;opacity:0;white-space:nowrap;z-index:7}#play{top:60%;left:calc(50% - 15.2vw);transform:translateY(-50%)}#win{top:60%;left:calc(50% + 1.5vw);transform:translateY(-50%)}.lightBeam{position:absolute;height:var(--app-height);top:0;opacity:0;mix-blend-mode:screen;z-index:15;pointer-events:none;transform-origin:top center;will-change:transform,opacity}#\32x,#lost{display:none;opacity:0;pointer-events:none}.cards-container{position:relative;width:100%;height:var(--app-height);z-index:6}.card{background:url(/assets/images/card-bg.png) center center / contain no-repeat;padding:12px;border-radius:10px}.card .face.front img,.card .face.back img{width:clamp(180px,22vmin,260px);height:auto;display:block;margin:8px}@media (max-width: 768px){#play{left:calc(50% - 24vw)}#win{left:calc(50% + 2vw)}#textImage{top:40%}}@media (max-width: 480px){#logo{width:clamp(120px,24vmin,200px)}#textImage{top:43%}#play,#win{top:66%}}