*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;background:#0d0535;color:#fff;font:14px system-ui}nav{display:flex;align-items:center;gap:10px;padding:6px max(8px,env(safe-area-inset-right));padding-top:max(6px,env(safe-area-inset-top));min-height:56px}nav a{color:#fff;text-decoration:none;padding:12px;background:#322056;border:1px solid #8667bb;border-radius:12px}nav strong{font-size:12px}nav span{margin-left:auto;font-size:11px;color:#89f6da}iframe{width:100%;flex:1;min-height:0;border:0}
html{height:100%;overflow:hidden}body{height:100dvh;overflow:hidden}nav{flex:0 0 auto;min-height:44px;padding:3px 8px}nav a{padding:9px 12px;font-size:12px}iframe{display:block;flex:1 1 0;height:0;min-height:0}@media(max-height:450px){nav{min-height:36px}nav a{padding:6px 10px}}