*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060a11;color:#cad2e4;font:13px system-ui,sans-serif}body{display:grid;grid-template-rows:36px minmax(0,1fr);height:100dvh}header{display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));border-bottom:1px solid #ffffff0f}a{color:inherit;text-decoration:none}header>a{font-weight:800;font-size:20px}header span{font-weight:400;font-size:12px;color:#8793aa}header img{height:34px;width:130px;object-fit:cover}button{font:inherit;color:inherit;border:1px solid #ffffff2a;border-radius:6px;background:transparent;padding:5px 9px;cursor:pointer}button:hover,a:hover{color:white}main{position:relative;min-height:0}iframe{border:0;display:block;width:100%;height:100%;background:#060a11}footer{text-align:center;align-content:center;color:#8290a8;font-size:11px;word-spacing:3px}footer b{font-weight:500;color:#cad2e4}#error{position:absolute;inset:40% 12% auto;background:#162030;border:1px solid #4c6589;padding:24px;line-height:1.6;text-align:center}#error a{text-decoration:underline}main:fullscreen{background:#060a11;width:100vw;height:100dvh}@media(max-width:600px){body{grid-template-rows:32px minmax(0,1fr)}footer{display:none}header img{height:30px;width:110px}header span{font-size:11px}}