body,html{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}#video-container{justify-content:center;align-items:center;width:100%;max-width:100vw;height:100%;max-height:100vh;display:flex;position:relative}video{object-fit:contain;outline:none;width:100%;height:100%}#overlay{cursor:pointer;z-index:10;background:#0006;grid-template-rows:auto auto;grid-template-areas:"icon""text";place-content:center;justify-items:center;gap:30px;width:100%;height:100%;transition:opacity .3s,background .3s;display:grid;position:absolute;top:0;left:0}#overlay.hidden{pointer-events:none;background:0 0}#overlay.hidden>:not(#spinner){opacity:0;pointer-events:none}#play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;grid-area:icon;justify-content:center;align-items:center;width:100px;height:100px;transition:transform .2s,background .2s;animation:2s infinite pulse;display:none;position:relative}#play-button:hover{background:#fff3;animation-play-state:paused;transform:scale(1.1)}#play-button svg{fill:#fff;z-index:1;width:50px;height:50px;margin-left:5px}#status-message{color:#fffc;pointer-events:none;text-align:center;grid-area:text;font-size:16px;font-weight:500}#spinner{z-index:5;background:conic-gradient(#f1621c 0% 25%,#075ef1 25% 50%,#f5007a 50% 75%,#04bf00 75% 100%);border-radius:50%;grid-area:icon;width:100px;height:100px;animation:1s linear infinite spin;display:none;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#fff calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#fff calc(100% - 6px))}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #fff6}70%{transform:scale(1.05);box-shadow:0 0 0 20px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}#spinner.visible{display:block}#logo{z-index:20;pointer-events:none;filter:drop-shadow(0 2px 4px #00000080);width:5%;min-width:50px;position:absolute;top:3%;right:8%}