/* The actual application, recorded through Playwright. No redrawn UI. */
.ui-recording[hidden]{display:none}.ui-recording,.phase-recording{position:relative;background:#08150f;color:#e5eee7;overflow:hidden}.interface-video{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:contain;background:#08150f}.hero-screen .ui-recording{border-radius:5px}.tour-live{display:block;min-height:0}.has-live-preview img{display:none}.has-live-preview{position:absolute;inset:auto 12px 12px auto;width:auto;font-size:9px;z-index:5;border:1px solid #73937a;border-radius:4px;background:#183426e8;color:#eff3e8;padding:7px 10px;cursor:zoom-in}.has-live-preview:after{content:'Увеличить скриншот ↗'}.tour-picture:has(.tour-live:not([hidden])){padding-bottom:42px}.tour-picture:has(.tour-live:not([hidden])) .image-index{bottom:13px}.phase-recording{margin:22px 0 15px;border-radius:6px}.recording-phase-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ffffff25;margin-bottom:15px;padding-bottom:15px}.recording-phase-title>span{font-size:20px;color:var(--mint)}.recording-phase-title strong{font-size:16px;font-weight:500}.recording-phase-title small{font-size:9px;color:#a6c4af;flex-basis:100%;padding-left:28px}.video-toggle{background:transparent;border:1px solid #70917b;border-radius:3px;padding:6px 9px;color:#d5e6d9;font-size:9px;white-space:nowrap}.screen-foot{gap:16px;flex-wrap:wrap}.video-toggle:hover{background:#244835}.hero-screen .screen-foot>span:last-of-type{margin-left:auto}
@media(max-width:700px){.has-live-preview{font-size:7px;padding:5px 7px;bottom:10px}.tour-picture:has(.tour-live:not([hidden])){padding-bottom:35px}.tour-picture:has(.tour-live:not([hidden])) .image-index{bottom:12px;font-size:7px;left:10px}.video-toggle{font-size:8px;padding:6px}.hero-screen .screen-foot>span:last-of-type{display:none}.phase-recording{margin:18px -10px 15px}.phase-board{padding-left:14px;padding-right:14px}}