﻿/* Keep the lost-signal scene independent of the home page composition. */
.error-main{padding:20px 16px 12px;gap:0;min-width:0}
.error-page .scene-container{padding:0;width:100%;overflow:hidden}
.error-page .watching-scene{width:min(620px,100%);max-width:620px;aspect-ratio:620/365}
.error-page .television{width:44%;left:28%;top:0}
.error-page .scene-floor{top:62%;height:42%;left:-8%;right:-8%;opacity:.35}
.error-page .tv-spill{left:20%;top:70%;width:60%;height:25%;transform:none}
.error-page .tv-screen{container-type:inline-size}
.error-page .lost-signal strong{font-size:clamp(30px,34cqw,56px)}
.error-page .lost-signal>span{font-size:clamp(7px,7cqw,11px)}
.error-message{padding:12px 8px 0}
.error-message p{margin-bottom:6px}
.error-page .home-link{margin:16px auto 24px}
@media(max-width:600px){
  .error-main{padding-top:24px}
  .error-page .watching-scene{width:100%;aspect-ratio:340/280}
  .error-page .television{width:62%;left:19%;top:0}
  .error-page .scene-floor{top:66%;height:34%}
  .error-page .tv-spill{top:72%}
  .error-message{padding-top:12px}
}
