.ucl{--ucl-yellow:#ffe800;--ucl-orange:#f19236;--ucl-ink:#16160f;--ucl-notice:#21211b;--ucl-moss:#adac96;--ucl-sand:#e6e7d7;grid-area:media;min-width:0;position:relative;container-type:inline-size}.ucl__stage{position:relative;container-type:inline-size}.ucl__frame{aspect-ratio:16/9;background:var(--ucl-ink);position:relative;overflow:hidden;container-type:size}.ucl__frame video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ucl__zoom{will-change:transform;position:absolute;inset:0}.ucl__still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ucl__layer{z-index:1;aspect-ratio:16/9;pointer-events:none;width:max(100cqw,177.778cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.ucl__box,.ucl__zone{position:absolute}.ucl__lbl{font-family:var(--m);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:var(--ucl-ink);color:var(--ucl-yellow);transition:background .2s var(--ease),color .2s var(--ease);margin-bottom:5px;padding:5px 8px;font-size:12px;line-height:1;position:absolute;bottom:100%;left:-1.5px}.ucl__box{border:1.5px solid var(--ucl-yellow);opacity:0;transition:opacity .2s var(--ease),border-color .2s var(--ease);box-shadow:0 0 0 1px #00000047}.ucl__box.is-on{opacity:1}.ucl__box.is-alert{border-color:var(--ucl-orange)}.ucl__box.is-right .ucl__lbl,.ucl__zone.is-right .ucl__lbl{left:auto;right:-1.5px}.ucl__box.is-alert .ucl__lbl,.ucl__zone.is-alert .ucl__lbl{background:var(--ucl-orange);color:var(--ucl-ink)}.ucl__zone{opacity:0;transition:opacity .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);background:#ffe8000f;border:1px dashed #ffe800bf}.ucl__zone.is-on{opacity:1}.ucl__zone.is-alert{border-style:solid;border-width:1.5px;border-color:var(--ucl-orange);background:#f1923629}.ucl__zone:after{content:"";border:2px solid var(--ucl-orange);opacity:0;pointer-events:none;position:absolute;inset:-1.5px}.ucl__zone.is-pulse:after{animation:uclPulse .6s var(--ease) 1 both}.ucl__zone.is-pulse--ok:after{border-color:var(--ucl-yellow)}@keyframes uclPulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.ucl__panel{box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);opacity:0;width:max-content;max-width:calc(100% - 20px);transform:translateX(var(--ucl-slide,0px));transition:opacity .2s var(--ease),transform .2s var(--ease);background:#16160f9e;border-radius:clamp(12px,1.9cqw,20px);padding:clamp(12px,1.9cqw,22px) clamp(14px,2.2cqw,24px);position:absolute;top:clamp(10px,2.6cqw,36px);box-shadow:0 18px 44px #0000004d,inset 0 0 0 1px #ffffff1f}.ucl__panel--left{--ucl-slide:-14px;left:clamp(10px,2.2cqw,30px)}.ucl__panel--right{--ucl-slide:14px;right:clamp(10px,2.2cqw,30px)}.ucl__panel.is-on{opacity:1;transition:opacity .4s var(--ease),transform .5s var(--ease);transform:none}.ucl__ph{align-items:center;gap:8px;margin-bottom:clamp(10px,1.5cqw,16px);display:flex}.ucl__ph img{width:clamp(11px,1.4cqw,15px);height:auto;display:block}.ucl__ph span{font-family:var(--b);letter-spacing:.01em;color:#ffffff9e;font-size:clamp(11.5px,1.45cqw,14px);font-weight:600;line-height:1}.ucl__rows{gap:clamp(9px,1.4cqw,14px);display:grid}.ucl__row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"i l""i s";align-items:center;gap:3px clamp(9px,1.3cqw,13px);display:grid}.ucl__ri{background:var(--ucl-yellow);width:clamp(20px,2.7cqw,28px);height:clamp(20px,2.7cqw,28px);color:var(--ucl-ink);transition:background .2s var(--ease),box-shadow .2s var(--ease);border-radius:50%;grid-area:i;place-items:center;display:grid;position:relative}.ucl__ri svg{width:56%;height:56%;transition:opacity .2s var(--ease);display:block;position:absolute;inset:22%}.ucl__ri i{width:58%;height:58%;-webkit-mask:var(--ic) center/contain no-repeat;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;background:currentColor;display:block}.ucl__row.is-alert .ucl__ri{background:var(--ucl-orange)}.ucl__row:not(.is-on) .ucl__ri{color:#fff6;background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff47}.ucl__row:not(.is-on) .ucl__ri svg{opacity:0}.ucl__rl{font-family:var(--b);white-space:nowrap;color:#fff;opacity:.45;transition:opacity .2s var(--ease);grid-area:l;font-size:clamp(14px,1.95cqw,19px);font-weight:600;line-height:1.15}.ucl__row.is-on .ucl__rl{opacity:1}.ucl__rs{font-family:var(--b);white-space:nowrap;color:#ffffff9e;opacity:0;transition:opacity .2s var(--ease);grid-area:s;font-size:clamp(11.5px,1.45cqw,14px);line-height:1.1}.ucl__row.is-alert .ucl__rs{color:var(--ucl-orange)}.ucl__row.is-on .ucl__rs{opacity:1}.ucl__verdict{font-family:var(--b);white-space:nowrap;background:var(--ucl-yellow);color:var(--ucl-ink);opacity:0;transition:opacity .2s var(--ease);border-radius:999px;justify-content:center;margin-top:clamp(11px,1.6cqw,16px);padding:clamp(7px,1cqw,10px) clamp(12px,1.6cqw,16px);font-size:clamp(13px,1.7cqw,16px);font-weight:700;line-height:1.1;display:flex}.ucl__verdict.is-alert{background:var(--ucl-orange)}.ucl__verdict.is-on{opacity:1}.ucl{--ucl-nb:24px}.ucl__notice{z-index:2;left:10px;right:10px;bottom:calc(-1 * var(--ucl-nb));pointer-events:none;font-size:clamp(17px,2.6cqw,19px);position:absolute}.ucl__card{color:#fff;-webkit-backdrop-filter:blur(30px)saturate(155%)brightness(1.04);backdrop-filter:blur(30px)saturate(155%)brightness(1.04);opacity:0;transition:opacity .15s var(--ease),transform .15s var(--ease);background:#585a58cc;border-radius:1.15em;align-items:flex-start;gap:.8em;padding:1em 1.15em;display:flex;position:relative;transform:translateY(24px);box-shadow:0 18px 50px #00000057,0 2px 6px #0000002e,inset 0 1px 1px #ffffff80,inset 0 0 0 1px #ffffff24}.ucl__card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(158deg,#ffffff4d 0%,#ffffff0d 24%,#fff0 46%);position:absolute;inset:0}.ucl__notice.is-on .ucl__card{opacity:1;transition:opacity .4s var(--ease),transform .5s var(--ease);transform:none}.ucl__icon{border-radius:.62em;flex:none;width:2.4em;height:2.4em;display:block;box-shadow:0 1px 3px #00000047}.ucl__msg{flex:1;gap:.4em;min-width:0;display:grid}.ucl__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ucl__msg{position:relative}.ucl__brand{font-family:var(--b);letter-spacing:.02em;text-shadow:0 1px 1px #00000029;font-size:.8em;font-weight:700;line-height:1}.ucl__when{font-family:var(--b);color:#ffffffb8;font-size:.72em;line-height:1}.ucl .ucl__msg p{max-width:none;font-family:var(--b);color:#fff;text-shadow:0 1px 1px #00000029;text-wrap:pretty;margin:0;font-size:.9em;line-height:1.36}.ucl__tl{height:44px;margin-top:calc(var(--ucl-nb) + 20px);opacity:0;transition:opacity .2s var(--ease);position:relative}.ucl__tl.is-ready{opacity:1}.ucl__play{width:20px;height:20px;color:var(--ink);place-items:center;display:grid;position:absolute;top:-3px;left:0}.ucl__play svg{fill:currentColor;width:16px;height:16px;transition:opacity .2s var(--ease);grid-area:1/1}.ucl__pause-i,.ucl__tl.is-playing .ucl__play-i{opacity:0}.ucl__tl.is-playing .ucl__pause-i{opacity:1}.ucl__track{height:14px;position:absolute;top:0;left:32px;right:92px}.ucl__time{font-family:var(--m);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--army);font-size:12px;line-height:14px;position:absolute;top:0;right:0}.ucl__line,.ucl__prog{border-radius:999px;height:4px;position:absolute;top:5px;left:0}.ucl__line{background:#16160f24;right:0}.ucl__prog{background:var(--ink);width:0}.ucl__mark{background:var(--ink);z-index:2;width:14px;height:14px;box-shadow:0 0 0 2.5px var(--paper),0 1px 4px #16160f4d;border-radius:50%;margin-left:-7px;position:absolute;top:0;left:0}.ucl__pt{z-index:1;background:var(--paper);width:8px;height:8px;transition:background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),opacity .25s var(--ease);border:1.5px solid #16160f66;border-radius:50%;margin-left:-4px;position:absolute;top:3px}.ucl__pt:not(.is-on){opacity:0}.ucl__pt span{font-family:var(--m);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--army);transition:color .2s var(--ease);margin-top:13px;font-size:14px;line-height:1;position:absolute;top:100%;left:-1.5px}.ucl__pt.is-on{border-color:var(--ink)}.ucl__pt--base.is-on{background:var(--ucl-yellow);box-shadow:0 0 0 3px #ffe80047}.ucl__pt--alert.is-on{background:var(--ucl-orange);box-shadow:0 0 0 3px #f1923647}.ucl__pt--end.is-on{background:var(--ucl-ink);border-color:var(--ucl-yellow);box-shadow:0 0 0 3px #ffe80047}.ucl__pt.is-on span{color:var(--ink)}.ucl__pt span.is-up{margin-top:0;margin-bottom:10px;top:auto;bottom:100%}.ucl__tl{--ucl-up:0px;top:var(--ucl-up);height:calc(44px + var(--ucl-up))}.ucl__tl--up{--ucl-up:26px}.ucl__tl--wrap{height:calc(62px + var(--ucl-up))}.ucl__tl--wrap .ucl__pt span{white-space:normal;width:min-content;line-height:1.25}@media (min-width:901px){@container (min-width:620px){.ucl__notice{--ucl-np:clamp(16px,4cqw,28px);bottom:auto;left:auto;right:calc(-1 * var(--ucl-np));width:min(22em,calc(100cqw + var(--ucl-np)));transform:translate3d(0,var(--ucl-py,0px),0);will-change:transform;margin:0;position:absolute;top:39.4cqw}.ucl[data-notice=bl] .ucl__notice{left:calc(-1 * var(--ucl-np));right:auto}.ucl[data-notice=tr] .ucl__notice{top:min(0px,calc(18px - var(--ucn-rg,18px)))}.ucn__card--flip .ucl:not([data-notice=bl]) .ucl__notice{right:0}.ucn__card:not(.ucn__card--flip) .ucl[data-notice=bl] .ucl__notice{left:0}.ucl__tl{margin-top:calc(5.7*clamp(17px,2.6%,19px) + 38px - 16.85%)}.ucl[data-notice=tr] .ucl__tl{margin-top:30px}}}@media (max-width:900px){.ucl__notice{font-size:15px}.ucl__card{gap:12px;padding:14px 16px;transform:translateY(10px)}.ucl__icon{border-radius:10px;width:40px;height:40px}.ucl__msg{gap:6px}.ucl__brand{font-size:14px}.ucl__when{font-size:13px}}@media (max-width:600px){.ucl{--ucl-nb:32px}.ucl__notice{font-size:13.5px;left:8px;right:8px}.ucl__card{align-items:center;gap:10px;padding:10px 12px}.ucl__icon{border-radius:8px;width:32px;height:32px}.ucl__head{display:none}.ucl .ucl__msg p{line-height:1.35}}@media (max-width:900px){.ucl__pt span{letter-spacing:.06em;margin-top:10px;font-size:12px}.ucl__tl--up{--ucl-up:22px}.ucl__pt span.is-up{margin-bottom:8px}.ucl__tl--wrap{height:calc(58px + var(--ucl-up))}}@media (max-width:600px){.ucl__panel{padding:8px 11px 9px;top:8px}.ucl__panel--left{left:8px}.ucl__panel--right{right:8px}.ucl__ph{display:none}.ucl__rows{gap:7px}.ucl__row{gap:1px 8px}.ucl__ri{width:18px;height:18px}.ucl__rl{font-size:13px}.ucl__rs{font-size:11px}.ucl__verdict{margin-top:8px;padding:5px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.ucl__box,.ucl__zone,.ucl__lbl,.ucl__card,.ucl__pt,.ucl__pt span,.ucl__tl,.ucl__panel,.ucl__ri,.ucl__ri svg,.ucl__rl,.ucl__rs,.ucl__verdict{transition:none}.ucl__zone.is-pulse:after{animation:none}.ucl__notice{will-change:auto;transform:none}}
