body,html,#app{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;position:fixed}.tv-wallpaper{background-color:#000!important;width:100vw;height:100vh;background-image:url(/OverDrive/img/logo_ilst/bg-pc.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.tv-container{position:relative;width:63%;aspect-ratio:3 / 2;cursor:pointer;transform:translate(-1%);border-radius:2%/3%;overflow:hidden;box-shadow:inset 0 0 40px #000c;z-index:50}.bg-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.bottom-status-center{position:absolute;bottom:17px;left:50%;transform:translate(-50%);z-index:100}.status-capsule{display:flex;align-items:center;gap:12px;background:#000000e6;padding:5px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.2);white-space:nowrap;flex-wrap:nowrap}.status-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.power-led{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative;top:-.96px}.is-green{background:#0f0;box-shadow:0 0 6px #0f0}.is-red{background:red;box-shadow:0 0 6px red}.label,.instruction{color:#eee;font-size:10px;font-weight:700;letter-spacing:.5px;margin:0;line-height:1}.separator{width:1px;height:10px;background:#ffffff4d;flex-shrink:0}@media(max-width:1024px){.tv-wallpaper{background-image:url(/OverDrive/img/logo_ilst/bg-sp.png);background-color:#0a0a0a;background-size:cover;background-position:center bottom;background-repeat:no-repeat;height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.tv-container{width:95vw;height:auto;aspect-ratio:4 / 3;transform:none;border:4px solid #333;border-radius:20px;box-shadow:0 0 20px #00000080}.bottom-status-center{position:relative;margin-top:20px;width:100%;display:flex;justify-content:center;margin-bottom:120px;bottom:11px}.status-capsule{width:auto;min-width:80%;padding:10px 20px;height:auto;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.instruction{font-size:10px;white-space:nowrap;margin:0}.label{font-size:10px}.power-led{width:8px;height:8px;flex-shrink:0}}.video-blackout{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:8;pointer-events:none}.video-blackout.is-active{opacity:1}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px;z-index:10;pointer-events:none}.scanlines.is-hidden{display:none}.crt-off-line{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:15;opacity:0;pointer-events:none}.crt-off-line.is-active{animation:crt-off-anim .6s cubic-bezier(.19,1,.22,1) forwards}@keyframes crt-off-anim{0%{opacity:1;transform:scale(1);filter:brightness(1)}25%{opacity:1;transform:scaleY(.002);filter:brightness(3)}50%{opacity:1;transform:scale(.01,.002);filter:brightness(10)}to{opacity:0;transform:scale(0)}}.global-blackout{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000!important;z-index:99999;opacity:0;pointer-events:none;transition:opacity 1s ease-in-out}.global-blackout.is-active{opacity:1}.transition-logo{position:absolute;bottom:8.5%;right:2.4%;width:clamp(119px,12.5vw,238px);height:auto;z-index:100000;opacity:1;pointer-events:none;border-radius:6px}@media(max-width:1024px){.transition-logo{display:none}}.transition-logo.is-animating{animation:logo-blink-exit 1.5s ease-in-out 1.5s forwards}@keyframes logo-blink-exit{0%,20%,40%,60%{opacity:0}10%,30%,50%,70%{opacity:1}80%{opacity:1}85%,to{opacity:0}}.video-controls-wrapper.top-left{position:absolute;top:5%;left:1%;transform:translateY(-50%);z-index:60;display:flex;align-items:center;gap:4px;pointer-events:auto}.video-control-btn-mini{width:clamp(18px,2.5vw,28px);height:clamp(18px,2.5vw,28px);background:#0003;color:#fff;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-control-btn-mini:hover{background:#fff3}.video-overlay-caption{display:inline-flex;align-items:center;height:clamp(18px,2.5vw,28px);box-sizing:border-box;font-size:clamp(.6rem,1.2vw,.85rem);color:#fff;background-color:#00000026;padding:0 10px;border-radius:4px;white-space:nowrap;letter-spacing:.05em;font-weight:500}@media(max-width:1024px){.video-controls-wrapper.top-left{top:5%;left:2%;transform:translateY(-50%)}.video-control-btn-mini{width:20px;height:20px}.video-overlay-caption{height:20px;font-size:.65rem;padding:0 7.5px}}